옥소폴리틱스 4주차 회고

프로젝트 요약

기간: 22.09.26~22.10.21

설명: 경제 초보자들의 경제를 공부하기 위한 퀴즈 플랫폼

깃허브: https://github.com/oxopolitics-internship-for-codestates/MoneyPig/wiki

 

• 사용한 스택: Next.js, Tailwind CSS, storybook, firebase
• 작업 내용:
  • 문제 풀기 페이지 작업
  • 레이아웃 제작
  • 퀴즈 페이지 제작
  • 공통 컴포넌트 제작
    • 버튼 컴포넌트 제작
    • default card 컴포넌트 제작
    • fourchoice card 컴포넌트 제작
    • ox card 컴포넌트 제작
    • quiz list card 컴포넌트 제작
    • result card 컴포넌트 제작
  • icon 컴포넌트 제작
  • header 컴포넌트 제작
  • sidebar 제작
  • firebase 연결
  • quizservice 구현
  • storybook 파일과 tsx파일을 자동으로 만들어주는 cli 제작

프로젝트를 통해 배운 것

cli 제작: https://github.com/oxopolitics-internship-for-codestates/MoneyPig/blob/main/command.js

open graph 작업 : https://applecoke.tistory.com/546

웹 폰트 최적화 작업 : https://applecoke.tistory.com/544

 

느낀점

이 프로젝트를 통해서 프로젝트를 설계할 때 어떠한 것을 좀 더 생각해야하는지에 대해서 알 수 있었다.

예를들어 전체적인 프로젝트의 데이터 구조를 어떻게 가져가는게 좋은지 라던가 이 기능에서는 어떠한 예외 상황이 발생할 수 있을지에 대해서 좀더 주의 있게 생각해야한다는 것을 알 수 있었다.