본문 바로가기

전체 글

 (274)
inline-block 버그 inline-block을 사용할 때 마진을 주지 않았음에도 서로 간격이 벌어져 있는 버그가 있다. 가장 쉬운 해결법은 부모요소에 font-size를 0으로 설정해주면 된다.
12칼럼 그리드 시스템 1080px 12col grid (1col=10+70+10) 1180px 12col grid (1col=10+80+10) 1320px 12col grid (1col=20+70+20) 1440px 12col grid (1col=20+80+20) 전체 가로폭 1180px (한 칼럼은 10(여백) + 80 + 10(여백, 거터) = 100 이지만 양 끝의 여백은 안잡히므로 10 * 2만큼 빼야된다 따라서 ... 100 * 12 - 10 * 2) - 세로로 2개로 분할되는 영역일 때에는 580px 20px 580px - 세로로 3개로 분할되는 영역일 때에는 380px 20px 380px 20px 380px - 세로로 4개로 분할되는 영역일 때에는 280px 20px 280px 20px 280px 20px 280..
배열 중복제거 (ES6에 추가된 Set객체 이용하기) 1 2 3 4 const arr = [1, 2, 3, 1, 2, 3]; const newS = new Set(arr); console.log([...newS]); //output: [1,2,3]
맥 단축키 https://support.apple.com/ko-kr/HT201236 Mac 키보드 단축키 특정 키 조합을 눌러 보통은 마우스, 트랙패드 또는 기타 입력 기기가 있어야 가능한 작업을 수행할 수 있습니다. support.apple.com cmd + shift + 3 / 4 = 전체 캡처 / 부분캡처 cmd + space = spotlight검색 cmd + option + space = Finder cmd + q = 종료 cmd + w = 텝 종료 cmd + shift + n = 새폴더 생성 cmd + backspace = 파일 삭제 cmd + option + backspace = 파일 완전 삭제 cmd + shift + . = 파인더에서 사용시 숨김파일 보이기 / 숨기기 ctrl + cmd + spac..
git pull 오류 작업 복사본에서 git에 의해 추적되지 않은 파일을 포함하여 모든 로컬 변경 사항을 제거하려면 git stash push --include-untracked 더 이상 필요하지 않으면 git stash drop
eslint + prettier 설정 { "workbench.colorTheme": "Night Owl", "workbench.iconTheme": "material-icon-theme", "explorer.confirmDragAndDrop": false, "explorer.confirmDelete": false, "workbench.startupEditor": "none", "eslint.alwaysShowStatus": true, "eslint.validate": [ { "language": "vue", "autoFix": true }, { "language": "javascript", "autoFix": true }, { "language": "javascriptreact", "autoFix": true }, { "language": ..
replace() 전체 수정하는 방법 replace에 바로 문자를 넣으면 가장 첫번째 해당하는 요소만 변경하지만 다음과 같이 작성하면 전체를 바꾸어 준다. const str = '010-0000-0000'; const result = str.replace(/-/g, ''); //결과값은 01000000000 특수문자의 경우 정규식에서는 ￦특수문자의 형태로 넣어주면 된다 replaceAll 이라는 메서드도 있지만 아직 지원 안되는 브라우저도 있으므로 정규식으로 표현하는게 더 좋을거 같다
포트 죽이기 netstat -a -o 에서 로컬주소:죽이려는포트 의 PID 번호 확인 후 taskkill /f /pid PID번호

티스토리툴바