프레듀 원격평생교육원

과목정보

[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.5 SPA CRUD Tour-App 만들기

강사명 차시 학습시간 샘플
김동준 18 8 시간
모두보기
과정소개
학습대상
학습목표
학습내용

과정소개

본 과정은 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심내용들을 학습합니다. 리액트 프런트엔드 라이브러리를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다. 어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다.

학습대상

React 프런트엔드 라이브러리 기본과 필수 학습사항들을 학습해보고자 하는 학습자
예제를 통해서 하나하나씩 문법을 학습해가고자 하는 학습자

학습목표

핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심들을 학습합니다.

학습목표

1. 리액트로 구현해보는 SPA Tour-App 만들기(1) - 개요 및 파일구성 설명
2. 리액트로 구현해보는 SPA Tour-App 만들기(2) - CSS 모듈 단위로 적용하는 방법
3. 리액트로 구현해보는 SPA Tour-App 만들기(3) - 부트스트랩으로 디자인하기
4. 리액트로 구현해보는 SPA Tour-App 만들기(4) - 다른 파일에서 배열 데이터 가져오는 방법
5. 리액트로 구현해보는 SPA Tour-App 만들기(5) - 배열에 데이터 항목 추가하기
6. 리액트로 구현해보는 SPA Tour-App 만들기(6) - useState 훅으로 배열 데이터 변경
7. 리액트로 구현해보는 SPA Tour-App 만들기(7) - 수정 Update
8. 리액트로 구현해보는 SPA Tour-App 만들기(8) - 수정 버튼 클릭 시 처리할 일들1
9. 리액트로 구현해보는 SPA Tour-App 만들기(9) - 수정 버튼 클릭 시 처리할 일들2
10. 리액트로 구현해보는 SPA Tour-App 만들기(10) - 최종 수정 처리1 - 일반 배열 수정 처리
11. 리액트로 구현해보는 SPA Tour-App 만들기(11) - 최종 수정 처리2 - 수정 메커니즘 이해
12. 리액트로 구현해보는 SPA Tour-App 만들기(12) - 최종 수정 처리3 - newTravels 수정 실습
13. 리액트로 구현해보는 SPA Tour-App 만들기(13) - 최종 수정 처리4 - 원본 배열 수정 실습
14. 리액트로 구현해보는 SPA Tour-App 만들기(14) - 최종 수정 처리5 - 수정 Form 채우기
15. 리액트로 구현해보는 SPA Tour-App 만들기(15) - 버튼 폼 위치 바로잡기
16. 리액트로 구현해보는 SPA Tour-App 만들기(16) - 디자인 다듬기
17. 리액트로 구현해보는 SPA Tour-App 만들기(17) - 삭제 구현1
18. 리액트로 구현해보는 SPA Tour-App 만들기(18) - 삭제 구현2 및 마무리인사