맛동산이

리액트를 다루는 기술을 참고하여 기술하였습니다.라이브러리 설치리액트 라우터 돔을 설치할 리액트 프로젝트의 파일에서 다음과 같이 터미널에 작성을 하면 이용이 가능해진다.yarn add react-router-dom 혹은 npm install react-router-dom 라이브러리 세팅index.js파일에서 다음과 같이 작성한다.import {BrowserRouter} from "react-router-dom"; 그리고 을 다음과 같이 감싸준다. 이렇게 작성하고 나면 모든 준비가 완료됨. 라우터 사용방법import {Routes, Route, Link} from 'react-router-dom'이렇게 작성하면 사용이 가능한데 프레그먼트 태그를 제외하고 가장 높은 상위 태그에 를그리고 이후에 를 통해서 페이..

리액트를 다루는 기술을 참고하여 기술하였습니다.라우팅이란?웹 어플리케이션에서 라우팅이란 사용자가 요청한 url에 따라 알맞는 페이지를 보여주는것을 의미한다.이렇게 여러가지 페이지로 구성된 웹 어플리케이션을 만들 때, 페이지 별로 컴포넌트들을 분리해가면서 프로젝트를 관리하기 위한 방법이 바로 라우팅 시스템이다.라우팅 시스템을 사용하기 위해서는 다음과 같은 라이브러리를 사용할수 있다.리액트 라우터next.js 싱글페이지 어플리케이션이란?싱글페이지 어플리케이션을 살펴보기 전에 우선 멀티페이지 어플리케이션이라는 개념을 알아야한다.멀티페이지 어플리케이션멀티페이지 어플리케이션에서는 사용자가 다른 페이지로 이동할 때마다 새로운 html을 받아서 계속해서 css, js파일등을 받아 화면에 보여주는 동작방식을 채택하였다..