[React] 포트폴리오 만들기

Medium_ryan ㅣ 2023. 9. 13. 15:41

취업을 위해 나만의 포트폴리오를 만들어 보았다.

 

프로젝트에 사용한 주요 라이브러리는 아래와 같다.

  • react-router-dom -- 페이지 관리
  • recoil -- 스테이트 관리
  • styled-components -- 스타일 관리
  • react-icons -- 아이콘
  • framer-motion -- 애니메이션 생성

01
완성본 이미지

 

완성본 영상

css 스킬이 부족한 나에게 framer-motion은 그야말로 단비 같은 라이브러리이다.

덕분에 다이나믹한 표현도 손쉽게 할 수 있고, 사용하기에 불편함이 없었다.

 

그리고 이번 프로젝트에는 recoil을 이용해 state 관리를 해보았다.

개인적으로 RKT보다 사용하기 쉬웠고, selector 기능이 마음에 들었다.

 

마지막으로, media-query 및 css-style, typography에 쏟은 시간이 너무 길었다. 

경험이 부족한건지부족한 건지 혹은 지식이 부족한 건지 모르겠지만 꾸준히 이 길을 걷다 보면 해결법이 보이겠지?


 

https://github.com/mediumryan/portfolio