브라우저 렌더링, 최적화, 네트워크, 비동기 처리 등 웹 개발에 필요한 개념들을 쉽게 배워봅시다!
웹을 이루는 핵심 요소를 알아봅시다! - DOM, BOM, JavaScript
앞으로의 웹 개발 지식을 배울 때 꼭 등장하는 개념입니다. 해당 요소들이 웹을 만드는데 어떻게 쓰이는지 알아봅시다!
매끄럽게 동작하는 브라우저 만들기 - 렌더링 최적화 Reflow, Repaint
어떻게 하면 웹 사이트를 더 매끄럽게 동작시킬 수 있을까요? Reflow와 Repaint에 집중해서 최적화 방법을 알아봅시다.
모듈 번들러란? - Webpack vs Vite 무엇을 써야 할까요?
웹을 구성하는 자원들을 하나의 파일로 압축해주는 모듈 번들러에 대해서 배워보겠습니다.
CSR vs SSR - Next.js는 언제 사용하면 좋을까요?
면접에 자주 나오는 CSR과 SSR 렌더링 방식의 차이와 장단점에 대해 쉽게 배워보겠습니다.
npm, yarn, yarn berry의 차이와 발전 과정
JavaScript 패키지 매니저의 발전 과정을 알아보면서 npm, yarn, yarn berry의 장단점에 대해 알아보겠습니다.
yarn berry workspace와 모노레포 도입 여정 🏃🏼♂️ (feat. Turborepo)
현업에서 모노레포를 도입했던 배경과 모노레포의 단점을 극복하기 위해 시도했던 방법들을 공유하고자 합니다.
React의 초기 렌더링 속도 최적화하기
사용자 이탈에 큰 영향을 주는 React의 초기 로딩 속도를 개선하는 방법들을 알아보겠습니다.
웹 개발자의 신고식 🚨 CORS로부터 해방 되기
웹 개발자라면 한 번쯤 마주할 CORS 에러의 개념과 CORS로부터 해방될 방법에 대해 알아보겠습니다.
선언적 비동기 처리로 사용자 경험 향상시키기 (Suspense, ErrorBoundary)
Suspense와 ErrorBoundary를 활용하여 사용자 경험과 개발 생산성을 모두 향상시킬 수 있는 방법에 대해 알아보겠습니다.