[포스코x코딩온] KDT 풀스택 웹 개발자 양성과정_10주차 회고

10주차 교육내용

• React
  • JSX 문법, map()으로 배열 활용
  • props
  • useState
  • useRef
  • React.Fragment
  • 조건부 렌더링
  • useEffect
  • useMemo
  • 컴포넌트 꾸미기 - 인라인, CSS, Styled Components
  • Formatting/Linting 세팅; eslint, prettier

💭 10주차 수업 느낀점

• 처음 React를 접했던 프로젝트에선, React를 잘 몰라 제대로 활용하지 못했던 기능들을 배울 수 있어 재밌고 좋았다. 예를 들어, props로 컴포넌트의 일부 내용만 바꿔 사용하는 것 같이 컴포넌트를 최대한 활용하는 방법을 몰라 아쉬웠었는데 그때의 답답함이 씻겨 나가는 느낌이었다.
• 최근 끝낸 프로젝트 Plant.it을 React로 다시 만들어 보고 싶었다. display 속성을 none으로 처리했던 식물 카테고리 검색 부분을 조건 렌더링으로 구현해보고 싶다. 또한, 식물 사진과 이름을 DB로 만들어 useEffect로 받아오는 방식을 구현해보고 싶다.
• useState 값을 true/false로 교차하게 바꾸며 리렌더링 시키는 방법을 잘 숙지해 자유자재로 쓸 수 있게 만들 것이다.

🎯 다음주(11주차) 목표

1. Plant.it 프로젝트 React로 만들어 보기
2. 4/6부터 프로젝트 열심히 참여!