본문으로 건너뛰기

PROJECT NOTE / 02

SharePetment

반려동물의 일상을 공유하고 산책 친구를 찾는 서비스.

TypeScriptReactTailwind CSSESLintReact RouterReact QueryViteReact Hook FormNetlify

01 / OVERVIEW

프로젝트가 시작된 이유

반려동물의 일상을 함께 나누고 산책할 친구를 찾는 서비스를 만들었습니다. 프로젝트 기록에는 화면을 구현하고 사용 흐름을 다듬으면서 마주한 문제와 해결 과정을 담았습니다.

SharePetment
DISCOVER / 01

일상 공유

반려동물의 소식을 나누는 화면을 만들었습니다.

BUILD / 02

산책 연결

산책 친구를 찾는 흐름을 구현했습니다.

ITERATE / 03

사용성 개선

구현 과정의 문제와 개선 내용을 기록했습니다.

02 / FIELD NOTES

만들면서 남긴 기록

구현한 순서와 부딪힌 문제를 글로 정리했습니다. 제목을 눌러 과정과 선택의 근거를 읽을 수 있습니다.

  1. 01Sharepetment 회고
  2. 02Refresh Token 설정하기
  3. 03우당탕탕 PWA 도입하기
  4. 04이미지 파일을 다루어 보자! (Base64, Blob, File)
  5. 05댓글 Component 작성하기
  6. 06행정동 select Tag 만들기
  7. 07btn, popup 공통 컴포넌트 작업하기
  8. 08프로젝트 컨벤션 결정하기(git, code)
  9. 09sharepetment 프로젝트 시작하기

9 NOTES IN THIS PROJECT