[그룹 스터디 프로젝트] 오늘 했고 할 일 (0426 ~ 0502)

여태 안 써서 아쉽지만 :') 깃허브에 commit history가 저장되어 있고 Issue로도 트래킹하여 그걸 바탕으로 복기 한다.

+ 오늘부턴 여기에 메모하자!

 

까먹기 전에 오늘 구현하고 싶은 부분과 구현한 부분들을 주별로 써내려간다!

 

 

 

0426 (월)

1. 게시글 추가 로직 수정

   * 이미지 주소를 Content, Title과 같이 Form Data로 보내도록

 

2. 고양이 추가 이미지 로직 수정

   * 이미지를 올려 React-Easy-Crop을 이용해 변환하고, BlobURL은 미리보기에 BinaryURL은 백엔드로 전송에 적용!

 

3. 모달 메뉴 수정

    * 링크 적용

    * 디자인 효과

 

 

0427 (화)

1. 전체적 Applayout 만들고 적용!

   * 데스크탑 화면에서도 모바일 화면에 맞게 디자인 된 크기로 보게 하도록 결정함!

   * 반응형 크기 조절 및 바탕 이미지 관리를 용이하게 하기 위해, Applayout 컴포넌트 만들고 적용함

 

2. theme.js 수정

   * HS님께서 디자인 규격화를 위해 Theme Provider 도입해주심.

   * theme.js에 palette.js에 담겼던 색깔들을 담고 코드 수정

 

0428 (수) ~ 0429 (목)

1. 백엔드 서버 AWS에 디플로이 됨

   * 더 이상 로컬 에러를 해결하지 않아도 된다!ㅎㅎ

 

2. 백엔드와 연동 확인!

   * 고양이 추가, 수정, 삭제 연동

   * 고양이 목록 보기화면 연동

   * 게시글 추가 연동

   * 댓글 추가 연동

   * 게시글 목록 보기 연동

 

  * 로그인 시 유저 정보 얻고 저장 연동

 

3. 백엔드와 수정 사항

  A) 고양이 API

     * GET /api/cats 데이터 형식 수정 -> 수정됨

     * 고양이 추가 / 수정 -> 이미지 형식 확인! (photo)

     * 고양이 삭제 -> API 주소 수정 -> 수정됨

  B) 게시판 API

     * 게시글 사진 업로드 확인

     * 댓글 추가 성공 시 데이터 반환? -> 댓글 추가 시마다 페이지 리로드가 필요하여 UX에 영향. 하지만 꼭 바꾸진 않아도 됨

     * PATCH /api/posts/{id} 데이터 형식 확인

 

4. 깃 브랜치 사용 방법 바꿈

  * 원래는 develop 브랜치에 모든 걸 저장하고, 아아아아ㅏ아ㅏ아주 가끔씩만 master에 머지함

  * 앞으로는 각자 feature마다 브랜치를 파서 저장하고, 그 feature 개발이 끝날 때마다 master에 머지하고, 해당 브랜치는 폐기!

 

5. HS님이 다크모드 적용

     >  내 부분 바꿔야 함!

 

 

0430 (금) ~ 0501 (토)

1. 백엔드와 협업

     -> GET /api/cats 확인 -> 확인 완료!

     -> DELETE /api/cats 확인 -> 확인 완료!

   * 댓글 삭제 기능 연동 -> 완료!

   * 게시글 수정 기능 연동 -> 기다려야 함

   * 게시글 삭제 기능 연동 -> 완료!

 

   * 이미지 업로드 -> 기다려야 함

 

2. 로그인 + 체중 기록 디버깅

 

3. README.md 업데이트

   * 라이브러리 사용 내역 추가

   * 이미지 추가

 

4. Github에서 Remote Branch를 PR로 머지하는 방법 채택

 

0502 (일)

1. 프론트 사진 갯수 제한 -> 게시판 API 바뀌면 작업!

 

2. PropTypes 적용 -> 완료!

 

3. 다크모드 적용 -> 완료!

   * 고양이 메인 화면

   * 고양이 추가 / 수정 화면

 

   * 게시글 목록 화면

   * 게시글 추가 / 수정 화면

   * 게시글 보기 화면

 

위클리 미팅

추후

1. 로그인 유지 확인 -> API 수정 없이 가기 위해, 결국 localStorage에 토큰을 저장하는 방식을 채택했다. 보안 상 문제가 심히 있지만 추후에 백엔드 + 프론트엔드 팀 모두 여유 시간이 있을 때 일해보는 걸로 결정!