WEB FE

JSX ?

> Javascript + (extension) XML / HTML 

위의 사진에서 JSX 코드에 해당하는 부분은 아래와 같다.

const element1= <h1>Hello, {formatName1(name1)}!</h1>;

create-react-app 설치하기

/***  node.js 가 이미 설치되어 있었기 때문에 관련 과정은 생략 ***/

1. visual studio code 에서 powershell terminal 창 실행 및 server 설치

  ->  npm install -g serve 

  ->  해당 pc 에서는 이미 권한이 승인되어 있었기 때문에 powershell 에서 sudo 코드의 실행이 필요하지 않았음

2. server 의 실행이 완료되었는지 확인

  -> serve -s build

React 의 특징(1) - 기능적 특징

1. Component

  -> 컴포넌트화 가능 

  -> 각 컴포넌트 개별 랜더링 가능 

2. Reusability

  -> 컴포넌트 단위로 이루어져 있기 때문에 재사용성 증가 

  -> 가독성 증대

React 의 특징(2) - 범용적 특징

> 글로벌 기업 Facebook 의 지원으로 개발된 라이브러리 (프레임워크) 로 활발한 업데이트 중

> React Native 를 배우면 웹뿐만 아니라 모바일 앱까지 개발 가능

 처음만난 React - 학습개요

-

React 소개

JSX 소개

Rendering Elements

Components and Pros

State and Lifecycle

Handling Events

Conditional Rendering

Lists and Keys

Forms

Lifting State Up

Composition vs Inheritance