update post

lazy-dinosaur · lazy-dinosaur · commit acfdfe2b9624 · 2025-04-14T19:22:49.000+09:00
diff --git a/content/posts/자원/웹개발/동적 사이트 vs 정적사이트.md b/content/posts/자원/웹개발/동적 사이트 vs 정적사이트.md
@@ -1,9 +1,10 @@
 ---
 tags:
+  - resource
   - web
 createdAt: 2025-03-10 07:39:08
-modifiedAt: 2025-03-20 16:16:49
-publish: 자원/web
+modifiedAt: 2025-04-14 19:22:41
+publish: 자원/웹개발
 related: ""
 series: ""
 ---
@@ -18,7 +19,7 @@ series: ""
 > [!caution] 화면 렌더링(브라우저의 렌더링) 과 페이지 렌더링의 차이
 > 동적 사이트와 정적사이트에서 표현하는 렌더링은 HTML에 대한 렌더링 이다. 즉 코드를 HTML 로 변환하는 과정을 말한다.
 > 화면에 대한 렌더링은 이 완성된 HTML 과 CSS 를 웹브라우져가 화면에 그려 표현해주는것을 뜻한다.
-> 참고: [[웹브라우저의 렌더링]]
+> 참고: [[웹사이트는 어떻게 보여지는가]]
 
 ## CSR,SSR,SSG
 
diff --git a/public/link-map.json b/public/link-map.json
@@ -5,7 +5,7 @@
   "1.project/개인 블로그 제작/개인 블로그를 제작하게 된 이유.md": "프로젝트/블로그/개인 블로그를 제작하게 된 이유",
   "3.resource/SWEA강의/SWEA 강의 정리노트.md": "자원/SWEA 강의 정리노트/SWEA 강의 정리노트",
   "3.resource/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기.md": "자원/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기",
-  "3.resource/Web/동적 사이트 vs 정적사이트.md": "자원/web/동적 사이트 vs 정적사이트",
+  "3.resource/Web/동적 사이트 vs 정적사이트.md": "자원/웹개발/동적 사이트 vs 정적사이트",
   "3.resource/Web/웹사이트는 어떻게 구성되어있나.md": "자원/웹개발/웹사이트는 어떻게 구성되어있나",
   "3.resource/Web/웹사이트는 어떻게 보여지는가.md": "자원/웹개발/웹사이트는 어떻게 보여지는가",
   "3.resource/Web/웹사이트에 들어갈때에는 어떤 일이 생기는가.md": "자원/웹개발/웹사이트에 들어갈때에는 어떤 일이 생기는가",
diff --git a/public/meta-data.json b/public/meta-data.json
@@ -66,15 +66,15 @@
                             "publish": "자원/크롬 확장프로그램"
                         },
   {
-                            "urlPath": "자원/web/동적 사이트 vs 정적사이트",
+                            "urlPath": "자원/웹개발/동적 사이트 vs 정적사이트",
                             "title": "동적 사이트 vs 정적사이트",
                             "summary": "",
                             "image": "",
-                            "tags": ["web"],
+                            "tags": ["resource", "web"],
                             "series": "",
                             "createdAt": "2025-03-10 07:39:08",
-                            "modifiedAt": "2025-03-20 16:16:49",
-                            "publish": "자원/web"
+                            "modifiedAt": "2025-04-14 19:22:41",
+                            "publish": "자원/웹개발"
                         },
   {
                             "urlPath": "자원/웹개발/웹사이트는 어떻게 구성되어있나",
diff --git a/public/post-contents/자원/web/동적 사이트 vs 정적사이트.json b/public/post-contents/자원/web/동적 사이트 vs 정적사이트.json
diff --git a/public/post-contents/자원/웹개발/동적 사이트 vs 정적사이트.json b/public/post-contents/자원/웹개발/동적 사이트 vs 정적사이트.json
@@ -0,0 +1,4 @@
+{
+  "content": "\n# 동적 사이트 vs 정적사이트\n\n복잡하게 생각하지 말고 단순하게 동적 사이트와 정적 사이트를 구분한다면 페이지의 렌더링 **_(화면 렌더링 아님)_** 시기 이다.\n\n정적 사이트는 HTML이 빌드 타임에 미리 생성되고 수정되지 않는다.\n하지만 동적 사이트의 경우 클라이언트 측이든 서버 측이든 요청에 따라 HTML 이 생성되게 된다.\n\n> [!caution] 화면 렌더링(브라우저의 렌더링) 과 페이지 렌더링의 차이\n> 동적 사이트와 정적사이트에서 표현하는 렌더링은 HTML에 대한 렌더링 이다. 즉 코드를 HTML 로 변환하는 과정을 말한다.\n> 화면에 대한 렌더링은 이 완성된 HTML 과 CSS 를 웹브라우져가 화면에 그려 표현해주는것을 뜻한다.\n> 참고: [[웹사이트는 어떻게 보여지는가]]\n\n## CSR,SSR,SSG\n\nCSR(Client Side Rendering) 과 SSR(Server Side Rendering) 의 경우 동적 사이트로 분류될 수 있다. 왜냐하면 HTML 의 렌더링 시기 때문이다.\nSSR의 경우 요청에 따라 Javascript 가 담겨있는 HTML을 받아와 해당 javascript 코드를 실행하여 직접 HTML을 생성하여 렌더링 하게 된다. SSR의 경우 요청에 따라 서버 측에서 HTML 을 생성하여 클라이언트로 전송한다.\n\nCSR과 SSR둘 다 요청 이후에 필요에 따라 HTML이 새로 만들어지며 이 때문에 **_동적 사이트_** 방식으로 분류될 수 있다.\n\nSSG의 경우 HTML 을 빌드 타임에 미리 생성하게 되기 때문에 **_정적 사이트_**로 분류될 수 있다.\n\n참고: [[CSR vs SSR vs SSG]]\n",
+  "plainContent": "복잡하게 생각하지 말고 단순하게 동적 사이트와 정적 사이트를 구분한다면 페이지의 렌더링 _(화면 렌더링 아님)_ 시기 이다.\n정적 사이트는 HTML이 빌드 타임에 미리 생성되고 수정되지 않는다.\n하지만 동적 사이트의 경우 클라이언트 측이든 서버 측이든 요청에 따라 HTML 이 생성되게 된다.\n> [!caution] 화면 렌더링(브라우저의 렌더링) 과 페이지 렌더링의 차이\n> 동적 사이트와 정적사이트에서 표현하는 렌더링은 HTML에 대한 렌더링 이다. 즉 코드를 HTML 로 변환하는 과정을 말한다.\n> 화면에 대한 렌더링은 이 완성된 HTML 과 CSS 를 웹브라우져가 화면에 그려 표현해주는것을 뜻한다.\n> 참고: 웹사이트는 어떻게 보여지는가]]\nCSR(Client Side Rendering) 과 SSR(Server Side Rendering) 의 경우 동적 사이트로 분류될 수 있다. 왜냐하면 HTML 의 렌더링 시기 때문이다.\nSSR의 경우 요청에 따라 Javascript 가 담겨있는 HTML을 받아와 해당 javascript 코드를 실행하여 직접 HTML을 생성하여 렌더링 하게 된다. SSR의 경우 요청에 따라 서버 측에서 HTML 을 생성하여 클라이언트로 전송한다.\nCSR과 SSR둘 다 요청 이후에 필요에 따라 HTML이 새로 만들어지며 이 때문에 _동적 사이트_ 방식으로 분류될 수 있다.\nSSG의 경우 HTML 을 빌드 타임에 미리 생성하게 되기 때문에 _정적 사이트_로 분류될 수 있다.\n참고: [[CSR vs SSR vs SSG"
+}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +  "content": "\n# 동적 사이트 vs 정적사이트\n\n복잡하게 생각하지 말고 단순하게 동적 사이트와 정적 사이트를 구분한다면 페이지의 렌더링 **_(화면 렌더링 아님)_** 시기 이다.\n\n정적 사이트는 HTML이 빌드 타임에 미리 생성되고 수정되지 않는다.\n하지만 동적 사이트의 경우 클라이언트 측이든 서버 측이든 요청에 따라 HTML 이 생성되게 된다.\n\n> [!caution] 화면 렌더링(브라우저의 렌더링) 과 페이지 렌더링의 차이\n> 동적 사이트와 정적사이트에서 표현하는 렌더링은 HTML에 대한 렌더링 이다. 즉 코드를 HTML 로 변환하는 과정을 말한다.\n> 화면에 대한 렌더링은 이 완성된 HTML 과 CSS 를 웹브라우져가 화면에 그려 표현해주는것을 뜻한다.\n> 참고: [[웹사이트는 어떻게 보여지는가]]\n\n## CSR,SSR,SSG\n\nCSR(Client Side Rendering) 과 SSR(Server Side Rendering) 의 경우 동적 사이트로 분류될 수 있다. 왜냐하면 HTML 의 렌더링 시기 때문이다.\nSSR의 경우 요청에 따라 Javascript 가 담겨있는 HTML을 받아와 해당 javascript 코드를 실행하여 직접 HTML을 생성하여 렌더링 하게 된다. SSR의 경우 요청에 따라 서버 측에서 HTML 을 생성하여 클라이언트로 전송한다.\n\nCSR과 SSR둘 다 요청 이후에 필요에 따라 HTML이 새로 만들어지며 이 때문에 **_동적 사이트_** 방식으로 분류될 수 있다.\n\nSSG의 경우 HTML 을 빌드 타임에 미리 생성하게 되기 때문에 **_정적 사이트_**로 분류될 수 있다.\n\n참고: [[CSR vs SSR vs SSG]]\n",
 +  "plainContent": "복잡하게 생각하지 말고 단순하게 동적 사이트와 정적 사이트를 구분한다면 페이지의 렌더링 _(화면 렌더링 아님)_ 시기 이다.\n정적 사이트는 HTML이 빌드 타임에 미리 생성되고 수정되지 않는다.\n하지만 동적 사이트의 경우 클라이언트 측이든 서버 측이든 요청에 따라 HTML 이 생성되게 된다.\n> [!caution] 화면 렌더링(브라우저의 렌더링) 과 페이지 렌더링의 차이\n> 동적 사이트와 정적사이트에서 표현하는 렌더링은 HTML에 대한 렌더링 이다. 즉 코드를 HTML 로 변환하는 과정을 말한다.\n> 화면에 대한 렌더링은 이 완성된 HTML 과 CSS 를 웹브라우져가 화면에 그려 표현해주는것을 뜻한다.\n> 참고: 웹사이트는 어떻게 보여지는가]]\nCSR(Client Side Rendering) 과 SSR(Server Side Rendering) 의 경우 동적 사이트로 분류될 수 있다. 왜냐하면 HTML 의 렌더링 시기 때문이다.\nSSR의 경우 요청에 따라 Javascript 가 담겨있는 HTML을 받아와 해당 javascript 코드를 실행하여 직접 HTML을 생성하여 렌더링 하게 된다. SSR의 경우 요청에 따라 서버 측에서 HTML 을 생성하여 클라이언트로 전송한다.\nCSR과 SSR둘 다 요청 이후에 필요에 따라 HTML이 새로 만들어지며 이 때문에 _동적 사이트_ 방식으로 분류될 수 있다.\nSSG의 경우 HTML 을 빌드 타임에 미리 생성하게 되기 때문에 _정적 사이트_로 분류될 수 있다.\n참고: [[CSR vs SSR vs SSG"
 +}