🔗Link

GitHub | 디자인

🔧Stacks

Next.js recoil emotion

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

소개

<aside> ✔️ 국민 청원 사이트의 청원 글에 대한 게시글을 소통할 수 있는 커뮤니티

</aside>

국민 청원의 청원 글에는 ‘동의합니다’ 말고는 개인의 의견을 달 수 없어 불편함을 느끼고 해당 청원 내용에 대해서 다양한 의견을 나누는 커뮤니티입니다.

• Editor페이지, My페이지, 댓글(👍, 👎)개발
• 사용자에게 국민 청원 사이트와 비슷한 느낌을 주기 위해 브랜드 컬러는 국민 청원 사이트를 참고해 개발함
• 같은 청원 링크에는 “이미 등록되었다” 표시해 하나의 청원 링크에 대한 소통은 한 곳에서만 이뤄지도록 함
• 최대한 재사용 컴포넌트로 개발하고 color를 상수화 하며 DRY 원칙을 적용함
• 기존에 사용하던 redux가 아닌 쉽고 활용도가 높은 전역 상태 관리 라이브러리인 recoil을 택해 전역 상태를 관리함
• Axios를 사용하여 네트워크 요청 모듈화
• React.memo, useMemo, useCallback을 사용한 렌더링 최적화

느낀 점

• 새로고침 시 상태가 날아가 recoil-persist를 사용해 상태를 로컬 스토리지에 저장해 해결하였습니다.
• 꼭 기능으로 구현하지 않아도 해결할 수 있구나라고 느꼈습니다. ex) 닉네임은 변경이 되지 않으니 신중하게 설정하세요!