환경설정

vs Code 환경설정

vs code extentions

• live server
• JS-CSS-HTML formatter
• Path Autocomplete

key map

• Atom

명령어팔레트 > formatter config*

• js, css, html의 indent size : 2

firefox, chrome extentions

• Web Developer
• headings map
• open wax (edited)

normalize.css

• css 기본값 세팅 (뷰어값 삭제)
• https://cdnjs.com/libraries/normalize

reset.css

• css 기본값 리셋

css- minified, uglyfied

• css를 보기좋게 짜놓고 배포할때만 한줄로 줄여서 난독화, but 용량 줄임

www.w3.org/Style/CSS/current-work

• 보편적으로 쓸 수 있는 CSS가 뭔지 확인하고 싶을때
• 단계: D > WD > CR > PR > REC
• 뒤로 갈수록 안정적으로 쓸수있음

Font Awesome

• 웹아이콘 클래스 모듈화 사이트
• http://fontawesome.io/

단축키 (emmet)

• Cmd + shift + k : 커서가 있는줄 삭제
• cmd + shift + D : 커서 있는줄 복사
• Cmd + \ : 사이드바 보이기 안보이기
• Cmd + / : 주석처리
• Alt + 방향키 : 해당 커서 줄 옮기기