프레듀 원격평생교육원

과목정보

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

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

과정소개

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

학습대상

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

학습목표

핵심 예제 25개를 통해서 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