react2 React 1.개요1)SPA(Single Page Application)=>html 파일 1개로 동작하는 웹 애플리케이션 =>여러 개의 html로 구성된 웹 애플리케이션(Multi Page Application)은 페이지 전환을 할 때 이전 페이지를 제거하고 새로운 페이지를 랜더링을 하게 되는데 이 과정에서 깜빡임이 발생 =>SPA를 이용하면 위 와 같은 깜빡임을 제거할 수 있습니다. 하나의 html로 구성되기 때문에 새로운 페이지를 랜더링하지 않음 =>이런 SPA 프레임워크로 angular, vue, react 가 있음 2)Template Engine=>웹 서버 프레임워크는 대부분 HTML 템플릿 엔진을 제공 =>HTML 템플릿 엔진은 서버에서 제공하는 데이터 와 html 태그를 결합해서 웹 클라이언트에게 출력 .. 2024. 4. 26. React(3) **CSR - 클라이언트 사이드 랜더링: 서버와 클라이언트 애플리케이션을 따로 구현 1.node 기반의 프로젝트를 clone 한 후 사용하는 방법 1) git에서 clone 2)필요한 패키지 설치 npm install *강제 설치 npm install --save --legacy-peer-deps@material-ui/core npm install --save --legacy-peer-deps@material-ui/icons 3)실행 yarn start 2.삭제 구현 1) 삭제 아이콘 구현 =>mui.com활용 https://mui.com/material-ui/material-icons/ import React from "react" import { ListItem, ListItemText, InputB.. 2024. 1. 31. 이전 1 다음
