신나게 개발하기

FE개발자의 라이브 코딩을 보면서, 그동안 미련하게 작성했구나를 느껴서 Emmet을 알아보게 되었다. Emmet이란? HTML 자동 완성 기능으로 작성 속도를 향상 시켜주는 플러그인 Emmet 설정 방법 1. HTML Prefernecs → Editor → Emmet → HTML 에서 Enable XML/HTML Emmet 체크 2. JSX (React , Vue 등등) Prefernecs → Editor → Emmet → JSX 에서 Enable JSX Emmet 체크 3. 어디서든 쓰고 싶으면 Plugins → Emmet Everywhere install 기본 사용법 1. 자식요소 : > 위처럼 만들고 싶다면 ⚙️ div>ul>li 2. 동일요소 반복 : * ⚙️ div>ul>li*3 3. 형제요소 ..