docs: 게시글에 comment 기능 추가

Author: toothlessdev

contents/posts/Aws/lambda-image-optimization.md

@@ -3,6 +3,7 @@ title: AWS Lambda & S3 트리거로 이미지 최적화 자동화하기
 createdAt: 2025-01-15
 category: Aws
 description: AWS Lambda와 S3 트리거를 활용하여 이미지 업로드 시 자동으로 최적화하는 방법에 대해 알아봅니다. Sharp 라이브러리를 사용하여 JPEG, PNG, WebP 등 다양한 포맷의 이미지를 효율적으로 변환하고 저장하는 과정을 다룹니다.
+comment: true
 ---
 
 ::: warning

contents/posts/JavaScript/js-execution-context-part1.md

@@ -3,6 +3,7 @@ title: JavaScript Execution Context 실행 컨텍스트 - 개념편 (feat. 호
 createdAt: 2025-07-03
 category: JavaScript
 description: JavaScript 실행 컨텍스트란 무엇인가요? 실행 컨텍스트는 JavaScript 코드가 실행되는 환경을 정의하는 객체입니다. 이 글에서는 실행 컨텍스트의 개념과 구성 요소, 그리고 Lexical Environment와 Variable Environment에 대해 설명합니다.
+comment: true
 ---
 
 # JavaScript Execution Context 실행 컨텍스트 - 개념편 (feat. 호이스팅, 스코프 체인, 클로저)

contents/posts/JavaScript/js-execution-context-part2.md

@@ -3,6 +3,7 @@ title: "JavaScript Execution Context 실행 컨텍스트 - 예제편 (feat. 호
 createdAt: 2025-07-04
 category: JavaScript
 description: 간단한 예제를 통해 실행컨텍스트가 어떻게 동작하는지 알아보고, 호이스팅과 스코프 체인, 클로저는 어떻게 동작하는지 알아봅니다
+comment: true
 ---
 
 # JavaScript Execution Context 실행 컨텍스트 - 예제편 (feat. 호이스팅, 스코프 체인, 클로저)

contents/posts/JavaScript/js-object-comparison.md

@@ -3,6 +3,7 @@ title: 객체리터럴 vs 정적메서드 vs 클래스 인스턴스 vs 클로저
 createdAt: 2025-05-08
 category: JavaScript
 description: 객체리터럴, 정적메서드, 클래스 인스턴스, 클로저함수를 사용하면 공통적으로 객체를 생성할 수 있습니다. 이들은 모두 객체를 생성하는 방법이지만, 각각의 특징과 장단점이 다릅니다. 이 글에서는 이 네 가지 방법을 비교하고, 각각의 장단점과 사용 예시를 살펴보겠습니다.
+comment: true
 ---
 
 ::: danger

contents/posts/JavaScript/v8-how-the-value-stored.md

@@ -3,6 +3,7 @@ title: "동적 타이핑 언어 JavaScript 값은 실제로 어떻게 저장될
 createdAt: 2025-06-08
 category: JavaScript
 description: JavaScript 에서는 숫자, 문자열, 불리언, 객체 등 다양한 값을 다룰 수 있습니다. 일반적인으로는 원시값은 스택에, 나머지는 힙에 저장된다고 합니다. 하지만 동적 타입 언어인 JavaScript 는 런타임에 타입이 결정되는데, 그렇다면 실제로 값은 어디에 또 어떻게 저장될까요 ?
+comment: true
 ---
 
 ::: danger

contents/posts/React/inf-scroll.md

@@ -3,6 +3,7 @@ title: React로 무한 스크롤 구현하기 (Intersection Observer 활용)
 createdAt: 2024-11-15
 category: React
 description: React와 Intersection Observer API를 활용해 성능 최적화된 무한 스크롤을 구현하는 방법을 알아보겠습니다. 페이지네이션의 종류부터 커스텀 훅까지 단계별로 설명합니다.
+comment: true
 ---
 
 # IntersectionObserver 로 무한 스크롤 구현하기 (with. Cursor Based Pagination)

contents/posts/React/react-toastify.md

@@ -3,6 +3,7 @@ title: react-toastify 는 어떻게 리액트 렌더링사이클 밖에서도 
 createdAt: 2025-09-21
 category: React
 description: 리액트에서 상태 관리와 렌더링은 보통 컴포넌트 내부의 state, props를 통해 이루어진다. 그런데 진짜 실무에서는 "리액트 컴포넌트 바깥"에서, 즉 비동기 로직이나 이벤트 핸들러, API 응답 등 어디서든 토스트(알림)를 띄우고 싶을 때가 많다. 어떻게 그게 가능할까?
+comment: true
 ---
 
 # react-toastify 는 어떻게 리액트 렌더링사이클 밖에서도 토스트를 띄울수 있을까?

contents/posts/React/react-transition-group.md

@@ -3,6 +3,7 @@ title: React Transition Group
 createdAt:
 category:
 description:
+comment: true
 ---
 
 :::warning

contents/posts/Web/css-cascade-algorithm.md

@@ -4,6 +4,7 @@ createdAt: 2025-04-13
 category: Web
 pinned: true
 description: CSS Cascade Algorithm 은 브라우저에서 스타일을 적용하는 방법을 정의합니다. CSS Cascade Algorithm 을 이해하면 CSS 스타일 우선순위를 이해할 수 있습니다.
+comment: true
 ---
 
 # 📖 스타일 충돌을 해결하는 방법, 무엇이 문제일까 ?

contents/posts/Web/image-format.md

@@ -3,6 +3,7 @@ title: 응~ 이미지 키워봐~ 최적화 하면 그만이야 (pt1. 이미지 
 createdAt: 2024-12-03
 category: Web
 description: almanac.httparchive.org 의 2022년 보고서에 따르면, 이미지가 하나 이상 포함된 페이지는 99.9%에 달하며, LCP 에 가장 큰 영향을 미치는 요소이기도 합니다. 2024 경북대학교 디자인학과 졸업전시 사이트를 개발하며 경험한 이미지 포맷의 종류와 최적화 방법에 대해 알아보겠습니다
+comment: true
 ---
 
 # 🤡 응~ 이미지 키워봐~ 최적화 하면 그만이야 (pt1. 이미지 포맷)