2021/07/11 2

리액트를 다루는 기술 요약#13

해당 시리즈는 제목 그대로 김민준님의 '리액트를 다루는 기술'을 요약한 글입니다. 목차 21장 백엔드 프로그래밍: Node.js의 Koa 프레임워크 22장 mongoose를 이용한 MongoDB 연동 실습 Koa Koa는 Express의 기존 개발 팀이 개발한 프레임워크. Express는 미들웨어, 라우팅, 템플릿, 파일 호스팅 등과 같은 다양한 기능이 자체적으로 내장되어 있는 반면, Koa는 미들웨어 기능만 갖추고 있으며 나머지는 다른 라이브러리를 적용하여 사용함. 그래서 Express 보다 훨씬 가벼움. // src/index.js const Koa = require('koa'); const app = new Koa(); app.use((ctx) => { ctx.body = 'hello world';..

WEB🔨/React 2021.07.11

리액트를 다루는 기술 요약#12

해당 시리즈는 제목 그대로 김민준님의 '리액트를 다루는 기술'을 요약한 글입니다. 목차 19장 코드 스플리팅 19장 코드 스플리팅 CRA의 기본 웹팩 설정에는 SplitChunk라는 기능이 적용되어 node_modules에서 불러온 파일, 일정 크기 이상의 파일, 여러 파일 간에 공유된 파일을 자동으로 따로 분리시켜서 캐싱의 효과를 누릴 수 있게 해줌. 이렇게 파일을 분리하는 작업을 코드 스플리팅이라고 함. 하지만 프로젝트에 기본 탑재된 SplitChunks기능을 통한 코드 스플리팅은 단순히 효율적인 캐싱 효과만 있음. 예를 들어 페이지 A, B, C로 구성된 SPA를 개발한다고 했을 때, 사용자가 A 페이지에 방문했다면 B, C 페이지에서 사용하는 컴포넌트 정보는 필요하지 않음. (사용자가 B 또는 C..

WEB🔨/React 2021.07.11