[TIL] 71일차

1. 마케팅

2. 피드백 검토해서 반영

3. 코드 리뷰

4. 코드 리펙토링

5. 다이어리 페이지 로딩 속도 개선(refactor)

 

(기존)

사용자가 다이어리(diary) 페이지에 접속(접근) 할 때 DB에 오늘 날짜에 해당 년월을 DB에 request로 전달하고, DB에서는 해당 년월의 데이터를 response로 넘겨 주면 resposne를 diaryList라는 redux의 initial state에 덮어 쓰는 코드 → 사용자가 다른 월을 불러오거나 다이어리 페이지에 접근 할 때마다 DB에 데이터를 요청하기 때문에 로딩 속도면에서나 API면에서 비효율적이라고 판단

 

(변경)

DB에서 받아온 response를 diaryList에 덮어 쓰는 게 아니라, 객체 형태로 받아온 response를 추가하는 방식으로 변경

(key 값으로는 YYYYMM 형식의 해당 날짜를 넣어주고, value에는 DB에서 받아온 다이어리 기록을 넣는다.)

• diary module → initial state → diaryList는 아래와 같이 변경 되었고,

• diary.js의 state나 변수들도 변경 되거나 추가 되었다.

• 해당 월의 일수만큼의 length를 가지고 있는 배열의 index + 1(일로 생각)과 diaryList(redux)의 day를 비교해서 일치하면 데이터를 넣어주고, 다르다면 아무 변화도 없는 함수를 만들었다.

 

+ 자바스크립트에서 빈 객체 확인하는 방법

https://haenny.tistory.com/136

[JavaScript] 자바스크립트 빈 객체 확인하는 방법