[DevLog] 정다인 / 2022-04-07

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

- 필름 로그 댓글 입력 시 안내 모달창이 뜨자마자 꺼지는 오류 수정
- 필름 로그 작성 모달창 CSS 수정/ 위치 추가하고 삭제하는 기능 구현
- 카카오 로그인 버튼 수정
- 필름 취향 테스트 더미 데이터 생성

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

- 필름 로그 댓글 입력 시 뜨는 안내 모달 창 오류를 해결 하는 것
```js
// 댓글을 누르는 버튼을 눌렀을 때 form 태그가 실행 되면서 화면이 렌더링 되었던 것
// form 태그에 `onSubmit={(e) => e.preventDefault()` 를 추가해서 렌더링을 막아서 해결
e.preventDefault()}>

setComment(e.target.value)}
>
{modalClose ? : null}

댓글 쓰기

```

- 댓글 폼의 렌더링을 막으면서 댓글 작성 시 바로 댓글 창에 출력 되지 않는 문제가 발생
```js
// 댓글 입력 시 데이터가 정상적으로 서버에 저장되었지만 화면이 렌더링 되지않으면서 불러오는 함수가 실행되지않아 출력되지 않은 것
// 댓글 수를 저장하고 댓글이 작성될때마다 +1
const [replyCount, setReplyCount] = useState(0);
// useEffect 종속성 배열에 replyCount를 넣어 댓글이 작성될 때마다 데이터 불러오는 함수 실행
useEffect(() => {
getFilmtalkDetail();
getFTCommentsInfo();
}, [replyCount]);
```

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

- [ ] 필름 취향 테스트 구현 보조
- [ ] 마이로그 페이지 슬라이더에 좋아요 기능 설명 추가/ 좋아요 기능 UI 수정
- [ ] 필름로그 이미지 업로드 시 페이지에 바로 렌더링 되게 하기
- [ ] alert 창 모달로 구현
- [ ] quill editor 높이 수정