🔗Link

GitHub

🔧Stacks

React redux Axios styled-components

👥 Front-end 3人, Back-end 4人, Design 3人 ****🙋🏻‍♂️My Part : FE 개발, 기획

소개

<aside> ✔️ 한세대학교 공지들을 한 곳에 모아주고 소모임을 만드는 커뮤니티

</aside>

학사 일정, 공지, 동아리 모집 등이 학교 홈페이지, 학교 어플, 단체 메시지처럼 정보 제공받는 곳이 여러 곳이다 라는 불편함과 딱딱한 학교 홈페이지를 친근한 디자인으로 만들어서 접근성을 확보하여 학생들의 편의를 향상한 프로젝트입니다.

• My페이지 개발
• Axios를 사용하여 네트워크 요청 모듈화
• 전역적으로 필요한 user 정보를 redux를 사용하여 상태 관리
• 유지 보수 편의성 증가를 위해 TypoGraphy 컴포넌트 개발과 color 상수화

느낀 점

• useState의 비동기적 특성 때문에 리렌더링이 돼야 state가 반영됐는데 함수형 업데이트를 통해서 문제 해결
• 처음 백엔드와 협업하며 RESTful API를 swagger문서로 받아 사용하면서 REST API와 HTTP 상태 코드에 대한 개념을 익혔습니다.
• redux를 사용하지 않았을 때는 상태를 전달하기 위해서 수많은 컴포넌트들에게 props를 전달하는 식으로 하다 보니 가독성이 매우 낮았고 불편하였는데 redux를 사용함으로 비지니스 로직에 대한 이해와 가독성 또한 개선되었습니다.
• 인증이 필요한 API 요청 시 Authorization 헤더에 로컬 스토리지에서 보관하고 있던 토큰을 함께 보내주는 작업을 하며 브라우저 저장소와 토큰에 대한 개념을 익혔습니다.