포트폴리오 제작은 사실 지난 해부터 만들자 만들자 했는데,
미뤄지고 미뤄지다 만들지 못했다..^^,,
새해도 됐겠다, 본격적으로 이번주내로 포트폴리오 개발을 완료하기로 결정^,^!
아, 이 카테고리의 목적은 포트폴리오를 리액트로 개발하면서
간단하지만 쓸모있는 구현들을 기록해 나갈 예정이다 (거의 나를 위한 목적 ㅋㅋ..)
포트폴리오 탭 구성 (Navigation Header) 은 아래와 같다.
Atomic Design Pattern으로 개발하고 있으며
간단히 그저 보여주는 사이트이므로 백엔드 개발은 패스, 더미데이터 이용, 상태관리는 딱히 필요 없다 생각
<< 개발 하다보니 modal창을 구현하기 위한 전역 상태관리가 필요하다는걸 깨달음 ^^ ,, 큰 프로젝트가 아니니 간단히 ContextAPI로 상태관리를 해줄 것이다!
조촐한 디자인과 다양한 애니메이션 효과에 중점을 둘 예정이다!
이번주 내로 개발을 완료하면, 다음주에는 디자인 수정 및 material-ui를 통한 반응형 웹사이트 구현예정이다.
구현에 관한 포스팅도 제때 하지 못한 경우, 다음주에 하나씩 업데이트 예정!
아자아자! 🤣
'Project Memoir > Portfolio (2022)' 카테고리의 다른 글
| [Portfolio] Github 으로 React 프로젝트 호스팅하기 (0) | 2022.01.14 |
|---|---|
| [Portfolio] React | Aos를 사용하여 애니메이션 효과 주기 (0) | 2022.01.12 |
| [Portfolio] React | React-scroll 을 이용해서 원하는 영역으로 이동 (0) | 2022.01.10 |
| [Portfolio] React | ContextAPI를 이용한 Modal창 구현 (0) | 2022.01.06 |
| [Portfolio] React | react-slick으로 carousel 구현하기 (0) | 2022.01.05 |