[이서용][07/22]

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

- 클라이언트 로그인 및 프로필 컴포넌트를 구성하였다.

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

- useState 가 작동하지 않아서 확인해보니 onClick이 적용된 a 태그 안에 href="" 를 지우지 않았다.

```js
{ editmode ? (

) : (

)}
```
- 이미지 업로드를 위한 input 태그에 이미지를 삽입하였으나 버튼 클릭이 작동하지 않는다.
- input 태그의 type을 file로 변경하면 작동은 하나 버튼에 이미지가 적용되지 않는다. 해결 필요.

```js
function Profile() {
const [img, setImage] = useState(null);

const onChange = async (e) => {
setImage(e.target.files[0]); // 업로드 한 파일
const formData = new FormData();
formData.append('file', img);
// 서버의 upload API 호출
// const res = await axios.post("/api/upload", formData);
};

onChange(e)}>
}
```

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

- [x] 게임 컴포넌트 구성
- [x] 반응형 레이아웃에 대한 고민
- [x] 상태관리 설정 시작