왜 이 구조를 선택해야 할까요?
장기적인 프로젝트 관리에 최적화된 아키텍처!!
관심사 분리
HTML(구조), CSS(스타일), JS(동작)를 완벽하게 분리하여 코드 가독성과 협업 효율성을 높였습니다.
디자인 토큰
variables.css를 통해 색상, 폰트, 여백을 변수화하여 테마 변경이나 다크모드 도입이 매우 쉽습니다.
모듈식 스크립트
기능 단위로 JS 파일을 분할(예: 메인, 유틸리티, API 통신)할 수 있도록 진입점을 마련했습니다.
장기적인 프로젝트 관리에 최적화된 아키텍처!!
HTML(구조), CSS(스타일), JS(동작)를 완벽하게 분리하여 코드 가독성과 협업 효율성을 높였습니다.
variables.css를 통해 색상, 폰트, 여백을 변수화하여 테마 변경이나 다크모드 도입이 매우 쉽습니다.
기능 단위로 JS 파일을 분할(예: 메인, 유틸리티, API 통신)할 수 있도록 진입점을 마련했습니다.