📌목차

소개

🌵 초록 집사

🗓2022.06.06 - 2022.06.22

React.js Emotion Storybook Axios Git Netlify

프론트 4명, 백엔드 1명으로 구성된 팀프로젝트로 React를 활용한 반려식물 SNS입니다.

구현

• React의 CRA를 사용해 개발환경을 구축하고 함수형으로 컴포넌트를 작성했습니다.
• 아토믹 디자인 시스템을 일부 도입해 재사용성 있는 컴포넌트들을 묶어서 작업했습니다.
• 현재 사용자 정보의 경우 여러군데 에서 사용 및 수정 되기에 Context API를 활용해 전역상태로 관리했습니다.
• Storybook을 사용해 컴포넌트 props에 따라 시각적 테스트를 할 수 있도록 했습니다.
• Netlify 플랫폼으로 배포했습니다.

담당업무

1.프로젝트 초기화

개발을 시작하기 앞서 디렉토리 구조에도 컨벤션이 있어야 된다고 생각했기 때문에 미리 프로젝트 폴더 형태를 잡고 팀원들에게 폴더의 역할에 대해 설명했습니다.또 원활한 개발을 위해 주요 라이브러리 설치, 주요 hook 파일 등록, 절대 경로 설정 등의 작업을 했습니다.