이번 주 한 일

• 팀 전체
  • 공통
    • 아이디어 선정
    • API 명세서 작성
    • Use flow 작성
    • 디자이너님과 와이어프레임 일부 완성
    • 페이지 세분화
  • BE
    • CRUD - 반려동물, 업장, 리뷰, 유저
    • 로그인/회원가입
    • 서버 배포 (CI/CD - github workflow)
    • 마이페이지 작성
  • FE
    • 와이어프레임
    • 로그인/회원가입 페이지
    • 마이페이지 초안
    • 반려동물 등록, 업장 등록 페이지
    • 반려동물 전체조회 페이지 초안
    • 반려동물 상세 페이지 초안
    • 메인페이지 초안
    • 공통 prettier&eslint 설정
    • 공통 repository(dev 브랜치, dy 브랜치, hyunji 브랜치)

프로젝트 별 강점 5가지 (어떻게든 채우기)

1. 실시간 채팅

   • 의사결정 과정 나열

     1. 업장에 예약하는 기능 구상

     2. 사이트에 예약 기능을 넣는 것보다 업주와 직접 대화하여 유동적으로 예약할 수 있게 구상

     • 어떤 선택지가 있었는지?
     • websocket(socket.io, sockjs), stomp, redis(pub/sub)
     • 그래서 어떤 기술을 선택했는지?
       • FE - React Query(Tanstackquery), TypeScript, Material UI
       • BE - 미정

   • 잘 된 것, 안 된 것

     • 잘 되면 왜 잘 됐고 안 되면 왜 안 됐는지 필수로 생각해야 됨.
       • 아직 채팅 관련 기능 및 기술에 대한 이해도가 부족하여 구체적인 코드 구현이 어렵다.
       • 타입스크립트를 이번주 부터 처음 사용하였는데 익숙해지는데 시간이 필요할 것 같다.
     • 왜 잘(안) 됐다고 생각하는지?
       • 시간적.
     • 하기 위해 어떻게 노력 했는지?
       • 타입스크립트 활용방법 자료를 찾아서 참고 및 사용.

2. NAVER API

   • 의사결정 과정 나열
     • 어떤 선택지가 있었는지?
       • kakao api, naver api, google api
     • 그래서 어떤 기술을 선택했는지?
       • naver api - 처음 생각은 한국인 정서상 가장 가까운 검색엔진이기 때문에 선택함
   • 잘 된 것, 안 된 것
     • 잘 되면 왜 잘 됐고 안 되면 왜 안 됐는지 필수로 생각해야 됨.
     • 왜 잘(안) 됐다고 생각하는지?
       • 선택은 했지만, 상세한 프로젝트 컨셉과 맞는 느낌이 아니라서 굳이 필요한 기술이 아니라고 느낌
     • 하기 위해 어떻게 노력 했는지?
       • open api 를 더 잘 활용할 수 있는 부분에 대해서 생각함 - Ex) 지도, ai, 소셜로그인 등

3. 채팅

   • 의사결정 과정 나열
     • 어떤 선택지가 있었는지?
       • 위치 기반 채팅,
       • 실시간 채팅,
       • 채팅.
     • 그래서 어떤 기술을 선택했는지?
       • 선택한 기술은 일반 채팅 먼저 구현해 볼 예정.
       • FE - React Query(Tanstackquery), TypeScript
       • BE -
   • 잘 된 것, 안 된 것
     • 잘 되면 왜 잘 됐고 안 되면 왜 안 됐는지 필수로 생각해야 됨.
       • 아직 구현해보지 않은 기능이여서 자료를 찾아보고, 먼저 다른 기능들 CRUD를 구현하고,
       • 채팅을 구현해볼 예정.
     • 왜 잘(안) 됐다고 생각하는지?
       • 자료를 찾아보고 구현해봐야할 것 같다.
     • 하기 위해 어떻게 노력 했는지?
       • Reference 자료 서칭.

4. 빠르고 가벼운 렌더링

   • 의사결정 과정 나열
     • 어떤 선택지가 있었는지?
       • CRA, Vite
     • 그래서 어떤 기술을 선택했는지?
       • Vite
   • 잘 된 것, 안 된 것
     • 타입스크립트 도입 시 설치 및 초기설정이 필요한데 Vite로 첫 개발환경 세팅부터 간편하고 확실하게 설정했다.
     • 프로젝트가 커질수록 Vite말고도 렌더링 최적화를 위한 노력이 아직은 미흡하다.

5. CI/CD

6. 무한스크롤

이 외 질문

• [BE]

1. CI/CD를 깃헙액션 워크플로우로 진행했을 때 AWS를 사용을 했습니다. 그러면 데이터베이스도 AWS에서 RDS를 사용하는 게 다른 데이터베이스를 사용하는 것보다 관리가 편할지 여쭙고 싶습니다.

• [FE]

지금 계속 찾아보고 있는데 상세 페이지에서 /:id 값으로 페이지 이동을 할 때 id 값을 고유값으로 식별할 수 있어야 하는지 궁금합니다.. 상세페이지로 이동은 해서 데이터가 조회가 되나, 한가지 데이터만 선택적으로 조회가 되서, id 값에 따라 다르게 조회하는 부분이 궁금합니다. 이부분은 찾아보고 오늘 해결해 볼 예정이지만 안될 경우 질문.

이미지 값을 지금은 Base64로 인코딩된 이미지로 보내는데, 브라우저에서 이미지를 미리보기할 때 활용중. 그런데, 찾아보니까, Blob 객체나 ArrayBuffer를 사용하여 FormData에 추가하는 방식을 사용하는게 효율적이라고 해서 두가지 방식 중 어떤 방식 사용을 추천하시는지 궁금합니다.