개인 이력서 사이트이다. 프론트엔드 개발자라면 지류 이력서가 아닌 사이트로 배포된 이력서쯤은 하나정도 있어야하지 않을까 라는 마음으로 시작한 프로젝트이다.
react , typescript , framer-motion , styled-componentnpm run deploy / gh-pages 배포개선사항 ㄴ Main에 종속되어있는 컴포넌트간의 UI요소의 중복이 너무 심하다. 즉 같은 코드량의 사용은 많으며 재사용이 가능한 코드들을 하드 코딩으로 때워놓고 있었던것이다. ㄴ 각 UI 노출시 적용되는 슬라이드 애니메이션또한 중복이 되어있었다. ㄴ 각 데이터들을 하드코딩하여 하나 하나 수정시에 너무 힘들었다.
해결
ㄴ 중복된 UI요소들을 별도의 컴포넌트로 분리하였다 또한 폴더구조를 직관적으로 나누었다. (공용 컴포넌트의 경우 Common 폴더에 작성)
ㄴ 애니메이션의 경우 utils 폴더의 animation.ts에 모두 작성을 하였다. framer-motion을 사용중이라 객체형식으로 작성을 하였으며 각 각의 컴포넌트에 중복작성이 아닌 1번 해결안에서의 공용 컴포넌트에 적용하였다.
ㄴ 각 데이터를 목업데이터로 분리하여 map()을 통한 배열렌더링을 적용하였다.