리액트를 처음 접해보는 개발자들을 위한 단어장 튜토리얼입니다.
본 튜토리얼에서 제작할 단어장이 제공하는 기능은 다음과 같습니다.
- 새로운 단어 추가 기능
- 외운 단어 학습 처리 기능
- 단어에 대한 상세 설명 표시 기능
본 튜토리얼은 다음 단계로 나누어져 있습니다.
- 0 단계: create-react-app으로 개발 환경 세팅
- 1 단계: npm이라는 것
- 2 단계: Component의
render
함수 - 3 단계: Component의 Life cycle callback 간단 맛보기
- 4 단계: Props를 이용한 리팩토링
- 5 단계: State를 이용한 외운 단어 학습 처리 기능 구현
- 6 단계: React Router를 이용해서 상세 설명 페이지 구현
- 7 단계: 외부 사전 API와의 연결
- 8 단계: Redux 개론