codestates / codestates/FilmStorage

[DevLog] 서외구 / 2022-03-25

Open
#157 0 comments 0 reactions 1 assignee Claimed by @sud665 View on GitHub
DevLog
Dominant language
JavaScript
Stars
5
Forks
5
PR merge metrics
No merged PRs in 30d

Description

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

- 이미지 삽입시 미리보기 기능 구현
- 필름로그 상세 페이지 레이아웃
- 댓글 레이아웃 구현

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

- 이미지 삽입시 미리보기시 web API 사용시 여러웠음
- FileReader 생성자를 이용해서 readAsDataURL 메소드를 이용해서 Blob 파일을 읽고
- 프로미스 체인을 이용해서 파일을 상태함수에 담아줘서 랜더링을 구현함

참고문헌 : https://developer.mozilla.org/ko/docs/Web/API/FileReader/readAsDataURL
```js
const encodeFileTobase64 = (fileBlob) => {
const reader = new FileReader();
reader.readAsDataURL(fileBlob);
return new Promise((resolve) => {
reader.onload = () => {
setFiles(reader.result);
resolve();
};
});
};
```

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

- [ ] Redux 관련 상태관리 대한 공부
- [ ] 오늘의 필름 레이아웃
- [ ] 취향저격 테스트 레이아웃
- [ ] 작성 페이지 레이아웃 마무리

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.