codestates / codestates/WeaDresser

[Dev Log] 2021-12-06(월) / 설동혁

Open
#97 0 comments 0 reactions 0 assignees View on GitHub
Dev-Log
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

---
name: Dev Log
about: 개발 일지
title: ''
labels: ''
assignees: ''

---

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

- Record 페이지 구현 완료 (css 일부 수정 필요)

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

- 이미지 업로드를 한 후 컨텐츠를 작성하였을때 이미지의 url이 계속 변화가 되어 깜빡임 현상이 계속 발생하였다. 구글링을 하다 해결을 못하여 윤환님의 도움으로 별도의 state로 url로 받아온 값을 저장하여 관리하였다.

```js
const [uploadImage, setUploadImage] = useState(null);
const [previewImage, setPreviewImage] = useState(null);

function inputFileHandler (inputValue, setUploadImage) {
const image = inputValue.current.files;
setUploadImage(image[0]);
if (image[0]) {
setPreviewImage(window.URL.createObjectURL(image[0]));
}
// window.URL.revokeObjectURL(previewImage); // 해당작업을 주석하여도 url이 변경되는 현상이 일어나지 않음
}

inputBtn(e, inputValue)}
style={{ backgroundImage: `url('${previewImage}')`}}
>

```

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

- [x] mypage의 다이어리 기능 구현
- [x] 기존 작업했던 페이지(랜딩페이지, 레코드페이지) css수정

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.