issues
search
Kim-DaHam
/
Portfolly
Portfolly 프로젝트 리팩토링
1
stars
0
forks
source link
Refactor: 전체적인 코드를 개선한다
#53
Closed
Kim-DaHam
closed
10 months ago
Kim-DaHam
commented
10 months ago
개요
전체적으로 코드를 정리했습니다.
작업사항
url 파라미터를 가져올 땐 useParms를 쓴다.
모달이 열리고 닫힘을 관리하는 useModal.ts 훅을 생성한다.
함수형 컴포넌트를 선언할 때
export default
를 function 앞에 붙인다.
SectionNavigator.tsx의 동작을 관리하는 useSectionNavigator 훅을 생성한다.
Selector.tsx의 동작을 관리하는(열리고 닫힘, seletedValue 저장) useSelector 훅을 생성한다.
기존 PortfolioItem.tsx를 PortfolioThumbnail.tsx로 변경한다.
기존 PortfolioProfile.tsx를 삭제하고 Profile.tsx에
renderProfile(type)
을 호출하여 다양한 프로필 형태를 불러온다.
Profile.tsx + PortfolioThumbnail.tsx 가 합쳐진 PortflioItem.tsx를 생성한다. PortfolioList.tsx에서 쓰인다.
ProfileSize 디자인 토큰을 추가한다.
개요
전체적으로 코드를 정리했습니다.
작업사항
export default
를 function 앞에 붙인다.renderProfile(type)
을 호출하여 다양한 프로필 형태를 불러온다.