-
직무교육 IT/시스템/보안
[HD]예제로 마스터 하는 React 25제 입문 (함수형 컴포넌트 기반으로만 강의) Part.1 VSCode 학습 및 리액트 파일구조
훈련등급 : A 등급
총 20차시 / 20시간 교육과정
수료기준 및 수강정원
수강정원 총진도율 중간평가 최종평가 과제 0 명 60% 이상 총 0점 /
0% 반영총 0점 /
0% 반영총 0점 /
0% 반영반영된 평가 합산 0점 이상
교육비 안내
교육비 환급 : 우선지원 기업 환급 : 대규모
(1,000인 미만)환급 : 대규모
(1,000인 이상)구독형
- 과정소개
- 강의목차
- 학습후기
과정소개
본 과정은 핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심내용들을 학습합니다. 리액트 프런트엔드 라이브러리를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다. 어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다.과정목표
핵심 예제 25개를 통해서 React의 기본적인 사용법과 핵심들을 학습합니다.학습대상
React 프런트엔드 라이브러리 기본과 필수 학습사항들을 학습해보고자 하는 학습자
예제를 통해서 하나하나씩 문법을 학습해가고자 하는 학습자강의목차
- 1 . 강의개요
- 2 . 학습환경 - 에디터 종류 및 다운 설치
- 3 . 비주얼스튜디오 코드 기본 사용법1
- 4 . 비주얼스튜디오 코드 기본 사용법2
- 5 . Emmet Abbrebiation 활용1
- 6 . Emmet Abbrebiation 활용2
- 7 . Emmet Abbrebiation 활용3
- 8 . Emmet Abbrebiation 활용4 - class id 삽입, 숫자 자동 증가, 주석 처리, 세로 멀티 선택
- 9 . 탭 간격 조정 및 공백 변경
- 10 . 옵션 설정 초기화 및 기본 제공되는 HTML5 템플릿 디자인 변경하기
- 11 . 커스텀 템플릿에 수정할 커서위치 적용, 드래그 폴더 열기, 행간 자간 조정, 줄번호 미니맵 표시
- 12 . 리액트 설치1
- 13 . 리액트 설치2
- 14 . 리액트 설치3 - 개발 서버 스타트 및 리액트 앱 디렉토리 삭제
- 15 . 리액트 App 웹사이트 폴더 구조 및 주요 구성 파일들
- 16 . 주요 리액트 파일 3가지
- 17 . 불필요한 파일과 코드 삭제 및 컴포넌트 기본 작성 규칙
- 18 . 리액트 파일구조 및 소스코드 분석1
- 19 . 리액트 파일구조 및 소스코드 분석2
- 20 . 리액트 파일구조 및 소스코드 분석3
학습후기