TIL 27일차 정리

TIL

오늘은 React Native 프로젝트 발제날이다.

 

Notion에 프로젝트에 정리와 함께 Figma를 통해 와이어 프레임을 정리하였습니다. 

 

프로젝트 명은 오늘의 서재로 책 리뷰 앱을 만들어 보려고한다. 책이 있으면 찜과 북마크 기능을 사용 할 수 있습니다. 또한 현재 내가 뭘 읽어야 할지 모를때 책을 추천해주고 새로운 책이 발행 될 때마다. 최신순으로 정리된다.

 

그리고 팀원들과 프로젝트를 진행할 때 컨벤션을 지켜야 한다. 밑에는 우리 팀원들의 컨벤션이다.

Commit Convention

예시 ) feat: 회원 가입 기능 구현

태그 이름 설명

Feat	새로운 기능을 추가할 경우
Fix	버그를 고친 경우
Design	CSS 등 사용자 UI 디자인 변경
!BREAKING CHANGE	커다란 API 변경의 경우
!HOTFIX	급하게 치명적인 버그를 고쳐야하는 경우
Style	코드 포맷 변경, 세미 콜론 누락, 코드 수정이 없는 경우
Refactor	프로덕션 코드 리팩토링
Comment	필요한 주석 추가 및 변경
Docs	문서를 수정한 경우
Test	테스트 추가, 테스트 리팩토링(프로덕션 코드 변경 X)
Chore	빌드 테스트 업데이트, 패키지 매니저를 설정하는 경우(프로덕션 코드 변경 X)
Rename	파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우
Remove	파일을 삭제하는 작업만 수행한 경우

Code Convention

• 소문자 시작 camelCase : 변수명, 함수명, 컴포넌트 제외 파일과 폴더
• 대문자 시작 PascalCase : 컴포넌트 파일, 컴포넌트명
• 동사 + 명사 + Handler : 함수명
  • 예시) onEditButtonHandler
• 복수형 : 배열명
• tab : 2
• quote : single

기술스택

Client

• React-Native
• React-Query
• Axios
• Emotion(Styled-components)

Server

• Firebase (Atuh, Store, Storage)

Deploy

• Expo

 

내가 이번에 맡은 역할은 디테일 페이지이다. 제가 맡은 부분의 기능을 정리해 보았습니다.

 

• 디테일 페이지
  • 별점 기능
    • 리뷰작성시 별점선택 가능 (로그인 안할 시 사용불가)
  • 별점 평균값 기능
    • 그 책에 대한 모든 유저의 별점 평균값을 계산
  • 읽음, 찜 기능
    • 읽음 버튼 활성화 마이 페이지에 내가 읽고있는 책으로 이동 (로그인 안할 시 사용불가)
    • 찜 버튼 활성화 마이 페이지에 내가 보고싶은 책으로 이동 (로그인 안할 시 사용불가)
  • 리뷰 작성 기능
    • 리뷰등록 버튼 클릭시 모달을 띄어주고 타이틀 내용 별점 입력가능 (로그인 안할시 사용불가)

 

오늘은 UI 먼저 정리를 하고 다음 날 기능을 구현해보려고 합니다~