[✍️ Dev Log] 이우성 / 2021-05-14

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

- #37 프로필 수정 페이지에서 이미지 업로드 기능 구현을 했다. 이미지를 클릭하면 업로드할 수 있게 구현했다.

- #37 업로드한 프로필 이미지는 다시 프로필 페이지에 가면 변경 된 상태로 렌더링이 된다.


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

이미지 업로드 기능이 생각보다 잘 풀리지 않았다. 이 기능이 나를 하루종일 고민을 하게 만들었다.


먼저 useRef 훅을 썼을 때는 위 처럼 알 수 없는 에러가 계속 났다. 나중에 이유를 찾아보니 타입스크립트에서 Ref를 쓸 때는 `null`을 넣어주어야 한다고 한다.

```ts
const inputVal = useRef(null);
```

그리고 바로 저 변수를 쓰면 타입에러가 막 나는데 나는 inputVal.current!.click() 이런식으로 타입 에러를 일단 막고자 썼는데 이러면 non-null 경고가 나온다.

이건 해결 방법이 있었다.

```ts
if (inputVal.current) {
inputVal.current.click();
}
```

이런식으로 써주면 반드시 있다는 뜻이니 느낌표를 쓸 필요도 없고 에러를 맞이할 일도 없다!

팀원들이 코드리뷰 시간에 알려주셨는데 아주 유익했다. 팀원들 짱! 코드리뷰 시간 짱!

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

- [x] 이미지 업로드 기능, axio 등 util 함수로 만들기
- [x] 스택 추가 기능을 엔터에서 검색기능으로 수정 사항에 맞게 다시 구현