학습대상
- REACTJS (리액트)를 처음 접하시는 분들
- 학습내용의 용어, 수행방법 등에 대한 기본기를 탄탄히 다지고 싶으신 분들
- 이론 내용을 실무와 함께 습득하고 싶으신 분들
학습방법
본 강의는 REACTJS (리액트)를 학습하기 위한 part.1 강의입니다.
강의는 강사님의 설명과 함께 직접 따라하는 실습 형태로 진행됩니다.
강의특징
- 체계적이고 꼼꼼한 학습 방식으로 탄탄한 지식과 함께 실무적인 능력을 쌓을 수 있습니다.
- REACTJS (리액트)를 수행하는데 있어 필요한 핵심적인 내용들을 강조하여 프로그램을 마스터하는데 도움이 됩니다.
- 이해하기 쉬운 선생님의 설명으로, 수강생들은 REACTJS (리액트)에 흥미를 가지고 즐겁게 수업에 임할 수 있습니다.
수강생의 각오 한마디!
★ 프로그래밍 포토샵
ros**** 님
말만 하다가 이제서야 시작하는 제가 부끄럽기도 합니다.. 그래도 이제 강의를 들으면서 저만의 목표를 이룰려고 합니다. 인강 놓치는 일이 없도록 시간을 잘 활용하여 수업에 임하겠습니다. 화이팅!
★ 프로그래밍
ato**** 님
언젠가는 프로그래밍을 예시나 설명 없이 사용 가능한 날이 올때까지 노력하겠습니다!! 물론 그 이후에도 노력하겠습니다!!
★ 웹 프로그래밍
kam**** 님
고도몰이나 카페24에서 소스 수정 부분을 익혀보고 싶었는데 디자인 위주의 관리라 조금 아쉬웠습니다. 하지만 좋은 강의가 많으니 잘 배워가도록 할께요. 감사합니다.
★ 파이썬
hun**** 님
파이썬을 공부함으로써 프로그래밍언어에 더 가까이 다가가고 이를 토대로 R프로그래밍, 하둡까지 공부함으로써 빅데이터 전공에 좀더 가까이 다가가고 싶습니다.
★ 프로그래밍
cjs**** 님
이제 중3이 되어 하고싶은걸 생각하게 되었고, 너무 늦게 생각했다고 생각하지만 그생각을 빨리 생각헀다고 생각하게 만들고싶습니다!
Windows 환경에서 리액트 개발 환경 구축 및 리액트 프로젝트 생성하는 2가지 방법 설명
[32:37]
4
두 가지 방식으로 리액트 프로젝트를 만드는 방법 설명(create react app과 dotnet new react)
[13:27]
5
참고_ReactDemo_프로젝트 생성 후 로컬 테스트 후 GitHub 리포지토리에 게시하는 전체 절차 설명
[06:50]
6
Temp 폴더에 dotnet new react 명령으로 풀스택 프로젝트 생성 및 실행 그리고 여러 가지 사용법 데모
[20:31]
7
Create React App으로 만든 리액트 프로젝트의 구조 간단히 살펴보기
[05:51]
8
현재 강의에서 만들어지는 최종 소스인 ReactMemo와 BookApp.React 프로젝트 다운 및 설치 그리고 실행하기 데모
[13:32]
9
순수 HTML 파일에 리액트 적용하기 소개
[06:42]
10
HelloReact_순수한 HTML 파일에서 리액트 헬로월드 예제 만들고 실행해보기
[18:21]
11
HelloReact_React Developer Tools 설치 및 createElement 함수에 속성 적용하기
[16:15]
12
HelloReact_중첩된 HTML 요소를 React_createElement 함수를 여러 번 사용해서 구현하기
[09:00]
13
HelloReact_Babel 라이브러리를 사용하여 JSX로 HTML 요소 작성하기
[06:29]
14
HelloReact_JSX에서 스타일 사용하기_className으로 CSS Class 적용하기
[11:03]
15
HelloReact_JSX 표현식 사용하기
[12:29]
16
HelloReact_함수 컴포넌트 만들고 JSX 표현식에 적용하기
[12:18]
17
HelloReact_Props_동적 개체인 props를 사용하여 컴포넌트에 전달된 속성 이름과 속성 값을 받아 사용하기
[19:34]
18
HelloReact_구조 파괴 할당(구조 분해 할당)을 사용하여 props를 좀 더 간결하게 사용하기
[09:22]
19
HelloReact_JSX에서 조건(3항) 연산자 사용하기
[11:14]
20
HelloReact_함수 컴포넌트와 클래스 컴포넌트_클래스로 컴포넌트 만들기
[07:37]
21
HelloReact_state와 setState로 상태 데이터를 저장하고 onClick 이벤트 처리기에서 상태 데이터를 수정하기
[15:48]
22
HelloReact_컬렉션 형태의 데이터 출력 및 부트스트랩으로 UI 꾸미기
[19:08]
수강 후기
No.31431
ID : skck**** (lv.2519)
강사 : 김동준
(수업내용 : useState 훅 으로 변수를 만들어서 상태관리를 한다) 상태값을 변경할때는 set변수명 으로 만들어서 상태값을 변경한다든지 한다 수정할때는 밑에 리스트 출력부분도 나타날필요가 없다.- 수정폼만 나타날수 있게 한다. [HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.5 SPA CRUD Tour-App 만들기 (完) 18강 리액트로 구현해보는 SPA Tour-App 만들기(18) - 삭제 구현2 및 마무리인사 수업에 대한 후기입니다.
No.31430
ID : skck**** (lv.2519)
강사 : 김동준
(수업내용 : 즉 입력폼을 안보이게하고 수정폼을 나타나게 하는것이다 -) 둘다 보이게 할수는 없는거닌가 - 모드를 왔다 갔다하는것은 사용자가 수정을 클릭할때 발생 insertMode값은 계속 상태값을 추적감시할수 있도록 값이 바뀌면 화면을 재랜더링할수 있도록 [HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.5 SPA CRUD Tour-App 만들기 (完) 17강 리액트로 구현해보는 SPA Tour-App 만들기(17) - 삭제 구현1 수업에 대한 후기입니다.
No.31413
ID : skck**** (lv.2519)
강사 : 김동준
(수업내용 : input 태그 속성 작성시 주의 value 는 반드시 defaultValue 로 해줘야한다 안그러면 에러가 뜬다.) 먼저 아직 값을 전달받지 않고 그냥 디폴트값을 때려박아서 작성해보자 수정하기 버튼을 눌렀을때 첫번째 할일 : 넘어온값을 콘솔에 출력해보기 [HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.5 SPA CRUD Tour-App 만들기 (完) 15강 리액트로 구현해보는 SPA Tour-App 만들기(15) - 버튼 폼 위치 바로잡기 수업에 대한 후기입니다.
- 본 강의는 모바일 기기 및 인터넷 엣지, 크롬, 파이어폭스, 웨일 브라우저에서 재생이 가능합니다.
- 강의는 결제 후 7일이 지나지 않고, 3강 미만 수강시에만 환불 및 취소가 가능합니다. (※ 패키지 강의 포함)
- ID 공유, 동시 수강 등 부정 수강이 적발되는 경우 수강기간 중에도 수강이 취소 될 수 있습니다.
- 교재 환불은 상품 특성상 결제일로부터 7일 이내에 미사용시에만 환불이 가능하며, 왕복 택배비를 부담해주셔야 합니다.
- 섬과 같은 도서지역은 교재 배송시 3,000원의 추가 비용을 입금해 주셔야 배송 가능합니다.
정보처리기능사.jpg)
[특별할인] 전강좌 프리패스 (에어팟, 아이패드, 에어프라이어, 커피머신 등 선택1 제공)
