Nextjs 기본부터 알아보자 1

What is Next js and Why? The React Framework for production React의 “common problems” 를 해결해주는 프레임워크 이다. react의 "common problems"는 SPA로 이루어진 웹앱의 단점이다. Client Side Rendering 서버에서 한 페이지만 받고 클라이언트에서 렌더링을 하는 방식 기존 리액트 app의 방식 페이지간 이동이 발생하지 않음 : route 방식 seo 검색 엔진 최적화에 불리 Server Side Rendering 서버에서 클라이언트에게 전송 후 렌더링하는 방식 페이지간 이동(새로고침)이 발생 seo 검색 엔진에 유리 next js는 CSR방식의 리액트 앱을 SSR로 전환시켜주는 역할 브라우저 렌더링부터 CS..

2023.03.06

브라우저 렌더링부터 CSR,SSR,SPA,MPA 정리 까지

생성일: 2023년 1월 14일 오후 6:11 태그: 웹 🏳️ 브라우저 렌더링 ❓ 브라우저 렌더링은 무엇일가요? 일단 나는 브라우저로 크롬을 사용하는 편이다. 크롬이 편리한 기능이 많고, 깔끔하고, 탭관리가 수월하고, 많은 웹사이트가 크롬을 지원하기 때문이다. 근데 브라우저는 뭘까? 웹 브라우저 (Web Browser) 혹은 브라우저는 웹에서 페이지를 검색하고 표시하며 사용자가 하이퍼링크를 통해 추가 페이지에 접근할 수 있도록 하는 프로그램입니다. ❓ 그렇다면 브라우저 렌더링은 무엇일까요? 사용자가 웹 브라우저를 통해 자원을 서버에 요청하고 브라우저에 서버로 부터 파일(HTML, CSS, JAVASCRITP)을 받아 표시 되는 과정 서버로 부터 받아오는 파일은 HTML 문서 이외 다른 형태의 파일 (PD..

2023.01.16