codestates / codestates/FilmStorage
[DevLog] 서외구 / 2022-03-25
- 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.