From 03e7b6e7f3ffba6c936455d4b1c06e3e7f370e4f Mon Sep 17 00:00:00 2001 From: LeeCh0129 Date: Mon, 23 Jun 2025 00:00:13 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=97=91=EF=B8=8F=20remove:=20=EB=B0=B0?= =?UTF-8?q?=ED=8F=AC=20=EC=A0=84=20=ED=85=8C=EC=8A=A4=ED=8A=B8=20=ED=8C=8C?= =?UTF-8?q?=EC=9D=BC=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/tester/page.tsx | 94 ----------------------------------------- 1 file changed, 94 deletions(-) delete mode 100644 src/app/tester/page.tsx diff --git a/src/app/tester/page.tsx b/src/app/tester/page.tsx deleted file mode 100644 index bd67600..0000000 --- a/src/app/tester/page.tsx +++ /dev/null @@ -1,94 +0,0 @@ -'use client' - -import Image from 'next/image' - -import Header from '@/app/shared/components/common/header/Header' -import Sidebar from '@/app/shared/components/common/sidebar/Sidebar' -import ThemeToggle from '@/app/shared/components/ThemeToggle' - -import CreateDashboardModal from '../shared/components/common/modal/CreateDashboardModal' -import { useModalStore } from '../shared/store/useModalStore' - -//<초기 설정 안내> - -// 이미지 파일에 접근할 때: /images/파일명 -// 그 외, alias 설정 참고: alias규칙은 - tsconfig.json파일 내의 "paths": {}에 작성 -// 그 외, e.g. import { someUtil } from '@shared/utils'; - -// pxr 단위 사용 -// - 원래 gap-4는 16px인데, pxr적용 시에는 gap-16으로 작성 -// - 원래 [300px] -> 300으로 작성 - -// next-themes 라이트, 다크 모드 -// globals.css에 작성한 커스텀 유틸 클래스(@apply) 참고해서, 클래스명 가져다 사용하거나 직접 커스텀 - -export default function Home() { - const { openModal } = useModalStore() - - return ( - <> -
-
- {/* 사이드바 */} - - {/* 메인 콘텐츠 영역 */} -
- {/* 헤더 영역 */} -
-

Sidebar 테스트 페이지

-

왼쪽에 사이드바 만들어보자잇!

- - {/* 모달 테스트 버튼 - 이 부분을 추가! */} - - {/* 모달 버튼 컴포넌트 추가 - 이 부분도 추가! */} - -
- - {/* 기존 테스트 요소들 */} -
-
-

로고 테스트

-
- Logo -
-
- - {/* pxr 단위 테스트 */} -
-

pxr 단위 테스트

-
-

This text should be 16px (일반 px 단위)

-
-
-

- This text should be 1rem → converted 16 to 1rem: using pxr -

-
-
- - {/* Gap 테스트 */} -
-

Gap 테스트

-
-
AAA
-
BBB
-
CCC
-
-
-
-
-
- - ) -}