코드 관리 페이지 추가

apps/common/features/src/entities/site/@x/posting.ts

@@ -1,2 +1,3 @@
 export { SiteApi } from "../api/site-service";
 export type { Site } from "../model/site-interface";
+export { SiteSelect } from "../ui/site-select";

apps/common/features/src/entities/site/index.ts

@@ -5,3 +5,5 @@ export {
   type Site,
   type SiteFormData,
 } from "./model/site-interface";
+
+export { SiteSelect } from "./ui/site-select";

apps/common/features/src/entities/site/ui/site-select.tsx

@@ -0,0 +1,48 @@
+import { useQuery } from "@tanstack/react-query";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@common/components";
+import { ENDPOINT } from "@/shared/config";
+import { SiteApi } from "../api/site-service";
+
+type SiteSelectProps = {
+  siteId: string;
+  placeholder?: string;
+} & React.ComponentPropsWithoutRef<typeof Select>;
+
+function SiteSelect({
+  siteId,
+  defaultValue,
+  placeholder = "선택",
+  ...props
+}: SiteSelectProps) {
+  const { data: sites } = useQuery({
+    queryKey: [ENDPOINT.CMS_SERVICE.SITES],
+    queryFn: () => SiteApi.getSiteList(),
+    enabled: !!siteId,
+  });
+
+  const defaultValueText =
+    sites?.content.find((item) => item.siteId === defaultValue)?.siteNm ?? placeholder;
+
+  return (
+    <Select {...props}>
+      <SelectTrigger className="w-[12rem]">
+        <SelectValue placeholder={defaultValueText} />
+      </SelectTrigger>
+      <SelectContent>
+        {sites?.content.map((item) => (
+          <SelectItem key={item.siteId} value={item.siteId}>
+            {item.siteNm}
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+}
+
+export { SiteSelect };