2023-03-12
Code 코드는 링크의 샌드박스에서 확인하실 수 있습니다. Background nextjs 에서 pathParam 과 queryParam 값에 접근 하고자 한다. URI는 다음과 같다. pathParam과 queryParam에 접근하는 코드는 다음과 같다. pathParam 인 와 queryParam 인 는 아래와 같은 타입으로 추론된다. image…
2019-09-19
TLDR 리엑트 앱에 코드스플리팅을 적용한 경험에 대해 다룬다. 이와 관련된 웹펙 설정과 리엑트 코드에 대해 다룬다. 왜 code Spliting 이 필요할까? 대부분의 React 앱은 Webpack 같은 도구를 사용하여 "번들 된"파일을 갖게 된다. 번들링은 가져온 파일을 따라 하나의 파일, 즉 "번들"으로 병합하는 프로세스다. 이 번들(js)은 웹 …
2019-08-09
들어가며 webpack, babel 많이 들어는 봤으나 정작 해당 설정을 눈앞에 마주하면 아득 하기만 했다. 설정 이라는 영역은 경험이 쌓이지 않으면 단번에 이해하기가 어렵다. 또한 webpack 과 babel은 수시로 update 되고 규칙과 네이밍이 미세하게 조정되며 어려움을 더한다. 그래서 이번에 리엑트를 시작하며 CRA(create react a…