codestates / codestates/SoundBubble

[Dev_Log] 8/9 (월) 김정빈

Open
#38 0 comments 0 reactions 1 assignee Claimed by @jeongbeen2 View on GitHub
Dev-Log
Dominant language
TypeScript
Stars
3
Forks
2
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?
TypeScript와 Redux를 사용해서 클라이언트를 구축하고, S3를 이용해 초기 배포까지 마쳤다.

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- TypeScript의 Type을 정해주는 것이 너무 힘들었다.
그냥 타입만 적어주면 되지않을까? 라는 생각은 큰 오산이였고, 처음 구축을 하자마자 마주한 것은 빨간줄 투성이였다.
그리고 이넘, 제네릭 등 자바스크립트에는 없던 타입들을 공부했으나 막상 적용하려고 하니 엄두가 나지않았다.
타입스크립트의 장점을 살리는 법이 익숙하지가 않아서 좀 힘들었다.

- Redux를 많이 까먹었다.
Redux에 대해 좀 잘 아는줄 알았지만 막상 하려고하니 기본적인 부분도 많이 까먹은 상태였다.
그래서 이번에 구축해보면서 느낌을 살리고, 좀더 열심히 공부해봐야겠다는 생각이 들었다.
Dispatch 함수를 통해 Action을 Reducer로 보내고, Reducer에서 action의 type을 받아 처리해주면 되는 것을 계속 상기시켜야겠다.
그리고 Redux와 ts를 같이쓰는 과정에서 아래와 같은 코드를 마주했는데, useSelector를 이용해 state를 꺼내오는 과정에서 state의 type을 따로 RootReducerType으로 지정해줘서 받아와야 하는 것을 찾는데 시간이 좀 오래걸렸다.

```js
// Store.ts
export type RootReducerType = ReturnType;

// App.tsx
const numberReducer = useSelector(
(state: RootReducerType) => state.numberReducer
);
```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
* [ ] 이번주 계획짜기
* [ ] KPT 회고 제시간에 공유하기
* [ ] 내가 맡은 페이지 뼈대 구현하기 (palette, bubble, main)
* [ ] palette page 1차 구현해보기

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.