인프런에서 ‘처음 만난 리액트’ 강의 섹션 1부터 섹션 9까지 듣고 모든 실습을 끝내는 것이 리액트 스터디 1주 차 분량이었다.
리액트를 처음 공부하는 것이 아니니 ― 개발 환경 세팅, 리액트 소개, 리액트 연동 등의 내용인 ― 섹션 0부터 섹션 2까지는 그냥 넘어가기로 했다.
(JSX에 대해 알려주는 섹션 3는 복습하는 마음으로 들었다.)
실습으로는
- 시계 만들기
- State 사용하기
- Hooks 사용하기 (useState/useEffect 사용, 커스텀 Hook 만들기 등)
- 클릭 이벤트 처리하기
- 로그인 여부를 나타내는 툴바 만들기
가 있었다.
강의 코드를 보고 그대로 따라 작성하지 않고, 강의 내용에 더해서 나만의 코드 실습을 진행했다.
그리고 이제는 많이 사용하지 않는 Class형 컴포넌트가 아닌 함수형 컴포넌트 방식으로 코드를 작성했다.
섹션 9까지 들었지만, 엄청 추천하는 강의는 아니다. 무료가 아니었다면 듣지 않았을 것 같다.
리액트 입문자라면 노마드 코더의 무료 리액트 강의를 추천한다.
노마드 코더의 강의를 듣고 복습 겸 그 강의에 없는 부분도 배울 겸 ‘처음 만난 리액트’ 강의를 듣는 건 괜찮을 것 같다.
이 강의에서 여러 Hook을 배웠지만, 몇 개는 명확하게 이해되지 않아 노마드 코더의 Hooks 강의를 들어야겠다고 생각했다😂
리액트를 완전히 이해하고 잘 사용하려면 여러 리액트 강의를 들어야 할 것 같다.
그리고 Class형 컴포넌트를 보수해야할 일이 생길 수도 있으니 Class형 컴포넌트를 함수형 컴포넌트로 바꾸는 것도 공부하면 좋을 것 같다.