[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.1 VSCode 학습 및 리액트 파일구조

[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.1 VSCode 학습 및 리액트 파일구조

50,000
  • 지원유형
    • 평생교육바우처
  • 학습기간
    수료여부 관계없이 복습 12개월 추가 제공
  • 수료기준 진도 80% 이상
주문금액
50,000

comment

VSCode 설치 및 기본 사용법과 리액트 앱의 폴더 구조를 이해합니다.

미리보기
학습방법 : HTML5 ( PC
, 스마트폰, 타블렛
)
학습시간 : 8시간 20차시
난이도 : 입문
강의목표

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

강의소개

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

학습대상

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

수료기준
필수평가 : 진도 (80% 이상)
총점 80 점 이상시 수료
학습목차
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.1 VSCode 학습 및 리액트 파일구조
1. 강의개요
30 분
2. 학습환경 - 에디터 종류 및 다운 설치
18 분
3. 비주얼스튜디오 코드 기본 사용법1
26 분
4. 비주얼스튜디오 코드 기본 사용법2
11 분
5. Emmet Abbrebiation 활용1
20 분
6. Emmet Abbrebiation 활용2
28 분
7. Emmet Abbrebiation 활용3
11 분
8. Emmet Abbrebiation 활용4 - class id 삽입, 숫자 자동 증가, 주석 처리, 세로 멀티 선택
29 분
9. 탭 간격 조정 및 공백 변경
22 분
10. 옵션 설정 초기화 및 기본 제공되는 HTML5 템플릿 디자인 변경하기
30 분
11. 커스텀 템플릿에 수정할 커서위치 적용, 드래그 폴더 열기, 행간 자간 조정, 줄번호 미니맵 표시
28 분
12. 리액트 설치1
24 분
13. 리액트 설치2
16 분
14. 리액트 설치3 - 개발 서버 스타트 및 리액트 앱 디렉토리 삭제
18 분
15. 리액트 App 웹사이트 폴더 구조 및 주요 구성 파일들
29 분
16. 주요 리액트 파일 3가지
26 분
17. 불필요한 파일과 코드 삭제 및 컴포넌트 기본 작성 규칙
26 분
18. 리액트 파일구조 및 소스코드 분석1
24 분
19. 리액트 파일구조 및 소스코드 분석2
18 분
20. 리액트 파일구조 및 소스코드 분석3
25 분