VS CODE 및 Live Server를 활용한 HTML 작업 환경 최적화

일자: 2026-07-23

• 주요 업무 내용:

  • [문제 정의]: HTML 기획 초안 수정 시 AI Context 신선도를 유지하기 위해, 새로운 폴더를 생성해야 하는지 등 효율적인 작업 환경 구성에 대한 고민 발생. Powershell을 사용함.

  • [해결 과정]: 사수에게 상황을 공유하고 실무 작업 방식을 문의함.Powershell 대신 VS CODE 사용중. 가이드에 따라 상위 폴더를 VS CODE로 불러와 실제 작업 파일과 프롬프트 창을 연동하는 방식을 확인.

  • [결과 및 인사이트]: VS CODE를 활용해 파일과 프롬프트를 한눈에 파악하며 작업 효율을 크게 높임(기존 Powershell 환경의 개별 확인 단점 극복). 특히 Live Server를 도입하여 HTML 수정 및 저장(Ctrl+S) 시 새로고침 없이 즉시 변경된 화면을 확인할 수 있게 됨.

• 💡 [사수 찬스로 알아낸 VS CODE 꿀팁! ✨💻]

#HTML #VSCODE #LiveServer #Context관리 #작업효율화 #커뮤니케이션