오늘 공부한 내용 📋

새롭게 리액트 진도를 나가기 보다는 이고잉님의 여러가지 팁을 배웠다.

앞으로 배우게 될 useMemo(성능개선), useCallback(얘는 잘 안씀), useRef 같은 것들은 지금 당장은 사용하지는 않으니까 너무 시간을 많이 투자하지 말라고 하셨다.

하지만 State Hook은 꼭 알아야 하고 Event 처리도 꼭 알아야 한다고 한다.

Effect Hook도 알아야 하는데 추후 서버 통신할때 배운다고 한다.

state를 사용해야 지정한 변수가 바뀌었을때 컴포넌트가 재생성 되어 리렌더링이 된다.

state의 리턴 값은 두 인자를 가지는 배열이고, 첫 번째 인자는 읽을때 사용하고 두 번째 인자인 함수는 값을 바꿀때 사용한다.

수업 외적으로 이고잉님이 주신 팁들은

• 개인 프로젝트를 지금 하자. 많이 배워서 머리가 복잡해지기 전에.
• 커뮤니티 활동을 하며 질문에 답변을 달자. 잘 쓴 답변이 있으면 이력서에 넣자.
• VSCode에 있는 코드 비교 기능이나 리팩토링을 위한 함수화 등 여러 기능들의 도움을 받자.
• debugger라는 키워드를 넣어서 개발자 도구에서 중단점을 확인하며 그 상태에 변수 등을 확인할 수 있다.
• 크롬 확장 리액트 툴즈 같은 것들을 활용하면 개발자 도구에서 리액트 컴포넌트와 관련된 정보들을 쉽게 확인할 수 있다.
• Git의 본연 기능인 버전관리를 통해서 디버깅에 큰 도움이 될 수 있다. 전수조사가 아니라 부분조사가 가능하다.

어려웠던 내용 🤢

마지막 실습코드가 양이 많아서 완전히 이해했다고 보기엔 어렵지만, 천천히 프로젝트를 진행하면서 익숙해지다보면 괜찮아 질것같은 느낌이다. 직접 프로젝트를 하면서 공부해야겠다.