Gallery

My first Coda doc

리액트

노드 js

Explore

리액트

용어, 개념정리

라우팅 Routing

네트워크 주소에 따라 목적지 경로를 체계적으로 결정하는 경로 선택 과정.

req와 res

router.get('/', function(req, res, next) {

res.send('respond with a resource');

//괄호안은 response로 반환한 데이터를 화면에 출력

});

// http get 방식으로 request 호출을 받으면

// res.send 함수가 text data를 response로 전송한다.

프록시

클라이언트(ex. 웹브라우저)가 다른 서버에 간접적으로 접속할 수 있도록 중계해주는 프로그램.

보통 보안이나 캐시 목적으로 사용한다.

node 서버 호출 url을 간략히 사용하기 위한 용도로도 사용한다.

ex. 웹브라우저에 리액트 서버를 띄우고 | 리액트 페이지에서 node api를 호출해서 데이터 표시가 가능하다.

이때 프록시를 설정하면 node 서버 url을 포트번호

리액트 17과 18버전의 차이

구) 클래스형 컴포넌트와 신) 함수형 컴포넌트

구) class컴포넌트와 render(), 신) 화살표함수컴포넌트와 return

class함수에서는 render함수를 사용하는데 화살표함수에서는 render함수를 사용하지 않고, 바로 return해주면 된다!

리액트 17

리액트 18

클래스형 컴포넌트

함수형 컴포넌트

도입

import React from "react";

작성 X

render()

바로 return()

상태관리

constructor

useState Hook

라우터

Browser로 감싸고 Routes로 감싸고 Route

<Link>나

useNavigate

There are no rows in this table

⁠

파일 경로 점 개수

.

현재 파일이 있는 폴더 경로

..

한 단계 상위 폴더로 이동

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.