본문 바로가기 메뉴 바로가기

김기지의 코딩노트

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

김기지의 코딩노트

검색하기 폼
  • 분류 전체보기 (165)
    • 코딩 (159)
      • Next.js (16)
      • 프로젝트 (9)
      • 한 입 크기로 잘라먹는 React.js (2)
      • 한 입 크기로 잘라먹는 타입스크립트 (42)
      • 코드스테이츠 (27)
      • 띵동코딩 (13)
      • 스파르타코딩-웹개발 (15)
      • 코딩노트 (30)
      • Dart (3)
      • Flutter (2)
    • SQL (4)
  • 방명록

번들링 (1)
[React] - 번들링과 웹팩

🌱 번들링 여러 제품이나 코드, 프로그램을 묶어서 패키지로 제공하는 행위 번들 : 사용자에게 웹 애플리케이션을 제공하기 위한 파일 묶음 사용자가 더 쉽고 빠르게 프론트엔드 애플리케이션에 접근할 수 있도록 용량을 줄이거나 파일을 최소화하여 유저에게 전달하는 과정 사용자가 브라우저를 열고 주소를 입력하면, 해당 주소에서 개발자가 번들링한 여러 파일을 받음 이 파일을 브라우저가 실행하여 웹 애플리케이션을 제공 🌱 번들링의 필요성 HTML, CSS, JavaScript 파일을 그대로 전송할 시 생길 수 있는 문제점 두 개의 .js파일에서 같은 변수를 사용하고 있는 경우 → 변수 간 충돌이 일어남 딱 한 번 불러오는 프레임워크 코드가 8MB → 인터넷 속도가 느린 국가의 모바일 환경에서는 사용이 불편 번들 파일 ..

코딩/코드스테이츠 2023. 3. 20. 23:04
이전 1 다음
이전 다음
최근에 올라온 글
Total
Today
Yesterday
TAG
  • 클론코딩
  • 번들링
  • 보안
  • 데이터요청
  • javascript
  • 웹팩
  • css
  • styled-component
  • 로컬 저장소
  • 부트캠프
  • 오블완
  • Next.js
  • 인증
  • useRef
  • 개발
  • React
  • 정처기필기
  • HTML
  • 띵동코딩
  • 프론트엔드
  • 타입스크립트
  • 코드스테이츠
  • nextjs
  • React.JS
  • 상태관리
  • 티스토리챌린지
  • 자바스크립트
  • git 오류
  • cdd
  • 프레임워크
more
«   2025/07   »
일 월 화 수 목 금 토
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 31
250x250

Blog is powered by Tistory / Designed by Tistory

티스토리툴바