시작 루틴

개발 환경 점검

처음에는 도구를 많이 설치하기보다 에디터, 파일, 브라우저, 콘솔이 이어지는 흐름을 익히는 것이 중요합니다.

Editor

VS Code

파일을 열고 확장 기능으로 HTML, CSS, JS 작성을 돕습니다.

Files

프로젝트 폴더

index.html, style.css, script.js를 같은 기준으로 연결합니다.

Browser

Live Server

저장한 결과를 브라우저에서 빠르게 다시 확인합니다.

Console

DevTools

오류 메시지와 실행 결과를 콘솔에서 확인합니다.