codestates / codestates/Campbu

[Dev Log] 홍인열 / 2022-01-11

Open
#162 0 comments 0 reactions 1 assignee Claimed by @hinyc View on GitHub
Dev Log
Dominant language
TypeScript
Stars
0
Forks
3
PR merge metrics
No merged PRs in 30d

Description

# 오늘은 어떻게 프로젝트에 기여했나요?
- 글쓰기 페이지의 사진 업로드시 미리보기기능 구현
# 오늘의 프로젝트에서 힘든 점은 무엇인가요?
업로드시 웹상에 미리보기 이미지구현을 처음시도해봐 어려움을 겪었습니다.
- input tag type='file'일때 onChange 이벤트 아래의 핸들러를 생성하여 이미지 url 생성
```tsx
const insertImgHandler = (e: any) => {
const target = e.target.files[0];

let reader = new FileReader();

if (target) {
reader.readAsDataURL(target);
setFiles([...imgfiles, target]);
}

reader.onloadend = () => {
const preViewUrl = reader.result;
if (preViewUrl) {
setPreViews([...preViews, preViewUrl]);
}
};
};
```
# 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [x] 마이페이지 수정기능 요청
- [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.