React) SSR(서버 사이드 렌더링) vs CSR (클라이언트 사이드 렌더링)
SSR(서버 사이드 렌더링)서버(백엔드)에서 프론트로부터 미리 html,css,js파일을 전달 받아서, 화면을 그려놓고프론트에서 요청한 데이터가 있다면 해당 데이터를 미리 전달받았던 파일에 업데이트를 시켜서 프론트로 전달하는 형태장점 : 초기 화면 세팅이 빠름단점 : 전체 페이지를 그려서 전달하기 때문에, 페이지 내에서 동적인 이동이 잦은 경우 시간 오래걸림 CSR(클라이언트 사이드 렌더링)프론트에서 html,css,js파일을 가지고 있으며, 필요한 정보만 백엔드에 요청을 하여 데이터를 받아오고,받은 데이터를 통하여 html,css,js를 그려서 사용자에게 보여주는 형태장점 : 프론트에서 필요한 데이터만 백엔드에 요청하기 때문에, 동적인 화면 생성에 유리단점 : 초기 화면 세팅 시, 백엔드에 요청한 js..
React 기초)
* 리액트에서는 객체에 값을 저장하도록 설정할 수 있는데, const [isClick, setIsClick] = useState({}); // 사이드바 메뉴 const menuItems: NavigationItem[] = [ { index: 0, label: "상품 관리", children: [ { index: 0, label: "상품 등록", path: "/products/register" }, { index: 1, label: "상품 수정/삭제", path: "/products/edit" }, ], }, { index: 1, label: "로케이션 관리", children: [ ..
