2021-06-01 TIL

2021-06-01 TIL

• 오늘 한 것

  1. 짤해 프로젝트 상세페이지 작성, 카드 액션 추가 - 무한스크롤 테스트를 하다가 하루 할당 쿼리문을 다 써버려서 429 에러가 뜨는 사태가 발생했다. 더미데이터를 넣어서 하는 방법도 있었지만 그러려면 꽤나 많이 수정을 봐야한다. 일단 무한스크롤은 제쳐두고 상세페이지를 작성했다. 랜딩 페이지의 카드를 클릭하면 상세페이지로 이동하는데 이동할때 카드에 대한 데이터를 물고 넘어가야했다. 이미지 url 같은 경우는 파라미터로 넘길 수가 없어서 찾아보다가 react router의 location의 옵션인 state에 넣어서 보내는 방법을 알았다. 또, 카드 액션으로 찜하기, 편집하기, SNS공유하기 기능을 넣을 예정인데 우선은 이벤트만 걸어놓았다. 내일 상세 페이지를 완벽하게 끝내고 하나씩 순차적으로 시작해야겠다.

  2. 타입스크립트 이론 정리 - 클래스와 함수에서의 타입스크립트 사용법에 대해 공부하고 정리했다.

  3. 리액트 tutorial 프로젝트 - 해외 리액트 강의를 결제해놓고 수강을 미루고 있다가 그 강좌의 tutorial 프로젝트에 쓸만한게 많아서 시간이 날때마다 하나씩 만들예정이다.

• 내일 할 것
  1. 타입스크립트 이론 정리
  2. 짤해 프로젝트 - 상세페이지 완성, 찜하기, 다운로드기능, SNS공유 기능
  3. 리액트 tutorial 프로젝트

• 끝으로

무한스크롤이 생각처럼 잘 되지 않는다. 페이지의 끝에 스크롤이 도달하면 axios 요청 메소드가 호출되어야하는데 스크롤을 하지 않아도 마구잡이로 요청이 되어버린다. 이 부분은 조금 더 연구를 해보고 정 안되면 버튼을 만들어서 해결해야겠다..

오늘의 한 줄 총평 : 쉽지가 않아