Front-End Developer

2024.05.12

개요 개발을 진행하면서 개발 생산성 & 빌드 성능 개선했던 사례들을 공유하려고 합니다. Lint 속도 개선 husky를 통해서 Lint 검사에 대한 속도 개선을 위해서 eslint, prettier cache 적용하였습니다. cache flag…

2024.05.06

Vite를 사용해야 하는 이유 기존 모듈 번들러 문제점 브라우저에서 Native ESM 방식을 지원하기 전까지는 Javascript 모듈화를 브라우저 레벨에서 진행할 수 없었고, 해당 소스 모듈을 브라우저에서 지원하기 위해서 require/IIFE…

2024.04.28

esbuild 특징 Go언어를 기반으로 작성되었고 정적(네이티브) 코드 방식으로 컴파일 프로그래밍 언어로 작성된 코드를 기계가 이해할 수 있는 기계어로 바뀌는 변환 방식은 총…

2024.03.24

버전 관리 정책 Latest 안정적인 semver React 릴리스 버전입니다. npm에서 React 설치해서 사용이 가능합니다. https://github.com/facebook/react/blob/main/CHANGELOG.md Canary…

2024.03.18

도입 배경 NPM, Yarn Classic(1.0) 패키지 매니저 문제점 유령 의존성 yarn classic(1.0), npm(v…

2024.03.17

npm-check Installization 일괄 업데이트 yarn autoclean yarn autoclean 설명 패키지 종속성에서 불필요한 파일을 정리하고 제거(빌드와 상관없는 파일) yarn autoclean 명령어 autoclean…

2024.01.27

React v16 to v18 마이그레이션 가이드(with Best Practice Code) Updates to Client Rendering APIs Migration The new root API also enables the new…

2024.01.20

Update React Installation ‘Component’ cannot be used as a JSX component. 에러가 날 경우 @types/react@latest 최신 버전을 올릴 경우 nextJS Component…

홍승아블로그