[Dev-Log] 5월 22~24일 토~월요일 / 김대성

### 오늘은 어떻게 프로젝트에 기여했나요?
* Mainpage에서 상위 3개의 무술을 받아오는 기능 구현
* 데이터베이스 column 타입 변경
* 무술 이미지 작업
* 무나두 로고 작업
### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
* 무술 이미지 작업 - 여러개의 무술들을 일관된 이미지로 맞추는 과정이 어려워서, 사진 배경제거를 하고 그 이미지를 벡터화 시켜서 svg로 저장하는 방법으로 통일감을 높이려고 했다.
* MainPage에서 상위 3개의 무술을 받아오는 기능 구현 - 클라이언트 코드를 쓰기 시작했는데, 새로 도입된 기능들을 준비가 덜 된 상태에서 쓰기 시작하면서 시행착오가 많아 시간을 많이 지체했다.
1. Redux Toolkit - 애초에 Redux 자체를 사용해 본 경험도 많지 않아서, Redux toolkit의 사용법을 익히는 데에 생각보다 시간이 많이 걸렸다. 구글링과 동료들의 코드를 참고해가면서 흐름을 익혔다.
2. TypeScript - 서버로부터 데이터를 받아오면서 Type 설정을 해주는 것이 익숙하지 않아 자꾸 TS오류를 만나면서 시간이 많이 지체됐다. 하나하나 체크해가면서 들어올 데이터의 타입에 대해 생각을 하고 interface로 타입 적용을 하면서 해결했다.
3. useDispatch() 무한루프 - 상위 3개의 무술을 받아오기 위해, useDispatch를 사용해 state 업데이트를 했더니 무한으로 state를 변경하는 현상이 발생했다. -> useEffect를 사용해서 최초 1회만 dispatch가 실행되도록 코드를 변경해 해결했다.
### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] MainPage 사형의 조언
- [ ] MainPage 한줄평
- [ ] MainPage 유튜브 채널