// 카테고리별 데이터 없음, 데이터 로드 오류 화면 처리
// show카테고리EmptyState, show카테고리ErrorState 를 공통화
function writeErrorUiToPostContainer(errorCode, categoryName) {
	const container = document.querySelector(".design-tech-left-column .posts-container");
	if (!container) return;

	if (errorCode === 404) {
		container.innerHTML = '<div class="empty-state">표시할 ' + categoryName + " 게시물이 없습니다.</div>";
	} else if (errorCode === 500) {
		container.innerHTML =
			'<div class="empty-state">데이터 로드 중 오류가 발생했습니다. 잠시 후 다시 시도해주세요.</div>';

		/**
		 * <div class="error-state">
		 *                 <p>밸런스 UP 게시물을 불러오는 중 오류가 발생했습니다.</p>
		 *                 <button onclick="renderBalanceCategory()" class="retry-btn">다시 시도</button>
		 *             </div>
		 */
	} else {
		container.innerHTML = '<div class="empty-state">알 수 없는 오류가 발생했습니다.</div>';
	}
}

// 카테고리별 아티클 리스트 조회
function writeArticlesToPostContainer() {
	// url에서 category 파라미터의 val을 가져온다.
	const category = "ai";

	// ajax를 호출해서 카테고리별 list를 가져온다.

	// 	// 성공
	// .then(() => {
	// 		// 화면을 그린다.
	// 	});
	//
	// 	// 에러
	// .catch((error) => {});
}