[#1] 환경설정

- customColor 이름오류 변경
- Layout의 flex-direction과 background 설정 변경
- 글꼴 추가

src/components/customColor.ts

@@ -15,9 +15,9 @@ export type customColorType = {
 export const customColor: customColorType = {
   white: "#FFFFFF",
   black: "#000000",
-  gray: "#999999",
-  lightGray: "#BCBCBC",
-  darkGray: "#ECECEC",
+  darkGray: "#999999",
+  gray: "#BCBCBC",
+  lightGray: "#ECECEC",
 
   blue: "#91D8F7",
   blue_: "#BBEFFD48",

src/components/layout/Layout.tsx

@@ -24,6 +24,7 @@ const Wrapper = styled.div`
 
 const WrapperInner = styled.div`
   display: flex;
+  flex-direction: column;
   width: 1024px;
   min-height: 100%;
   background: ${customColor.white};

styles/globals.css

@@ -1,7 +1,16 @@
+@font-face {
+  font-family: "Pretendard-Regular";
+  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff")
+    format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+
 * {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
+  font-family: "Pretendard-Regular";
 }
 
 html::-webkit-scrollbar {