서비스 커지면, 드래곤볼로도 힘들다.

이미지를 출력하는 방법 중 좋은 방법?

찝찝한 해결

앞만 보고 달려가는 주니어 개발자들이 놓치는 것

기능을 하나씩 알아보면서 리팩토링 과정을 공유하는 글

이제 API 없어서 통신 로직 못짠다고 빌빌대지 말자!!

Element를 hover할 경우 다음(Next) Element도 hover한 효과를 구현하는 것은 css를 이용하여 쉽게 할 수 있다. 하지만 이전(previous) Element들에게도 hover 효과를 넣는 것은 다른 문제다...

오랜만에 실행한 프로젝트에서 Browserslist 에러 발생

nth-child 대신에 nth-of-type을 사용하기

항상 기능을 구현하다 보면 React에서 동작하던 기능이, pre-rendering을 수행하는 Next.js에서는 에러를 발생시킬 수 있다.

Custom Hook을 생성하여 사용 vs getServerSideProps(SSR)를 이용하는 방법

input 하나만 핸들링 해도 모두 리랜더링 되는 현상을 react-hook-form으로 해결해보자

자세가 동일한 마네킹이 다른 옷만 입고 있다. 이런 경우에는 마네킹을 찍어내는 공장을 만들고 옷만 다르게 입히자.

bracket notation property access (TypeScript)

상태 관리 프로젝트에 맞는 테스트 요깃지!! (testing library)

오늘은 간단하게 To fix this consider wrapping it in a useMemo hook 에러를 해결하는 방법을 알아보자.

무한 스크롤 구현과 최적화를 위해 display none을 사용하면 브라우저의 렌더링 동작 방식에서 어떤 문제점이 있는지 알아보자.

프로젝트를 설계하다가 특정 이벤트를 발생할 경우 데이터를 요청하는 구조가 필요했다. useQuery를 이용하여 무지성으로 구현하는 방법과 정석으로 구현하는 방법을 알아보자.

지원 자격에 테스트 보고 뒤로가기 부터 누른다면?? 지금이라도 기초를 쌓아보자!!

Jest + React Testing Library를 Next.js에서 사용할 수 있도록 셋팅을 해보자.