# webpack
Webpack을 사용하는 코드에서 Web Worker의 스크립트 파일의 경로 설정 문제
Webpack에서 Worker API를 사용할 때는 Worker 생성과 URL 생성을 모두 인라인으로 작성해야 한다.
리액트 웹앱 번들링하기
Create React App의 줄임말로 손쉽게 최신의 리액트 앱을 설정할 수 있다. 이미 바벨 설정이나 웹팩 설정이 다 되어 있는 프로젝트로 만들어 주기때문이다.그래서 cra를 사용하면 빌드도 npm run build으로 간단하게 할 수 있다.번들링: 단순하게 여러
JavaScript와 Webpack을 이용한 SPA만들기
SPA는 전통적인 Multi Page Application (MPA)와 달리 페이지를 다시 로드하지 않고, 동적으로 페이지의 일부분만 변경하는 웹 어플리케이션이다. 이것은 사용자 경험을 향상시키고, 더 빠르고 반응성 있는 웹 애플리케이션을 만드는 데 매우 유용하다.SP

웹앱 직접 번들링해보기 + 배포하기
아고라 스테이츠의 레퍼런스로 진행했다! 우선, 맨 처음으로 1. npm 활용할 준비를 해준다. > npm init -y 이러면 package.json 파일이 생성된다. 2. webpack을 설치한다. > npm install -D webpack webpack-c
[frontend] webpack을 활용한 개발 환경 설정 방법
모듈 번들러(module bundler)흩어져 있는 여러개의 js, css, image 등 자원을 하나의 파일로 번들링하여 웹에서 로딩할 수 있도록 하는 도구Nodejs 위에서 돌아감.의존성 관리 : 의존하는 모듈들의 로딩 순서 자동 관리로더 : 다양한 파일 형식을 모
Create-React-App 없이 React 환경 구축하기
무작정 create-react-app 을 사용하다가 cra가 무슨일을 해주는지 궁금해서 직접해봄.create-react-app 이 도대체 무엇을 해주는지 알수있다.webpack , babel 의 역할을 알고 프로젝트 설정을 직접 관리 할 수 있다.직접 커스텀하여 프로젝
웹팩
웹팩은 코드를 묶어서 임포트를 덜 할 수 있게 해준다.최적화해서 적은 코드를 다운받게 해준다.빌드 단계를 쉽게 추가할 수 있다.ts-loader, typescript, webpack, webpack-cli, webpack-dev-server 를 설치하자.webpack-

CRA (23/03/06)
Create React App, 약칭 CRA는 리액트 웹 애플리케이션 개발을 위한 웹팩과 바벨 설정 등을 제공합니다간단히 말해서 번거로운 리액트 초기 세팅 작업을 대신해주는 고마운 툴입니다↓↓↓npx 명령어는 기본적으로 패키지를 실행시키는 명령어이지만 해당 패키지가 설
React-6 (23/03/02)
1. useRef() 사용법 리액트에서 html 요소를 선택하고 싶을 때는 document객체의 querySelector나 getElement 선택자를 사용하는 것을 지양합니다 (컴포넌트가 HTML로 렌더링 되기 전에는 DOM 요소에 접근이 불가능하기 때문입니다)

[프로솔브 리팩터링] Webpack 빌드 속도 및 번들 크기 개선
프로솔브 Webpack 설정을 리팩터링하면서 개선된 빌드 속도 및 번들 크기에 대한 설명을 다룹니다.
Webpack-2 (23/02/28)
Webpack 2번째 1. Webpack 먼저 웹팩과 리액트를 설치합니다 [./src/index.jsx] [./src/app.jsx] 기본 설정 완료 다음으로 웹팩 환결설정이 필요합니다 루트 디렉토리에 webpack.config.js 파일을 생성합니다 [w