정리공간

구글 애드센스에 들어가면 언제부턴가 떠있는 경고가 있었다. 바로... 주소인증 절차가 되지않아 지급이 안된다는 경고. 그리고 내 주소로 우편을 보냈으니 핀 주소 6자리를 입력하라는 것 근데 문제는 내가 이사를 와버렸다는 것이다. 그래서 황급히 주소를 변경함 주소 변경하는 방법 애드센스 > 결제정보 > 설정 들어가면 주소를 수정할 수 있다. 수정하고 다시 [본인확인] 탭을 누르면 핀 다시 보내기 버튼이 활성화 되고, 핀을 새로운 주소로 다시 보낼 수 있다. 그리고 시간이 흘러.... 결국 기간이 지나 광고가 끊겼다 처참한 모습....ㅠㅠㅠㅠ 아쉽지만 우편이 오길 기다림....! 그리고 시간이 지나 우편을 보니 영어가 써있는 종이가 있었다!! 저거다!!!! 종이 안에 핀 번호 입력하고 본인인증 완료!! 9월..

어떤 칸에 글자가 너무 많은데 자리는 한정적일때 말 줄임을 쓰곤 한다. 이 말줄임 표시를 해보자. 네이버 메인화면에서 예시를 가져왔다. 광고아님! 스타일을 입혔더니 이렇게 한줄로 줄여진다. .text_test { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } 여기서 -webkit-line-clamp 을 2로 하면 두 줄로 말줄임이 된다.

Vue 프로젝트에 데이터 시각화를 위해 그래프를 붙이고 싶었다. 찾아보니 chart.js 가 있었고, 제일 많이 추천하는 오픈 소스 라이브러리였다. - 무료 - Js, HTML5, Canvas 기반 - 반응형 지원 이 세가지만 봐도 사용하기 충분했다. 사이트 : https://www.chartjs.org/ Chart.js Simple yet flexible JavaScript charting library for the modern web www.chartjs.org 1. chart.js 설치하기 npm install chart.js pakage.json 에 가서 버전을 확인하자. 버전을 따로 지정하지 않았으면 아마 최신버전이 설치됐을것이다. 나는 4.4.0이다. 2. 기본 Bar 차트 만들어보기 우선 ..

가상화 환경을 이용하다보면 파일을 옮기기에 불편합니다. 드래그 앤 드롭은 가상화 운영체제와 실제 운영체제 간에 파일을 옮길때 그냥 마우스로 그래그 해서 옮길 수 있는 기능을 말합니다. ​ ​ 설정방법! (저는 Workstation 16 버전을 사용중입니다) ​ 1. 설정할 가상환경에서 우클릭> Settings클릭 ​ 2. Options >shared folders 부분에 disabled -> always enabled로 바꾼다 ​ 3. 터미널을 열어 다음 명령어 입력 sudo apt-get install open-vm-tools-desktop ​ ​ 4. 재부팅 reboot ​ ​ 이제 가상환경의 파일 부분에 파일을 드래그 하면 잘 들어가는 것을 확인할 수 있다.

체크박스나 라디오버튼의 input을 누르면 라벨 style을 변경하고 싶었다. 예를들어 아래와 같은! 구글링 해보니 CSS에 + 연산자를 쓸 수 있었다. input[type=checkbox]:checked + label { background-color: orange; } 근데... 동작하지 않았다. + label 없애고 앞부분만 쓰면 잘 적용됐는데 "+ label" 만 붙이면 동작을 안했다. 뭐가 문제지.. vue 프로젝트로 하고있는데 vue에서는 지원 안하는건지 이리저리 찾다가 원인을 찾았다. +label 을 하려면 태그가 태그 뒤에 있어야 한다. 계속 보다보니 다른 글에서는 다 label과 input이 따로따로였다. 나는 label이 input을 감싼 상태였어서 적용이 안된거였다. 내 코드 가나다 ..

객체 내부에서 중복 값 찾기. 예를 들면 아래 같은 객체에서 id가 100으로 같은 배열 중 최근에 만든 것만 살리기! let exArr = [ { id: 99, text:'가', regdate:'2023-08-09' }, { id: 100, text:'나', regdate:'2023-08-10' }, { id: 100, text:'다', regdate:'2023-08-11' } ]; 세가지 방법이 있다. 반복문돌려서 찾기, reduce, filter 1. 반복문 돌려서 찾기 원초적인(?) 방법으로 반복문을 돌려서 같은 값이 있는 맵을 따로 빼두고 제거하는 방법이다. let prevIdx = 0; for(let i=1; i { if(acc.findIndex(({id}) => id === current.i..

상대경로 : ../../assets/images/logo.png절대경로 : @/assets/images/logo.png 상대경로는 현재페이지 기준으로 경로를 작성해야되므로 얼마나 ../을 써야할지 볼때 너무 귀찮다. 그래서 복붙하기도 좋은 절대경로를 쓰는게 좋다.   절대경로 Alias 설정vue 설정파일을 연다.나는 webpack.config.js 인데 각각 프로젝트별로 vue.config.js일수도있고, jsconfig.js일수도 있고 무튼 vue 루트 설정파일에서 작업한다. const path = require('path');module.exports = { resolve: { alias: { '@': path.join(__dirname, 'src/') } }, }너무 간단하..

특정 상품의 정가와 할인률을 계산하여 할인된 가격을 보여주려는데 종종 1원씩 차이나는 현상이 발생했다.  예를들어 10,000원에서 10%할인이 들어가면 9,000원이 나와야하는데 9,001원이 나오는 현상.... 구글링을 해도 잘 안나오고 겪어보지 않으면 절대 모를 일이기에 일단 정리해두려고 한다. (mssql이 사용 비중이 별로 없어서 그런것 같기도 하다.... 아마 이 글도 찾는 사람이 있을까 싶긴한데) 테스트해보니 mssql에서 float 형식을 int로 변환할 때 1씩 값이 증가되는 것을 보았다.  이건 형변환 할때도 마찬가지지만, float결과물을 int 타입의 컬럼에 insert할때도 마찬가지다.  분명 9,0000을 insert했는데, 컬럼 타입이 서로 다르면 9001로 들어가 있다.  그..

, 태그를 쓰면 아래 사진같은 걸 만들 수 있다.  단순히 반복할거라 v-for를 써서 반복했는데 {{ month }} 사용자들이 중간에 있는 숫자를 많이 쓸 것 같아서 처음부터 기본 값을 8로 나타나게 하고싶었다.  여기서 약간 방황.... v-for를 쓰는게 아니라면 기본으로 하고싶은 option태그에 selected를 적으면된다. 아래처럼 가 나 다근데 나는 v-for를 써서 반복하기 때문에 이렇게 한 태그에 selected를 적을 수 없었다. 결국 젤 좋은 방법은 마지막에 있는데 급하신 분은 바로 마지막꺼 보면된다.   첫번째 시도 : v-if를 걸어서 8일때만 selected 지정하도록 하기.Vue 2.3버전부터 v-for과 v-if를 같이 쓸 수 있다고 한다. 근데 우선..

위와 같이 목차가 있고, 해당 글자를 누르면 아래 같은 글자로 이동하려 한다. 보통 이동을 할때 하이퍼링크를 다는데, A1 이런식으로 셀 위치를 입력해주면 하이퍼링크로 이동할 수 있다. 그려면 우리는 해당 문자열이 있는 위치를 찾아내서 링크를 걸면된다. 사용할 함수 1. HYPERLINK() 2. ADDRESS() 3. MATCH() 1. HYPERLINK(이동할 곳, 표시할 이름) 하이퍼링크 함수는 첫번째 인자에 지정한 곳으로 이동시켜준다. 즉, 이동하고싶은 글자의 위치를 여기에 넣어줘야한다. 2. ADDRESS(행번호, 열번호) 행 번호와 열 번호를 받아서 지정한 형식으로 반환하는 함수다. 1행에 2열로 적었으니 $B$1로 반환함을 볼 수 있다. 3. MATCH("찾을문자", 범위, 옵션) : 찾을 ..