codestates / codestates/Campbu
[Dev Log] 홍인열 / 2022-01-11
- 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.