diff --git a/src/app/layout.js b/src/app/layout.js
index c88dd7d8..a77f926c 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -16,11 +16,20 @@ import '../styles/contents.scss'
 import Footer from '@/components/footer/Footer'
 import GlobalLoadingProvider from './GlobalLoadingProvider'
 
+/**
+ * 어플리케이션 메타데이터
+ * 서버 컴포넌트에 한해서 개별로 설정할 수 있음
+ */
 export const metadata = {
   title: 'HANASYS設計',
   description: 'HANASYS設計',
 }
 
+/**
+ * 어플리케이션 전체 레이아웃 컴포넌트
+ * @param {*} param0
+ * @returns
+ */
 export default async function RootLayout({ children }) {
   const headersList = headers()
   const headerPathname = headersList.get('x-pathname') || ''
diff --git a/src/components/common/spinner/GlobalSpinner.jsx b/src/components/common/spinner/GlobalSpinner.jsx
index 1da91ef9..458bcabb 100644
--- a/src/components/common/spinner/GlobalSpinner.jsx
+++ b/src/components/common/spinner/GlobalSpinner.jsx
@@ -2,6 +2,11 @@
 
 import '@/styles/spinner.scss'
 
+/**
+ * 전역 스피너
+ * 전역 로딩 스피너
+ * @returns
+ */
 export default function GlobalSpinner() {
   return (
     <>
diff --git a/src/components/floor-plan/modal/ImgLoad.jsx b/src/components/floor-plan/modal/ImgLoad.jsx
index 04127bba..b33871ef 100644
--- a/src/components/floor-plan/modal/ImgLoad.jsx
+++ b/src/components/floor-plan/modal/ImgLoad.jsx
@@ -12,6 +12,10 @@ import { useCanvas } from '@/hooks/useCanvas'
 import { useImgLoader } from '@/hooks/floorPlan/useImgLoader'
 // import { initImageLoaderPopup } from '@/lib/planAction'
 
+/**
+ * 이미지 로드 모달
+ * @returns
+ */
 export default function ImgLoad() {
   const { currentCanvasPlan, setCurrentCanvasPlan } = usePlan()
   const { getMessage } = useMessage()
diff --git a/src/hooks/common/useMenu.js b/src/hooks/common/useMenu.js
index 84c8cef7..d65611b5 100644
--- a/src/hooks/common/useMenu.js
+++ b/src/hooks/common/useMenu.js
@@ -23,6 +23,10 @@ import { useTrestle } from '@/hooks/module/useTrestle'
 import { usePolygon } from '@/hooks/usePolygon'
 import { useOrientation } from '@/hooks/module/useOrientation'
 
+/**
+ * 메뉴 처리 훅
+ * @returns
+ */
 export default function useMenu() {
   const menus = []
   const currentMenu = useRecoilValue(currentMenuState)
diff --git a/src/hooks/common/useRefFiles.js b/src/hooks/common/useRefFiles.js
index 52f8ef47..b21cc954 100644
--- a/src/hooks/common/useRefFiles.js
+++ b/src/hooks/common/useRefFiles.js
@@ -11,6 +11,10 @@ import { settingModalFirstOptionsState } from '@/store/settingAtom'
 /**
  * 배경 이미지 관리
  * 도면에 배경이미지를 로딩하는 기능을 제공
+ *
+ * 이미지 -> 캔버스 배경에 이미지 로드
+ * 주소 -> 구글 맵에서 주소 검색 후 이미지로 다운로드 받아서 캔버스 배경에 이미지 로드
+ * .dwg -> api를 통해서 .png로 변환 후 캔버스 배경에 이미지 로드
  * @returns {object}
  */
 export function useRefFiles() {
diff --git a/src/hooks/usePlan.js b/src/hooks/usePlan.js
index 10bc7e45..c422b7f5 100644
--- a/src/hooks/usePlan.js
+++ b/src/hooks/usePlan.js
@@ -17,6 +17,12 @@ import { outerLinePointsState } from '@/store/outerLineAtom'
 import { placementShapeDrawingPointsState } from '@/store/placementShapeDrawingAtom'
 import { useCanvasSetting } from '@/hooks/option/useCanvasSetting'
 
+/**
+ * 플랜 처리 훅
+ * 플랜을 표시하는 탭 UI 전반적인 처리 로직 관리
+ * @param {*} params
+ * @returns
+ */
 export function usePlan(params = {}) {
   const { floorPlanState } = useContext(FloorPlanContext)
 
diff --git a/src/lib/imageActions.js b/src/lib/imageActions.js
index f3276d64..b085b1a2 100644
--- a/src/lib/imageActions.js
+++ b/src/lib/imageActions.js
@@ -3,6 +3,10 @@
 import sqlite3 from 'sqlite3'
 import { open } from 'sqlite'
 
+/**
+ * 캔바스 배경 이미지가 설정되면 데이터를 저장한다.
+ * @param {*} param0
+ */
 export const setBackGroundImage = async ({ objectId, planNo, imagePath }) => {
   let db = null
 
@@ -24,6 +28,11 @@ export const setBackGroundImage = async ({ objectId, planNo, imagePath }) => {
   }
 }
 
+/**
+ * 캔바스 배경 이미지 데이터를 조회한다.
+ * @param {*} param0
+ * @returns
+ */
 export const getBackGroundImage = async ({ objectId, planNo }) => {
   let db = null
 
@@ -39,6 +48,10 @@ export const getBackGroundImage = async ({ objectId, planNo }) => {
   return result
 }
 
+/**
+ * 캔바스 배경 이미지 데이터를 삭제한다.
+ * @param {*} param0
+ */
 export const deleteBackGroundImage = async ({ objectId, planNo }) => {
   let db = null