React

이번 프로젝트에서 React를 사용한 프론트엔드 개발을 진행하며 개발 환경에 대한 기록을 남겨두었다.

emotion/styled 라이브러리를 사용할 때, 자주 사용하는 색상 코드가 복잡하거나 전역 스타일링(다크모드 등)을 적용하고 싶은 경우가 있다.

이번 프로젝트에서 emotion/styled를 숨 쉬듯 사용하면서 props를 넘겨 쓰는 법을 배우게 됐고, 이 방법에 대해 기록해 보려고 한다.

프로젝트 때 사이트에 무한스크롤 기능을 넣었더니 사이트 최상단으로 스크롤하는 버튼이 필요해졌다.

Framer-Motion 라이브러리의 기본 사용법에 대해 알아보자.

Framer-motion 라이브러리의 AnimatePresence를 사용해보자.