✈️ 소개

• HTML,CSS,Javascript를 공부하기 위한 레포지토리 입니다.

🛠개발 환경(IDE)

📌 추천 Extensions(VS Code 확장 프로그램)

⭐추천 목록 [ 펼치기 / 접기 ]⭐

• ⭐Korean Language Pack for VSCode

VSCode 한글화

• ⭐prettier

코드 자동화 정렬 확장 프로그램

• ⭐open in browser

open in browser 혹은 open in other browser 브라우저로 열기

• ⭐Material Theme

VScode의 코드 편집기의 테마를 바꿔줌

• ⭐⭐Auto Rename Tag

Tag명을 바꿀 때 자동으로 닫는 태그도 바꿔줌 - 편함

• ⭐⭐Auto close Tag

(Tag를 알아서 닫아줌 - 너무 편함)

• ⭐⭐Live server

코드 저장하면 알아서 브라우저에 적용

• ⭐⭐HTML CSS Support

CSS파일에서 정의한 클래스나 id값을 HTML파일에서 자동 완성 기능을 제공하는 확장 프로그램

• ⭐ CSS Peek

HTML 파일에서 작성한 클래스 값을 Ctrl + 클릭하면 해당 CSS파일의 해당 클래스 부분으로 바로 찾아감

• ⭐ indent-rainbow

들여쓰기 구분을 색깔로 해주는 확장 프로그램

• ⭐ image preview

img 태그 안에 src="주소" 에서 주소 부분에 마우스 커서를 갖다 대면 어떤 이미지인지 보여준다.

• ⭐ESLint

자바 스크립트 문법 에러를 표시해주는 프로그램

🔗 브랜치 바로가기

번호	멤버	바로가기
01	안지혜	바로가기
02	이선로	바로가기
03	정수용	바로가기
04	임지훈	바로가기
05	박소은	바로가기
06	이병길	비로가기
07	조민병	바로가기
08	이현우	바로가기
09	임상욱	바로가기

⚙️그 외 설정

• [파일] - [기본설정] - [설정] - 'zoom' - Mouse wheel zoom 에 체크

  

• Files Associations *.html파일 설정