React2 React 와 JavaScript정리 React는 JavaScript 기반 UI 라이브러리이다. 리액트는 기본적으로 index.html 하나로 동작하는 Single Page Application이다. 또한 클라이언트 사이드에서 JavaScript를 통해 동적으로 컨텐츠를 렌더링 하는 CSR 방식이다. - CSR(Client Side Rendering) 클라이언트 단에서 화면을 그리기 (React,Angular,Vue.js 등이 있다.)- SSR - 서버에서 완성된 html,css,js 파일을 전달하는 방식 (요즘은 Next.js가 핫하더라) React 기본 프로젝트의 index.js파일을 보면React와 ReactDOM을 불러와서 App을 렌더링 한다. ReactDOM.render(, document.getElementById('root.. 2024. 7. 28. Page Routing / DOM 페이지 라우팅페이지 라우팅은 사용자가 요청한 경로에 따라 알맞은 페이지를 렌더링하는 과정을 의미한다.사용자가 웹 브라우저에서 /blog와 같은 경로를 요청하면, 서버는 해당 경로에 맞는 페이지 파일을 클라이언트로 전달하고,클라이언트는 해당 페이지를 렌더링해서 사용자에게 보여준다.(전통적 방식)MPA(Multi Page Application)여러 개의 HTML 페이지로 구성된 전통적인 웹 애플리케이션 방식을 의미한다. (과거에 만들어진 웹페이지에서 쉽게 적용된 것을 발견할 수 있다.) SSR(Server Side Rendering)서버 사이드 렌더링은 서버에서 HTML 파일을 생성해서 클라이언트에 전달하는 방식이다. 사용자가 특정 경로를 요청할 떄마다 서버가 해당 경로에 맞는 HTML 파일을 찾아 반환하는.. 2024. 6. 2. 이전 1 다음
