2021-05-24 TIL

2021-05-24 TIL

• 오늘 한 것

  1. Typescript 투두리스트 만들기 - 리액트에서의 타입스크립트 연습겸 투두리스트를 만들었다. 타입스크립트 이론을 알아도 react와 redux에서 어느 시점에 타입을 명시해야하는가가 어려웠다. 순전히 사용법의 문제인데 이 부분은 많이 만들어보고 연습을 하면 나아질듯하다. 그것보단 리액트 자체의 프로젝트 설계적인 부분이 문제가 많다..그냥 막 만들면 편하겠지만 redux store의 state를 여기저기 컴포넌트에서 남용하다보면 자칫하다가 스파게티 코드가 될 수가 있기때문에 container component와 presentational component를 애시당초 확실히 나누어야할 필요가 있다.

  2. React Shopping Mall with React, Node.js - 지난 강의에 이어서 이번에는 업로드한 게시물을 서버에 요청하여 DB에 저장하고 메인 LandingPage에 Card Layout 형태로 출력하는 작업을 했다. ant design 라이브러리로 이미지 슬라이드도 꽤나 간단히 만들 수 있었다. ant design으로 스켈레톤 UI도 만들어봐야겠다. 또, 더보기 버튼과 체크박스, 라디오박스를 이용한 검색 필터 기능도 만들었다. 더보기 버튼은 지난 팀 프로젝트에서 바닐라 JS로 완전 날로 구현할 때는 정말 애를 많이 먹었었는데 몽고DB를 이용하니 백엔드 부분이 정말 간단히 끝났다. skip과 limit으로 데이터를 일정 부분 끊어오는 부분이 정말 편했다. 팀 프로젝트에서는 한 번에 전체 데이터를 받아서 저장해놓고 버튼을 누를적마다 끊어서 view에 출력을 했었다. 스켈레톤 UI와 더불어 다음번에는 무한 스크롤까지 만들어봐야지.

• 내일 할 것
  1. React에서의 Typescript 적용
  2. Typescript 이론 정리
  3. React Shopping Mall with React, Node.js 강의

• 끝으로

주말 놀았으니 다시 마음 잡고 공부하자,, 😑

오늘의 한 줄 총평 : また頑張ろう