풀스택

SPA 등장

Untitled

Facebook에서 만듬

• Virtual DOM • Components • One Way Data Flow • JSX

Untitled

  1. 라우팅(Routing) -사용자의 요청에 따라 특정 페이지로 연결해주는 기능
  2. 컴포넌트 (Component)

고려 사항

  1. SEO가 잘 되지 않는 문제 (서치엔진이 잘 찾을 수 있도로)
  2. 첫페이지 로딩 지연 문제
  3. 어느 타이밍에 데이터를 가져올 것인지
  4. 에러 핸들링 방법

Untitled

> npx react-create-app project
//추가 및 사용
> npm install axios 
// Main.jsx
import React, { useState, useEffect } from "react";
import axios from "axios";
//실행
> npm run start

Untitled

보다시피 노드 먼저 깔아야 한다

JSX

Untitled

const Ex01 = () => {
	const name = "World";
	
	const Hello = () => (
	<h1>
	Hello, {name}!
	</h1>
);
return (
	<Hello />
	)
}