codestates / codestates/Reciper-client

[✍️ Dev Log] 이우성 / 2021-06-07

Open
#388 0 comments 0 reactions 1 assignee Claimed by @useonglee View on GitHub
@useonglee/기록은 성장의 밑거름 💨 Dev Log
Dominant language
TypeScript
Stars
13
Forks
7
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?

- #376 채팅 CSS 수정 및 점검
- #377 채팅 입력 시간 실시간으로 반영하기
- #379 프로필 폰트 크기 수정 및 Validation 메시지 CSS 위치 수정
- #380 프로필 한줄 소개 글자 제한 수 변경 및 CSS 수정
- #381 프로필 개발중인 레시피 목록 오류 수정 및 CSS 수정
- #382 랜딩 페이지 이미지 파일 CSS 수정
- #384 웹 페이지 footer 제작
- #385 프로필 인풋 CSS 수정
- #386 랜딩 페이지 이미지 서버에 요청해서 저장하기
- #389 랜딩페이지 part 7 애니메이션 추가
- #391 각 페이지마다 footer 컴포넌트 추가
- #393 배포 전 점검

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

![진행중인 레시피 보여주기](https://user-images.githubusercontent.com/75570915/121179772-0e47ba80-c89b-11eb-83ff-bcbb1f507cf9.gif)


프로필 수정 페이지에서 프로젝트를 공개로 설정하고 프로필 페이지로 넘어가면, 바로 수정이 되지 않고 한 번 새로고침을 해야 데이터가 내려지는 이상한(?) 이슈를 발견했다.


정말 파악하기 힘들었던 것은 다른 데이터들은 잘 불러오는데 `개발중인 레시피` 항목의 데이터만 불러오지 않는 것이다. 즉 프로젝트 리스트를 불러오지 못하고 있다.


`redux logger`를 확인해보니 프로젝트 리스트 부분만 처음 렌더링이 되었을 때 `undefined`가 뜨는 것을 확인할 수 있었다.


도저히 해결이 안되어서 팀원들에게 도움을 요청하였다. 팀원들과 이 문제에 대해서 계속 상의를 하였다. 프로필 수정 페이지에서 `POST` 요청을 보내고 프로필 페이지에서 `GET`을 통해 데이터 정보를 받아오고 그 데이터를 화면에 뿌려주는 로직이다.


한참을 생각하다가 `POST`에는 프로젝트 리스트를 따로 보내주지 않는 것을 발견했다. 하지만 그도 그럴 것이, 수정 페이지에서는 토글 버튼을 사용해서 `true`값만 보내주면, 그것을 감지하고 `GET`에 있는 유저의 프로젝트를 뿌려주는 것인데, 처음에는 무슨 상관인가 싶었다.


서버에서는 내가 `POST`를 통해 보낸 데이터를 가공하여 `GET`으로 보내준다. 그래서 서버분이 `POST`요청에도 프로젝트 리스트값을 넣어 주었다.(`POST`로도 정보를 보내주지만 나는 오로지 `GET`으로 데이터를 받고 사용하고 있었다.)


그랬더니 해결이 되었다... 왜지??? 난 분명 `POST`로 수정 된 데이터만 보내주고, `GET`으로 받아온 데이터로 뿌려주는데.... 사실 이 부분에 대해 팀원들 모두가 이해를 못하였다.


프로젝트 발표 준비가 있어서 이대로 해결된 채 넘어갔지만, 프로젝트가 끝나고 이유를 찾아봐야겠다!

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [x] 프로젝트 최종 마무리!! 및 프로젝트 발표 준비!!!

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.