5월 2주차 TIL(자판기 구현 1주차 회고)

5.09 (월) 회고

지난주 미션을 npm으로 배포하였는데 배포하고 install해서 사용해보면서 발견한 작은 오류를 고치고 props를 넘겨주지 않으면 default 값을 정하여 그것이 예시로 출력되도록 개선하였다.

npm으로 배포하는게 내가 구현한것을 모으는 컬렉션 같아서 재미있고 다음에도 사용할 수 있게 만들었다는것이 뿌듯하다.

5.10 (화) 회고

webpack으로 설정하면서 사소한 오류들로 시간이 많이 걸렸다. webpack도 더 공부해야겠다.

5.11 (수) 회고 

작은 컴포넌트에 집중하여서 컴포넌트에 어떤 props를 주어야하는지 고민하고 싶어서 탑다운 방식이 아니라 바텀업 방식으로 진행을 시도하여 버튼 먼저 하였다. 스크린샷에 나온것처럼 ui테스팅을 할때에 App에서 해당 코드를 작성해서 실험하였다. storybook이 있었다면 구현하는 코드들과 분리하면서 테스팅하는 코드와 화면을 보여줄 수 있었을것이라고 생각하여 storybook의 필요성을 느꼈다

5.12 (목) 회고

기능구현을 하고 context api에 대하여 공부해보았다. 공부한 바를 적용해보면서 더 이해해야겠다.

5.13 (금) 회고

context api를 적용해보았다. Provider로 감싸기만 하면 state, setState함수들을 전달할 수 있도록 합성 컴포넌트 형식으로 작성하였다. 확실히 이런식으로 작성하니 컴포넌트 내에 context에 대한 내용이 섞여있지 않아서 좋았다.