모노레포 안에 있는 작고 소중한 디자인 시스템 패키지를 NPM 배포 해봅시다 🚀

CSS를 적용하는 다양한 방법에 대해 번들부터 렌더까지 과정을 살펴봅시다 🧁

개발보다 어려웠던 동적으로 메타데이터 그리고 오픈그래프 적용하기 😮‍💨

제가 경험했던 복잡한 타입 세상의 예시들과 함께, 복잡한 세상.. 편하게 개발하게 해주는 타입을 알아봅시다 :)

toast 만들고 요청 성공했을 때 띄워봅시다 :) 추가로 제 코드에 제 발목이 잡혀 수정까지 한 과정들도 짚어봅시다 :>

Storybook을 매번 명령어로 열어보는 당신과 나..... 우리 자동화로 편하게 살자고....

Barrel 파일을 남용해서 사용하고 계시진 않으신가요? (저 처럼..?

서버 사이드에서 렌딩하는 Next.js랑 클라이언트 사이드에서 초기화되는 msw 화해시키기 🤝

지난 저의 구렸던 Modal 컴포넌트를 돌아보고, 개선시킨 Modal 컴포넌트 모듈화 코드를 살펴봅시다 🥹

사용자 경험과 밀접한 비동기 처리 방식에 대해 알아봅니다. 뿐만 아니라 이러한 비동기 처리 과정에서 발생할 수 있는 문제점에 대해 정리해보고 해결책까지 적용해봅니다 :)

타입 가드에 따른 View 로직도 구분이 될 때가 존재하는데, 이때 사용할 수 있는 새로운 방법을 소개합니다 :)

React+Typescript를 위해서라면 반드시 알아야할 React를 위한 type들을 정리해 보았습니다 :)

왜 아이콘이나 로고에서는 SVG를 국룰처럼 사용할까?

디자인 패턴은 소프트웨어 개발에서 반복적으로 발생하는 문제들에 대한 효과적인 해결책을 제공하는 일종의 설계 템플릿이다. 복잡한 소프트웨어 시스템 활용에서 중요한 역할을 할 수 있고 높은 수준의 아키텍처를 구축하는 데에도 도움이 될 수 있는 디자인 패턴에 대해 알아보자

웹 성능에 큰 영향을 미치는 이미지에 대해 최적화 해봅시다. 이미지 최적화의 목표부터 전략까지 알아보고, 끝으로 Next.js 13 버전에서 변경된 Image 컴포넌트까지도 다뤄봅시다 :)

Next.js의 렌더링 동작원리를 이해하기 위해 SSR부터 Next.js의 실제 코드까지도 뜯어보면서 Hydration을 이해해보자 :)

매일 쓰는 Hooks를 알고 쓰고 최적화까지 해보기 위해 Hooks의 등장 배경부터 원리 그리고 최적화 방법까지도 알아보았다 :)

초기 렌더링 속도를 위한 방법으로 Lazy Loading을 알아보자. 그리고 이와 관련된 Code Splitting까지도 알아보자 :)

React 렌더링 동작 원리 - DOM부터 렌더링을 이어서 핵심 동작 원리인 Fiber까지 알아보자 :)