Editor
VS Code 같은 편집기에서 HTML, CSS, JS 파일을 작성합니다.
개발 환경 준비 흐름
웹 개발 환경은 편집기, 브라우저, 폴더 구조, 확장 도구가 같은 프로젝트를 바라보도록 맞추는 과정입니다.
Folder
프로젝트 폴더 안에 파일 역할과 경로를 일정하게 둡니다.
Browser
브라우저와 개발자 도구로 결과, 네트워크, 오류를 확인합니다.
Reload
저장 후 새로고침 또는 Live Server로 변경 결과를 반복 점검합니다.
파일 구조
index.html, css, js, assets 폴더를 분리하면 링크 경로 실수가 줄어듭니다.
핵심개발 환경 준비 흐름은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.