최근에 진행하는 프로젝트에서 Material UI 라이브러리를 사용하면서 반응형 breakpoint 에 대한 기준점을 정리해보고자 한다.Material UI 에서 다루는 breakPoint 키워드는 아래와 같이 정의되어 있다.xs, extra-small: 0pxsm,
나는 최근에 사용방법을 학습한 tailwindCSS 라는 css 라이브러리를 포트폴리오 페이지 개발 프로젝트에적용하여 실습 감각을 익히고 있다. 그러던 중 모바일 반응형 레이아웃을 구현하면서 반응형 breakpoints를 커스터마이징하여 사용하는 방법을 알게 되었는데
5월부터 시작한 사이드 프로젝트가 어느정도 마무리 단계에 접어들면서 개선할 부분을 찾아보다가 문득 화면 전환이 부드러워졌으면 좋겠다는 생각이 들었다.그래서, 찾아본 몇 가지 방법들은 아래와 같다.motion-framer 라이브러리 사용react-transition-gr