러닝패스

Todo application을 만들며 다시 배우는 리액트 core(feat. useState, useEffect)

멤버십
시리즈
⚡ 2시간이면 이런걸 할 수 있어요!
리액트 list와 key를 더 자세히 알게 돼요.
컴포넌트에 prop을 넘길 때 이름은 어떻게 지어야하는지 알게 돼요
컴포넌트를 어떻게 만들어야할 지 고려할 수 있게 돼요
조건부 렌더링은 어떤 방식이 나을지 알게 돼요
useState에 대해 더욱 자세히 알게 돼요.
state를 갱신할 때 어떻게 다뤄야할 지 알게 돼요.
setState에 같은 값이 들어오면 어떻게 되는지 알게 돼요
setState가 값을 비교하는 방식은 무엇인지 알게 돼요
useEffect에 대해 더욱 자세히 알게 돼요.
두 개의 커스텀 훅을 배워요.
학습 시간을 줄였어요!
2시간
핵심 콘텐츠만 선별했어요!
7개 콘텐츠
이 분들은 꼭 보세요.
React 입문자, 초보자
미리 알고 있어야 해요.
Javascript, React(초급수준)
이 러닝패스가 어떠신가요?
(내 보관함에서 다시 볼 수 있어요)
Todo application을 useState, useEffect로 만들면서 리액트의 기초와 두 개의 훅을 공부해보며 상기할 내용은 없는지 파악해보는 것이 이 러닝패스의 목적이에요. 아무래도 useState, useEffect는 제일 많이 사용되는 hook이고 todo application도 보일러 템플릿으로 많이 만드는 만큼 쉽다고 느끼실 수 있겠지만 생각보다 우리는 useState, useEffect 그리고 todo application을 만들 때 필요한 리액트 지식에 대해 부족 할지도 몰라요. 이 간단한 프로젝트에 녹아있는 리액트 정수를 확인해볼까요?
NOTE
useState에 대한 개념을 설명하는 노트입니다. 저는 useState에 대해 잘 안다고 생각하며 자신만만했었는데 이 영상을 보고 큰 코 다쳤었답니다. 여러 분들은 어떠실까요? 이미 알고 계셨던 내용이었다고 해도 기초는 언제나 중요한 법, 복습 겸 보고 오셔도 좋을거에요 ㅎㅎ
Video
Learn useState In 15 Minutes - React Hooks Explained
출처: https://youtu.be/O6P86uwfdR0
서원석 님의 학습노트
NOTE
useEffect에 대한 개념을 설명하는 노트입니다. useEffect는 전달된 side effect 함수를 DOM이 수정 된 이후 비동기 방식으로 호출되게하죠. useState와 더불어 많이 쓰이는 hook인데요, 해당 영상에서는 상세히 그 내용을 다루고 있답니다.
Video
Learn useEffect In 13 Minutes
출처: https://youtu.be/0ZJgIjIuY7U
서원석 님의 학습노트
서원석님의 멤버십 전용 콘텐츠에요.
지금 가입하고 큐레이터의 꿀팁을 확인하세요!
멤버십 가입하기
이미 멤버십 회원이라면 로그인하세요.
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기