현대 웹 개발의 복잡성: 정적 웹사이트에서 Babel 로의 진화 (Part 1)
Source
Evernote/Inbox/Why is modern web development so complicated A long yet hasty explanation Part 1! - vrk.dev.md
Summary
이 문서는 현대 프론트엔드 웹 개발이 왜 복잡해졌는지에 대한 설명 시리즈의 첫 번째 부분입니다. 저자는 현대 웹 개발 도구를 ‘마법’에 비유하며, 이를 이해하면 워크플로우가 효율적이지만, 이해하지 못하면 혼란스럽다고 지적합니다. 문서는 가장 단순한 ‘정적 웹사이트’ 개발 워크플로우(HTML/CSS/JS 수정 후 브라우저 새로고침)를 출발점으로 삼고, 이것이 여전히 유효하지만 특정 프로젝트에서는 더 정교한 워크플로우가 필요함을 설명합니다. 복잡성의 근본 원인은 과거 JavaScript 언어와 Web API 의 한계(모듈 부재, 비동기 처리 어려움, DOM 조작의 번거로움 등)에 기인함을 서술하며, 이러한 한계를 해결하기 위해 jQuery 와 같은 라이브러리가 등장했고, 이후 Babel 과 같은 도구를 사용하는 방향으로 진화해 왔음을 개괄합니다.
Key Points
- 현대 웹 개발 도구는 이해할 경우 강력한 ‘마법’이지만, 학습 곡선이 가파르고 용어가 혼란스러울 수 있음.
- 전통적인 정적 웹사이트 개발(파일 수정 후 브라우저 새로고침)은 여전히 유효하며, 불필요한 도구는 추가하지 말아야 함.
- 현대적인 복잡한 워크플로우는 특정 프로젝트의 문제를 해결하기 위해 도입된 것임.
- 과거 JavaScript 와 Web API 는 모듈, 상수, Promise, 직관적인 DOM 조작 메서드 등 여러 기능적 한계가 있었음.
- JavaScript(언어 자체) 와 Web API(브라우저 환경 제공 인터페이스) 는 구별되는 개념임.
- jQuery 는 과거 JavaScript/ Web API 의 한계와 브라우저 간 차이를 해결하기 위한 대표적인 라이브러리였음.
- 이 문서는 정적 웹사이트에서 시작하여 jQuery, 그리고 Babel 로 이어지는 웹 개발 도구 진화의 맥락을 설명하는 시리즈의 시작점임.