오병문

오병문

  • 분류 전체보기 (124)
    • ETC (24)
    • BlockChain (7)
    • Solidity (2)
    • Web Socket (1)
    • JS (17)
    • React (22)
    • React Native (4)
    • CSS (2)
    • Data Structure (2)
    • DB (1)
    • Linux (5)
    • AWS (10)
    • TS (3)
    • Laravel (7)
    • Nginx (4)
    • Git (2)
    • NextJS (5)
    • NestJS (1)
    • NodeJS (1)
    • Go (1)
    • WebView (1)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

오병문

컨텐츠 검색

태그

WebView를 사용하여 웹 콘텐츠에 GPS 위치 WebView와 웹 통신 API 웹 폰트 경량화 자료구조 nft .csv React Hooks nextjs google map 노치 디자인 대응 상태관리 google map circle nextjs 동적 import 의존성 모듈 JS 연산자 react native safe area react-native-vision-camera 웹뷰 카메라 호출 서브셋 폰트 의존성 삭제

최근글

댓글

공지사항

아카이브

webpack(1)

  • [ETC] 웹팩의 기본 개념

    자바스크립트 코드가 많아지면 하나의 파일로 관리하는데 한계가 있다. 그렇다고 여러개 파일을 브라우져에서 로딩하는 것은 그만큼 네트웍 비용을 치뤄야하는 단점이 있다. 뿐만 아니라 각 파일은 서로의 스코프를 침범하지 않아야 하는데 잘못 작성할 경우 변수 충돌의 위험성도 있다. webpack은 서로 연관 관계가 있는 웹 자원들을 js, css, img와 같은 스태틱한 자원으로 변환해주는 모듈 번들러입니다. 자원들을 최적화해서 압축 등 웹페이지의 성능을 끌어올려줍니다. 웹팩의 주요 네 가지 개념 1. 엔트리 자바스크립트가 로딩하는 모듈이 많아질수록 모듈간의 의존성은 증가한다. 의존성 그래프의 시작점을 웹팩에서는 엔트리(entry)라고 한다. 웹팩은 엔트리를 통해서 필요한 모듈을 로딩한고 하나의 파일로 묶는다. ..

    2022.02.10
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바