Mo's Develog

  • 홈
  • 태그
  • 방명록

babel 1

[Webpack] 1. Webpack + Typescript + React 환경설정

Webpack이란? 여러개의 파일을 브라우저에서 로딩하는 것은 네트워크 비용을 그만큼 사용하게 되어 결국 반응속도가 느려지게 되는 문제점이 발생하고 이외에도 많은 문제점이 있다. 이러한 문제를 해결하기 위해 module bundler로 Webpack을 사용한다. 쉽게 말해 많은 파일들을 필요한 형태의 하나 또는 여러개의 번들파일로 만들어준다는 것이다. 그럼 왜 Webpack을 사용할까? 1. 네트워크 병목현상을 해결할 수 있다. 너무 많은 자바스크립트 파일을 로드하게되면, 네트워크 병목현상에 빠질 수 있다. 이때의 해결방법으로 하나의 자바스크립트 파일만을 사용할 수 있지만 이 방법에는 문제점이 있다. 그 문제점은 바로 가독성과 유지보수의 효율성이 떨어진다는 것이다. 해결방법으로 Webpack과 같은 모듈..

webpack 2022.10.25
1
더보기
프로필사진

  • 분류 전체보기 (279)
    • Website (23)
      • HTML (8)
      • CSS (15)
    • Java (81)
    • Oracle (7)
    • JSP (16)
    • Node.js (15)
    • React (26)
    • JavaScript (80)
      • Javascript (26)
      • Javascript_Advanced (24)
      • Modern JS Deep Dive (5)
      • ES6 (25)
    • GraphQL (2)
      • 찍먹해보기 (2)
    • TypeScript (12)
    • webpack (3)
    • NextJS (3)
    • CS (1)
    • 기타 (4)
    • Interaction (1)
    • react-query (0)
    • 문제해결 (0)
      • CSS (0)
    • AWS (1)
    • 코딩테스트 (2)

Tag

JavaScript, JSP, java, SQL, node.js, HTML, nodejs, babel, oracle, REST API, CSS, TypeScript, webpack, express, react, graphql,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바