에디터 설치

VS Code는 마이크로소프트에서 개발한 텍스트 편집기(text editor)입니다. 개발자들이 소스 코드를 작성하고 관리하는 데에 도움을 주는 다양한 기능과 확장 프로그램을 제공합니다. VS Code는 프론트앤드 개발에 유용한 도구 중 하나이며, HTML, CSS, JavaScript 등의 언어를 지원합니다.

Visual Studio Code - Code Editing. Redefined

확장 프로그램 설치하기

VSCode에는 코드 작성에 도움이 되는 유익한 확장 프로그램이 많이 있습니다.

이를 잘 활용하면 코드의 생산성을 높일 수 있습니다.

Live Server / Ritwick Dey

가상 서버를 이용해, 작성한 HTML 코드를 실시간으로 확장 할 수 있는 확장 프로그램 입니다.

실행 결과를 즉시 확인 가능 합니다.

Auto Rename / Jun Han

HTML 태그는 시작 태그와 종료 태그로 구성되어 있으며, 시작 태그와 종료태그는 항상 일치해야 합니다.

만약 시작 태그나 종료 태그 중 한쪽 태그명을 변경하면 다른 쪽 태그명도 함께 변경 되도록 설정 할 수 있습니다.

HTML to CSS autocompletion / solnurkarim

HTML 문서에서 class 속성으로 작성한 값을 연결된 CSS 파일에서 자동 완성되도록 지원 합니다.

HTML CSS / ecmel

CSS파일에서 작성한 클래스나 아이디 선택자 값을 연결된 HTML 문서의 id 속성과 class 속성값으로 자동 완성 을 지원 합니다.

부트스트랩

https://getbootstrap.kr/