Skip to content

시험 공부 유형을 파악하고, 시험 일정 관리를 해주는 서비스

Notifications You must be signed in to change notification settings

CodingWasabi/eotteok_frontend

Repository files navigation

어떡하지

시험 공부 유형을 파악하고, 시험 일정 관리를 해주는 서비스

기술 스택과 선정 이유

TypeScript

  • 정적 타입을 지원하기 때문에 컴파일 타임에 오류를 체크할 수 있기 때문에 사용했다.
  • 명시적인 타입 지정으로 변수, 함수등의 선언 의도를 명확하게 할 수 있기 때문에 사용했습니다. 이로 인해 가독성을 높일 수 있다고 생각했다.

styled-components

  • CSS를 컴포넌트 단위로 관리하여 재사용성을 높이기 위해 사용했다.
  • 컴포넌트의 props를 참조할 수 있기 때문에 JavaScript 환경을 최대한 활용할 수 있다.
  • CSS의 className 중복을 걱정할 필요가 없다.

Webpack

  • CRA와 다르게 필요한 설정들만 다운로드하여 사용하기 때문에 프로젝트 무게가 가볍고 커스텀이 용이하다. 따라서 애플리케이션의 성능 및 속도가 개선된다.

Storybook

  • 컴포넌트 코드를 작성한 이후 해당 컴포넌트를 직접 호출하지 않아도 확인할 수 있는 장점이 있기 때문에 사용했다.
  • 확장성을 고려한다면 Storybook을 활용하여 필요한 컴포넌트를 찾아서 사용할 수 있다는 장점이 있다.

swr

  • data fetch를 위한 상태 관리 라이브러리로, 데이터를 캐싱하기 때문에 서버 요청을 줄일 수 있는 장점이 있어서 사용했다.

redux

  • 전역 상태 관리를 위해서 사용했다.
  • devtool이 존재하기 때문에 디버깅이 용이하다.
  • container-presentational 구조가 아니라 hooks를 활용하여 사용성을 높였다.

주요 기능

기능 내용
시험 유형 테스트 사용자가 시험 공부 스타일을 선택하여 본인과 어울리는 짱구 캐릭터를 추천 받는다.
시험 일정 저장 시험 일정, 하루에 공부할 시간을 지정하면 시험 공부 기간을 추천해준다.
시험 일정 달력 시험 일정과 공부 시작일을 보여주는 달력을 제공한다.
댓글 달력에 댓글을 남길 수 있다.

데모 영상

시험 유형 테스트

어떡하지-유형_테스트_AdobeExpress_AdobeExpress

시험 정보 등록

어떡하지-시험_등록_AdobeExpress_AdobeExpress

시험 정보 수정

어떡하지-시험_정보_수정_AdobeExpress_AdobeExpress

댓글

어떡하지-댓글_AdobeExpress_AdobeExpress

About

시험 공부 유형을 파악하고, 시험 일정 관리를 해주는 서비스

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published