Frontend/React2 Page Routing / DOM 페이지 라우팅페이지 라우팅은 사용자가 요청한 경로에 따라 알맞은 페이지를 렌더링하는 과정을 의미한다.사용자가 웹 브라우저에서 /blog와 같은 경로를 요청하면, 서버는 해당 경로에 맞는 페이지 파일을 클라이언트로 전달하고,클라이언트는 해당 페이지를 렌더링해서 사용자에게 보여준다.(전통적 방식)MPA(Multi Page Application)여러 개의 HTML 페이지로 구성된 전통적인 웹 애플리케이션 방식을 의미한다. (과거에 만들어진 웹페이지에서 쉽게 적용된 것을 발견할 수 있다.) SSR(Server Side Rendering)서버 사이드 렌더링은 서버에서 HTML 파일을 생성해서 클라이언트에 전달하는 방식이다. 사용자가 특정 경로를 요청할 떄마다 서버가 해당 경로에 맞는 HTML 파일을 찾아 반환하는.. 2024. 6. 2. Vite 프로젝트 세팅 실행 테스트npm run dev 린트 설정 위 프로젝트 세팅은 node의 vite 라이브러리를 사용해서 시작하는 예시이다.node_modules 프로젝트의 모든 의존성 모듈이 저장되는 폴더.package.json 파일에 정의된 패키지들이 여기에 설치된다.public정적 자원을 보관하는 폴더.여기에는 웹팩 빌드 없이 바로 제공될 수 있는 파일들이 위치한다.ex. 이미지, 아이콘, 폰트 파일 등. 웹팩(Webpack)최신 JavaScript 애플리케이션을 위한 모듈 번들러.모듈 번들러는 여러 개의 파일(예: JavaScript, CSS, 이미지 파일 등)을 하나의 파일이나 몇 개의 파일로 병합하여브라우저가 효율적으로 로드할 수 있도록 한다.src 폴더src: 소스 코드가 위치하는 폴더. 애플리케이션의 주요 .. 2024. 6. 2. 이전 1 다음
