배우고 익히는 즐거움, 아이티고
알림
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.1 VSCode 학습 및 리액트 파일구조
여기를 클릭하면, 샘플강의가 재생됩니다.
김동준 강사
- tag
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.1 VSCode 학습 및 리액트 파일구조
담당강사 : 김동준
| 강의구성 | 총 20강좌 (강의시간 : 총 ) | 수강기간 | 30일 |
|---|---|---|---|
| 강의형식 | 동영상 | 수강료 |
40,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 | 강의에서 사용하는 프로그램 & 버전 |
|
| 담당강사 |
김동준 강사
|
||
| 강의구성 | 총 20강좌 (강의시간 : 총 ) |
|---|---|
| 수강기간 | 30일 |
| 강의형식 | 동영상 |
| 수강료 |
40,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 |
| 강의에서 사용하는 프로그램 & 버전 |
|
| 담당강사 |
김동준 강사
|
- 과정소개
-
본 과정은 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심내용들을 학습합니다.
리액트 프런트엔드 라이브러리를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다.
어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다.
- 학습목표
-
본 과정은 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심내용들을 학습합니다.
리액트 프런트엔드 라이브러리를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다.
어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다.
- 교육대상
-
1. React 프런트엔드 라이브러리 기본과 필수 학습사항들을 학습해보고자 하는 자
2. 예제를 통해서 하나하나씩 문법을 학습해가고자 하는 자
차시별 학습목표
- 01. 강의개요, 소개, 인트로
- 02. 학습환경, 에디터, 종류, 다운, 설치
- 03. 비주얼스튜디오, 코드, 기본사용법
- 04. 비주얼스튜디오, 코드, 기본사용법
- 05. 에밋, 단축기능, Emmet, Abbrebiation
- 06. 에밋, 단축기능, Emmet, Abbrebiation
- 07. 에밋, 단축기능, Emmet, Abbrebiation
- 08. Emmet, 단축기능, 세로 선택, 숫자 증가
- 09. 탭, 간격 조정, 공백 변경
- 10. 옵션 설정, 초기화, 템플릿, 디자인 변경
- 11. 커스텀 템플리시, 커서위치, 행간 자간 조정
- 12. 리액트, 설치, 인스톨, 환경설정
- 13. 리액트, 설치, 인스톨, 환경설정
- 14. 리액트, 설치, 개발서버 스타트, 삭제
- 15. 리액트, 폴더구조, 주요 구성, 파일
- 16. 주요 리액트 파일, 구성요소, 리액트
- 17. 불필요한 파일, 코드 삭제, 작성 규칙
- 18. 리액트, 파일구조, 소스코드 분석
- 19. 리액트, 파일구조, 소스코드 분석
- 20. 리액트, 파일구조, 소스코드 분석
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
연관강좌
![[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.2 리액트 컴포넌트](https://img.itgo.co.kr/thumbnail/la_K090210.jpg)
![[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.3 리액트 JSX 문법과 훅](https://img.itgo.co.kr/thumbnail/la_K090211.jpg)
![[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.4 리액트 훅과 라우터](https://img.itgo.co.kr/thumbnail/la_K090212.jpg)
![[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.5 SPA CRUD Tour-App 만들기 (完)](https://img.itgo.co.kr/thumbnail/la_K090213.jpg)
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.5 SPA CRUD Tour-App 만들기 (完)
김동준
₩ 36,000원
제작년도 : 2022
18강
아이티고 강좌질문 모음
※ 아이티고 강좌 관련 문의입니다. 질문은 1:1문의 게시판에 남겨주세요.
1 / 7
- 강좌 리스트
- 01. 강의개요 [29:57]
- 02. 학습환경 - 에디터 종류 및 다운 설치 [17:53]
- 03. 비주얼스튜디오 코드 기본 사용법1 [25:38]
- 04. 비주얼스튜디오 코드 기본 사용법2 [11:19]
- 05. Emmet Abbrebiation 활용1 [20:05]
- 06. Emmet Abbrebiation 활용2 [27:41]
- 07. Emmet Abbrebiation 활용3 [11:16]
- 08. Emmet Abbrebiation 활용4 - class id 삽입, 숫자 자동 증가, 주석 처리, 세로 멀티 선택 [28:38]
- 09. 탭 간격 조정 및 공백 변경 [22:03]
- 10. 옵션 설정 초기화 및 기본 제공되는 HTML5 템플릿 디자인 변경하기 [29:52]
- 11. 커스텀 템플릿에 수정할 커서위치 적용, 드래그 폴더 열기, 행간 자간 조정, 줄번호 미니맵 표시 [27:57]
- 12. 리액트 설치1 [24:22]
- 13. 리액트 설치2 [16:04]
- 14. 리액트 설치3 - 개발 서버 스타트 및 리액트 앱 디렉토리 삭제 [17:33]
- 15. 리액트 App 웹사이트 폴더 구조 및 주요 구성 파일들 [29:26]
- 16. 주요 리액트 파일 3가지 [26:15]
- 17. 불필요한 파일과 코드 삭제 및 컴포넌트 기본 작성 규칙 [26:23]
- 18. 리액트 파일구조 및 소스코드 분석1 [24:27]
- 19. 리액트 파일구조 및 소스코드 분석2 [18:18]
- 20. 리액트 파일구조 및 소스코드 분석3 [24:59]