201014 TILAD #D122

Today I Learned & Did

- SearchResult 컴포넌트 구현

: 서버로부터 받은 정보를 react-actions로 처리해 컴포넌트에서 활용.

- Pagination 컴포넌트 구현

: Google sytle로 구현해 선택한(클릭한) 페이지를 중앙에 두고 다음 페이지 번호를 보여줌, 페이지 클릭 시 더 이상의 숨겨진 페이지가 없을 경우 해당 페이지를 중앙에 위치시키지 않음. End Page 일 경우, 화살표 버튼 Disabled.

: 기존 코드와 integration 그리고 사용자 환경(e.g. IE)을 고려해 라이브러리를 사용하지 않고 알고리즘 직접 작성.

- 첫번째 코드 리뷰 with Carillion

: react-hooks 와 react-redux 를 혼용해 사용하는 것은 코드 품질상 문제가 없다.

: axios 사용 시, api call 요청 뿐만 아니라 error 핸들러(axiosRetry)와 loading 핸들러(isLoaded)를 추가하는 것이 추후 관리, 버그 잡는데 용이하다.

: Error handling (https://www.intricatecloud.io/2020/03/how-to-handle-api-errors-in-your-web-app-using-axios/ )

: loading handling (https://ko.reactjs.org/docs/faq-ajax.html)

 

하루 체크리스트

- 수면시간 지키기 : O

- 알고리즘 문제 풀이 : X

- 운동하기 : X

- 배운 내용 복습&정리 : O

- 새로운 내용 공부 (코스 외 공부) : O