1. VSCode Emmet
https://code.visualstudio.com/docs/editor/emmet
Emmet in Visual Studio Code
Using Emmet abbreviations inside Visual Studio Code.
code.visualstudio.com
2. VSCode shortcut keys
https://demun.github.io/vscode-tutorial/shortcuts/
단축키 - Visual Studio Code tutorial
단축키 파일 > 기본 설정 > 바로가기 키 에서 현재 활성화된 키보드 단축키를 볼 수 있습니다 . 기본 편집 키 명령 명령 ID ctrl+X 행 삭제 (빈 선택) editor.action.clipboardCutAction ctrl+C 행 복사 (빈 선택) e
demun.github.io
3. HTML calc()
https://developer.mozilla.org/ko/docs/Web/CSS/calc
calc() - CSS: Cascading Style Sheets | MDN
calc() CSS 함수를 사용하면 CSS 속성의 값으로 계산식을 지정할 수 있습니다. <length>, <frequency>, <angle>, <time>, <percentage>, <number>, 또는 <integer>를 받는 속성의 값으로 사용할 수 있습니다.
developer.mozilla.org
4. CSS box-sizing: border-box
모르면 곤란한 box-sizing
😲 모르면 큰 코 다치는 box-sizing
velog.io
5. CSS transition
https://developer.mozilla.org/ko/docs/Web/CSS/CSS_transitions/Using_CSS_transitions
CSS 트랜지션 사용하기 - CSS: Cascading Style Sheets | MDN
CSS 트랜지션은 CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공합니다. 속성 변경이 즉시 영향을 미치게 하는 대신, 그 속성의 변화가 일정 기간에 걸쳐 일어나도록 할 수 있습니
developer.mozilla.org
6. JS focus, blur
https://ko.javascript.info/focus-blur
focus와 blur
ko.javascript.info
6. IT 추천 도서
- 모던 자바스크립트 Deep dive
https://www.yes24.com/Product/Goods/92742567
모던 자바스크립트 Deep Dive - 예스24
『모던 자바스크립트 Deep Dive』에서는 자바스크립트를 둘러싼 기본 개념을 정확하고 구체적으로 설명하고, 자바스크립트 코드의 동작 원리를 집요하게 파헤친다. 따라서 여러분이 작성한 코드
www.yes24.com
- O'Reilly 도서
https://search.kyobobook.co.kr/search?keyword=O%27Reilly&pbcm=O%27Reilly
교보문고 | 대한민국 최고의 도서쇼핑몰
교보문고는 온오프라인을 통틀어 대한민국 최고의 도서쇼핑몰이며 전자책, 음반, 기프트, 문화서비스까지 제공하는 종합문화기업입니다.
mobile.kyobobook.co.kr
7. 웹 브라우저 강력 새로고침(캐시 비우기)
- 코드가 새로고침이 잘 안되는 경우
- 실제 서버에 올라가 있는 경우 트래픽이나 비용 문제로 많이 사용하면 안된다
- 로컬에서 많이 테스트를 하고 올리는 것을 권장
https://blog.naver.com/bbddistyle/222212618061
크롬 캐시 비우기 및 강력 새로고침
크롬을 사용하다 보면 분명히 결제를 했거나 페이지에 새로운 내용이 적용되어야 하는데 예전에 불렀던 페...
blog.naver.com
8. JS setTimeout(), setInterval()
https://ko.javascript.info/settimeout-setinterval
setTimeout과 setInterval을 이용한 호출 스케줄링
ko.javascript.info
https://www.daleseo.com/js-timer/
자바스크립트의 setTimeout()과 setInterval() 함수
Engineering Blog by Dale Seo
www.daleseo.com
9. JS 일급함수
https://developer.mozilla.org/ko/docs/Glossary/First-class_Function
일급 함수 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN
프로그래밍 언어는 해당 언어의 함수들이 다른 변수처럼 다루어질 때 일급 함수를 가진다고 합니다. 예를 들어, 일급 함수를 가진 언어에서 함수는 다른 함수들에 전달인자로 제공되고, 다른 함
developer.mozilla.org
10. JS 화살표함수
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions
화살표 함수 표현식 - JavaScript | MDN
화살표 함수 표현식(화살표 함수 expression)은 함수 표현식에 대한 간결한 대안으로, 약간의 의미적 차이와 의도적인 사용상의 제한을 가지고 있습니다.
developer.mozilla.org
11. JS 즉시실행함수
https://developer.mozilla.org/ko/docs/Glossary/IIFE
IIFE - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN
즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression) 은 정의되자마자 즉시 실행되는 Javascript Function 를 말한다. IIFE라는 이름은 Ben Alman이 블로그에서 처음으로 시작되었습니다.
developer.mozilla.org
12. JS arguments
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/arguments
arguments 객체 - JavaScript | MDN
arguments 객체는 함수에 전달된 인수에 해당하는 Array 형태의 객체입니다.
developer.mozilla.org
13. JS rest
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/rest_parameters
나머지 매개변수 - JavaScript | MDN
나머지 매개변수 구문을 사용하면 함수가 정해지지 않은 수의 매개변수를 배열로 받을 수 있습니다. JavaScript에서 가변항 함수를 표현할 때 사용합니다.
developer.mozilla.org
14. JS 구조 분해 할당
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
구조 분해 할당 - JavaScript | MDN
구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.
developer.mozilla.org
15. JS 동적 스코프, 렉시컬 스코프
[기술면접/JS] dynamic scope(동적 스코프), lexical scope(렉시컬 스코프)
상위 scope, 함수가 정의된 위치, 함수가 실행되는 위치먼저 자바스크립트의 함수에서 상위 scope를 결정하는 방식은 lexical scope입니다. lexical scope는 함수가 정의된 위치에 따라서 함수의 상위 scope
velog.io