프레임워크 없이 사이트를 구축해보니 — 이렇게 되었어요

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 웹 개발자, 프레임워크 사용 여부 고민 중인 개발자
• 중간 수준 이상의 개발자 (프레임워크 개념 이해 필요)

핵심 요약

• 프레임워크 없이 구축 시 CSS/JS의 복잡성과 반복 작업으로 인한 어려움 발생
• Vite 사용으로 프로젝트 구조 정리 및 개발 생산성 향상
• 프레임워크의 장점 (재사용성, 유지보수성)을 경험적으로 인지

섹션별 세부 요약

1. 프레임워크 사용 거부의 출발점

• JavaScript 피로감 (npm 설치, config 파일 복잡성)으로 프레임워크 사용 포기
• 원시 HTML/CSS/JS로 시작, 초기 단순성과 흥미 경험

2. 구현 과정에서의 문제점

• CSS 구조의 복잡성 (선택자 중복, 레이아웃 깨짐)
• JavaScript의 반복 코드 (dropdown 토글 함수의 반복적 재작성)
• "재사용성"의 어려움 (기능 공유가 불가능한 상태)

3. 프레임워크 복귀 결정

• 자체 구현한 프레임워크 (비효율적, duct tape 사용)의 한계 인식
• Vite CLI (npm create vite@latest)로 프로젝트 재구성
• node_modules 생성 시 심리적 안도감 경험

결론

• 프레임워크의 필요성을 경험이나 통해 인지, Vite 사용을 권장 (프로젝트 초기 설정 시간 절약, 생산성 향상)