React

1. React를 사용하는 이유 Front-End History HTML/CSS, JS -> jQuery(Method모음) -> Angular, Vue, React -> Framework(Angular, Vue) & Library(React

Index.js (중간다리)Login.js (React 컴포넌트)

1. SPA SPA(Single Page Application)란? 페이지가 1개인 어플리케이션을 의미함. -> 다른 여러 개의 페이지를 보여주기 위해 Routing을 함. 사용 이유 렌더링을 위한 서버 자원 및 불필요한 트래픽 낭비를 줄이기

1. index.html 2.Router.js 3. Login.js

1. Props 자식에게 부모가 넘겨주는 값.(단, 자식에서는 그 값을 변경할 수 없고 읽기만 가능함.) 2. State 2-1. 배열 비구조화 할당 2-2. useState 사용 예시