Skip to content

Commit

Permalink
Update 2024-10-20-React-Router-Dom.md
Browse files Browse the repository at this point in the history
  • Loading branch information
minhoo03 authored Oct 20, 2024
1 parent 2ba16d3 commit 5b169ed
Showing 1 changed file with 0 additions and 27 deletions.
27 changes: 0 additions & 27 deletions _posts/2024-10-09-React-Router-Dom.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,48 +26,21 @@ CSR과 SPA 두 개념은 많이 연관되어 있긴 하지만, 서로 다른 개
### CSR
CSR(Client Side Rendering): 페이지의 렌더링을 클라이언트(브라우저)에서 처리하는 방식을 말한다.


<!--
2024-10-15 (화)
사용자가 웹사이트에 접속하려고 브라우저에 요청을 보내면, 클라이언트는 CDN으로부터 최소한의 HTML 파일과 JS 파일의 링크를 전달받는다.

-->

<!--
2024-10-16 (수)
여기서 CDN은 사용자와 가까운 서버에서 해당 파일을 제공하여 빠른 응답을 보장한다. 클라이언트는 HTML과 JS를 다운로드한다.

-->

<!--
2024-10-17 (목)
이 시점에서 사용자 화면에 아무것도 표시되지 않는다 (SSR과의 차이점). 다운로드가 완료되면, 브라우저가 JS 파일을 실행하고 필요한 데이터를 가져오기 위해 API 요청을 보낸다.
-->

<!--
2024-10-18 (금)

이때 사용자는 아직 데이터가 없는 상태이다. 서버가 요청에 응답하고, 필요한 데이터를 클라이언트에 전달한다. 받아온 데이터는 페이지에 렌더링되어 사용자와 상호작용을 할 수 있게 된다.
-->

<!--
2024-10-19 (토)

이 과정을 통해 CSR 방식에서는 처음에 초기 로드가 느리며 빈 페이지가 노출되지만, 이후엔 페이지를 돌아다니며 로드되는 과정이 필요없어 사용자 경험이 좋아진다.
-->

<!--
2024-10-20 (일)


### SPA
SPA(Single Page Application): 하나의 HTML 페이지로 구성된 웹 애플리케이션으로, 사용자가 여러 페이지를 이동할 때 페이지를 새로고침하지 않고 필요한 데이터만 비동기적으로 로드하여 화면을 업데이트한다. SPA는 주로 CSR 방식을 사용하지만, CSR 자체가 SPA를 의미하는 것은 아니다.

-->

<!--
2024-10-21 (월)
Expand Down

0 comments on commit 5b169ed

Please sign in to comment.