오늘 배운 것
- 오늘은 react-infinite-scroller 를 이용하여 무한 스크롤을 구현하는 방법을 배웠다. 게시판 목록 api를 불러와서 무한 스크롤 형태의 게시판 목록 만드는 데에도 성공했다. 중간에 오타 때문에 난 에러를 잡느라 시간을 한참 소비했지만 결국은 원인을 찾아냈다. 다행이다. page를 pages라고 치는 바람에 생긴 문제였음.. 하하
- 무한 스크롤에 이용하기 위해 스프레드 연산자도 배웠다. 현재 페이지에 이미 뿌려져있는 댓글의 배열과 새로 불러오는 댓글의 배열을 합치기 위해 사용했다. 스프레드 연산자를 알고 나니 이미 많은 곳에서 이미 사용되고 있다는 사실이 눈에 보인다. slick의 세팅값을 전달하는데에도 스프레드 연산자가 사용되고 있다.
- 배너에 쓰는 slick의 아이템들을 컴포넌트로 빼서 정리했다. 자유게시판의 배너를 Item이라는 이름을 가진 컴포넌트로 만들고, map을 이용해 배열의 수만큼 Item을 불러온 뒤, props를 이용해 데이터를 전달한다. 데이터를 확인하기도 편하고 유지보수하기도 수월해 보인다. 코드가 깔끔해지니까 기분이 너~~무너무 좋다. Nav도 Header도 같은 형태로 만들고 있다.
앞으로 할 것
- 드디어 연휴다. 긴 연휴를 이용하여 그동안 배운 것들 머릿속에 확실하게 넣기.
- 자유게시판 리팩토링을 스스로 만족할만한 수준으로 깔끔하게 끝내기!
- 컴포넌트화 + props를 이용하면 그동안 골머리를 썩혔던 체크박스 문제도 해결할 수 있을 것 같다. 시도하고 끝을 보기.
'Journal > Today I Learned' 카테고리의 다른 글
| TIL - 2022.02.04 금요일 (0) | 2022.02.05 |
|---|---|
| TIL - 2022.02.03 목요일 (0) | 2022.02.03 |
| TIL - 2022.01.27 목요일 (0) | 2022.01.27 |
| TIL - 2022.01.26 수요일 (0) | 2022.01.26 |
| TIL - 2022.01.25 화요일 (0) | 2022.01.26 |