dev.daisy

  • 홈
  • 태그
  • 방명록

2025/11/12 1

[JavaScript] CJS와 ESM으로 자바스크립트 모듈 시스템 이해하기

CJS와 ESM은 단순히 문법만 다른 것이 아니라, 로딩 방식, 최적화 가능성, 트리 쉐이킹 여부, 의존성 관리 방식까지 전반적으로 구조가 크게 다르다는 점을 공부하면서 새롭게 느꼈습니다. 특히 ESM은 정적 분석이 가능하기 때문에 번들링 과정에서 더 효율적인 최적화가 이루어진다는 점이 인상적이었습니다. 실제로 프로젝트를 진행하면서 모듈 시스템이 어떻게 코드의 구조를 좌우하는지 체감했고, 전역 스코프가 오염되던 시절과 비교하면 개발 환경이 얼마나 안정적으로 변했는지도 이해할 수 있었습니다.또한 모듈을 어떻게 나누고 어떤 방식으로 가져올지를 설계하는 것이 단순한 파일 분리가 아니라, 전체 애플리케이션의 유지보수성과 확장성에 직결된다는 것을 경험했습니다. 작은 예시 코드에서도 export 방식 하나 바꾸는 ..

📚 CS/JavaScript 2025.11.12
이전
1
다음
더보기
프로필사진

dev.daisy

주니어 프론트엔드 개발자입니다 :) github @dani1552

  • 분류 전체보기
    • 👩🏻‍💻 Develop
      • Performance Optimization
      • TroubleShooting
      • Test
      • Document
    • 📚 CS
      • JavaScript
      • React
      • Basic
      • Algorithm
    • 🏃🏻 Others N
      • Conference
      • Interview (🔒) N
      • Information (🔒)

Tag

scope, udp, useRef, SSE, https, memoization, OSI, SSR, REACT, Next.js, Cors, JavaScript, Hooks, refresh token, FEConf, nginx, V8, test code, rerendering, V-Dom,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/11   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바