From 5b4dc0128d3fdbbe5cce5e9bf4c9f79cd0bd37ef Mon Sep 17 00:00:00 2001
From: Eunseo Sim <55528304+simeunseo@users.noreply.github.com>
Date: Tue, 5 Nov 2024 13:39:23 +0900
Subject: [PATCH 1/7] =?UTF-8?q?feat:=20tailwind,=20postcss,=20autoprefixer?=
=?UTF-8?q?=20=EC=84=A4=EC=B9=98=20=EB=B0=8F=20=EA=B8=B0=EB=B3=B8=20?=
=?UTF-8?q?=ED=8C=8C=EC=9D=BC=20=EC=83=9D=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
apps/web/.eslintrc.cjs | 2 +-
apps/web/package.json | 5 ++++-
apps/web/postcss.config.js | 8 ++++++++
apps/web/tailwind.config.ts | 7 +++++++
4 files changed, 20 insertions(+), 2 deletions(-)
create mode 100644 apps/web/postcss.config.js
create mode 100644 apps/web/tailwind.config.ts
diff --git a/apps/web/.eslintrc.cjs b/apps/web/.eslintrc.cjs
index 554fd900..a5d205cb 100644
--- a/apps/web/.eslintrc.cjs
+++ b/apps/web/.eslintrc.cjs
@@ -26,7 +26,7 @@ module.exports = {
parserOptions: {
project: [baseConfig, appConfig, nodeConfig],
},
- ignorePatterns: ['dist', '.eslintrc.cjs'],
+ ignorePatterns: ['dist', '.eslintrc.cjs', 'postcss.config.js', 'tailwind.config.ts'],
rules: {
'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
'import/no-unresolved': ['error', { ignore: ['^/'] }],
diff --git a/apps/web/package.json b/apps/web/package.json
index 87aba218..ed0b6c81 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -22,10 +22,13 @@
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"@vitejs/plugin-react": "^4.3.3",
+ "autoprefixer": "^10.4.20",
+ "eslint": "^8.57.0",
"eslint-plugin-react-hooks": "^5.0.0",
"eslint-plugin-react-refresh": "^0.4.14",
- "eslint": "^8.57.0",
"globals": "^15.11.0",
+ "postcss": "^8.4.47",
+ "tailwindcss": "^3.4.14",
"typescript": "~5.6.2",
"vite": "^5.4.10",
"vite-tsconfig-paths": "^5.0.1"
diff --git a/apps/web/postcss.config.js b/apps/web/postcss.config.js
new file mode 100644
index 00000000..e247f6e8
--- /dev/null
+++ b/apps/web/postcss.config.js
@@ -0,0 +1,8 @@
+export const config = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+};
+
+export default config;
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
new file mode 100644
index 00000000..b7381a35
--- /dev/null
+++ b/apps/web/tailwind.config.ts
@@ -0,0 +1,7 @@
+import type { Config } from 'tailwindcss';
+
+const config: Config = {
+ content: ['./src/pages/**/*.{js,ts,jsx,tsx}', './src/components/**/*.{js,ts,jsx,tsx}'],
+};
+
+export default config;
From 00d9ce5838d6b24cbe1c60024d8a7c80ebaa37c2 Mon Sep 17 00:00:00 2001
From: Eunseo Sim <55528304+simeunseo@users.noreply.github.com>
Date: Tue, 5 Nov 2024 13:53:35 +0900
Subject: [PATCH 2/7] =?UTF-8?q?feat:=20global.css=EC=97=90=20=EC=83=89?=
=?UTF-8?q?=EC=83=81=20=ED=86=A0=ED=81=B0=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
apps/web/src/styles/global.css | 33 +++++++++++++++++++++++++++++++++
apps/web/tailwind.config.ts | 7 +++++++
2 files changed, 40 insertions(+)
create mode 100644 apps/web/src/styles/global.css
diff --git a/apps/web/src/styles/global.css b/apps/web/src/styles/global.css
new file mode 100644
index 00000000..da20cd5b
--- /dev/null
+++ b/apps/web/src/styles/global.css
@@ -0,0 +1,33 @@
+@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ body {
+ --purple-700: #452bd9;
+ --purple-600: #5031ff;
+ --purple-500: #7057ff;
+ --purple-400: #917eff;
+ --purple-300: #b4a7ff;
+ --purple-200: #d5ceff;
+ --purple-100: #eeebff;
+
+ --black: #1e1e1e;
+ --grey-900: #5b5d60;
+ --grey-800: #777a7d;
+ --grey-700: #999ea2;
+ --grey-500: #d8dee4;
+ --grey-400: #e0e5e9;
+ --grey-300: #e5e9ed;
+ --grey-200: #edf0f3;
+ --grey-100: #f3f5f7;
+ --grey-50: #fbfcfc;
+ --white: #ffffff;
+
+ --red: #f45c55;
+ --yellow: #ffe04c;
+ --green: #2ddd93;
+ }
+}
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index b7381a35..92ca1dbc 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -1,7 +1,14 @@
+import plugin from 'tailwindcss/plugin';
+import { fontFamily } from 'tailwindcss/defaultTheme';
import type { Config } from 'tailwindcss';
const config: Config = {
content: ['./src/pages/**/*.{js,ts,jsx,tsx}', './src/components/**/*.{js,ts,jsx,tsx}'],
+ theme: {
+ fontFamily: {
+ sans: ['Pretendard', ...fontFamily.sans],
+ },
+ },
};
export default config;
From 8e3ec8cd36b24df0055cdb538032d3da49c27d95 Mon Sep 17 00:00:00 2001
From: Eunseo Sim <55528304+simeunseo@users.noreply.github.com>
Date: Tue, 5 Nov 2024 15:34:23 +0900
Subject: [PATCH 3/7] =?UTF-8?q?feat:=20tailwind=20theme=20extend=EC=97=90?=
=?UTF-8?q?=20=EC=8B=9C=EB=A7=A8=ED=8B=B1=20=EC=BB=AC=EB=9F=AC=20=EC=B6=94?=
=?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
apps/web/postcss.config.js | 4 +-
apps/web/src/main.tsx | 1 +
apps/web/src/styles/global.css | 1 +
apps/web/tailwind.config.ts | 32 +++-
pnpm-lock.yaml | 271 +++++++++++++++++++++++++++++++++
5 files changed, 304 insertions(+), 5 deletions(-)
diff --git a/apps/web/postcss.config.js b/apps/web/postcss.config.js
index e247f6e8..12a703d9 100644
--- a/apps/web/postcss.config.js
+++ b/apps/web/postcss.config.js
@@ -1,8 +1,6 @@
-export const config = {
+module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};
-
-export default config;
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
index a2ebe8a5..fe3009ff 100644
--- a/apps/web/src/main.tsx
+++ b/apps/web/src/main.tsx
@@ -1,5 +1,6 @@
import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
+import './styles/global.css';
import App from '@/App';
diff --git a/apps/web/src/styles/global.css b/apps/web/src/styles/global.css
index da20cd5b..e68f5b5e 100644
--- a/apps/web/src/styles/global.css
+++ b/apps/web/src/styles/global.css
@@ -15,6 +15,7 @@
--purple-100: #eeebff;
--black: #1e1e1e;
+ --black-alpha-60: rgba(30, 30, 30, 0.6);
--grey-900: #5b5d60;
--grey-800: #777a7d;
--grey-700: #999ea2;
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index 92ca1dbc..170de56f 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -1,13 +1,41 @@
-import plugin from 'tailwindcss/plugin';
import { fontFamily } from 'tailwindcss/defaultTheme';
import type { Config } from 'tailwindcss';
const config: Config = {
- content: ['./src/pages/**/*.{js,ts,jsx,tsx}', './src/components/**/*.{js,ts,jsx,tsx}'],
+ content: [
+ './src/pages/**/*.{js,ts,jsx,tsx}',
+ './src/components/**/*.{js,ts,jsx,tsx}',
+ './src/*.tsx',
+ ],
theme: {
fontFamily: {
sans: ['Pretendard', ...fontFamily.sans],
},
+ extend: {
+ backgroundColor: {
+ primary: 'var(--purple-500)',
+ secondary: 'var(--purple-200)',
+ teritary: 'var(--purple-100)',
+ alt: 'var(--grey-500)',
+ weak: 'var(--grey-50)',
+ white: 'var(--white)',
+ black: 'var(--black)',
+ overlay: 'var(--black-alpha-60)',
+ },
+ textColor: {
+ main: 'var(--black)',
+ alt: 'var(--grey-900)',
+ weak: 'var(--grey-700)',
+ primary: 'var(--purple-500)',
+ white: 'var(--white)',
+ error: 'var(--red)',
+ },
+ borderColor: {
+ main: 'var(--grey-300)',
+ primary: 'var(--purple-500)',
+ error: 'var(--red)',
+ },
+ },
},
};
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 48eca5f2..c136b9df 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -151,6 +151,9 @@ importers:
'@vitejs/plugin-react':
specifier: ^4.3.3
version: 4.3.3(vite@5.4.10(@types/node@22.8.7)(terser@5.36.0))
+ autoprefixer:
+ specifier: ^10.4.20
+ version: 10.4.20(postcss@8.4.47)
eslint:
specifier: ^8.57.0
version: 8.57.1
@@ -163,6 +166,12 @@ importers:
globals:
specifier: ^15.11.0
version: 15.12.0
+ postcss:
+ specifier: ^8.4.47
+ version: 8.4.47
+ tailwindcss:
+ specifier: ^3.4.14
+ version: 3.4.14(ts-node@10.9.2(@types/node@22.8.7)(typescript@5.6.3))
typescript:
specifier: ~5.6.2
version: 5.6.3
@@ -226,6 +235,10 @@ importers:
packages:
+ '@alloc/quick-lru@5.2.0':
+ resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+ engines: {node: '>=10'}
+
'@ampproject/remapping@2.3.0':
resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
engines: {node: '>=6.0.0'}
@@ -1216,6 +1229,9 @@ packages:
resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
engines: {node: '>=12'}
+ any-promise@1.3.0:
+ resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+
anymatch@3.1.3:
resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
engines: {node: '>= 8'}
@@ -1226,6 +1242,9 @@ packages:
arg@4.1.3:
resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
+ arg@5.0.2:
+ resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+
argparse@1.0.10:
resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
@@ -1271,6 +1290,13 @@ packages:
asynckit@0.4.0:
resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+ autoprefixer@10.4.20:
+ resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
+ engines: {node: ^10 || ^12 || >=14}
+ hasBin: true
+ peerDependencies:
+ postcss: ^8.1.0
+
available-typed-arrays@1.0.7:
resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
engines: {node: '>= 0.4'}
@@ -1361,6 +1387,10 @@ packages:
resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
engines: {node: '>=6'}
+ camelcase-css@2.0.1:
+ resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
+ engines: {node: '>= 6'}
+
camelcase@5.3.1:
resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
engines: {node: '>=6'}
@@ -1536,6 +1566,11 @@ packages:
resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
engines: {node: '>= 8'}
+ cssesc@3.0.0:
+ resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+ engines: {node: '>=4'}
+ hasBin: true
+
csstype@3.1.3:
resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
@@ -1621,6 +1656,9 @@ packages:
dezalgo@1.0.4:
resolution: {integrity: sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==}
+ didyoumean@1.2.2:
+ resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+
diff-sequences@29.6.3:
resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -1629,6 +1667,9 @@ packages:
resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
engines: {node: '>=0.3.1'}
+ dlv@1.1.3:
+ resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+
doctrine@2.1.0:
resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
engines: {node: '>=0.10.0'}
@@ -1981,6 +2022,9 @@ packages:
resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
engines: {node: '>= 0.6'}
+ fraction.js@4.3.7:
+ resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+
fresh@0.5.2:
resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
engines: {node: '>= 0.6'}
@@ -2488,6 +2532,10 @@ packages:
node-notifier:
optional: true
+ jiti@1.21.6:
+ resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
+ hasBin: true
+
js-tokens@4.0.0:
resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
@@ -2552,6 +2600,10 @@ packages:
resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
engines: {node: '>= 0.8.0'}
+ lilconfig@2.1.0:
+ resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+ engines: {node: '>=10'}
+
lilconfig@3.1.2:
resolution: {integrity: sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==}
engines: {node: '>=14'}
@@ -2716,6 +2768,9 @@ packages:
resolution: {integrity: sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==}
engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+ mz@2.7.0:
+ resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+
nanoid@3.3.7:
resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -2756,6 +2811,10 @@ packages:
resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
engines: {node: '>=0.10.0'}
+ normalize-range@0.1.2:
+ resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+ engines: {node: '>=0.10.0'}
+
npm-run-path@4.0.1:
resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
engines: {node: '>=8'}
@@ -2768,6 +2827,10 @@ packages:
resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
engines: {node: '>=0.10.0'}
+ object-hash@3.0.0:
+ resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
+ engines: {node: '>= 6'}
+
object-inspect@1.13.2:
resolution: {integrity: sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==}
engines: {node: '>= 0.4'}
@@ -2907,6 +2970,10 @@ packages:
engines: {node: '>=0.10'}
hasBin: true
+ pify@2.3.0:
+ resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+ engines: {node: '>=0.10.0'}
+
pirates@4.0.6:
resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
engines: {node: '>= 6'}
@@ -2923,6 +2990,43 @@ packages:
resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
engines: {node: '>= 0.4'}
+ postcss-import@15.1.0:
+ resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+ engines: {node: '>=14.0.0'}
+ peerDependencies:
+ postcss: ^8.0.0
+
+ postcss-js@4.0.1:
+ resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
+ engines: {node: ^12 || ^14 || >= 16}
+ peerDependencies:
+ postcss: ^8.4.21
+
+ postcss-load-config@4.0.2:
+ resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
+ engines: {node: '>= 14'}
+ peerDependencies:
+ postcss: '>=8.0.9'
+ ts-node: '>=9.0.0'
+ peerDependenciesMeta:
+ postcss:
+ optional: true
+ ts-node:
+ optional: true
+
+ postcss-nested@6.2.0:
+ resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
+ engines: {node: '>=12.0'}
+ peerDependencies:
+ postcss: ^8.2.14
+
+ postcss-selector-parser@6.1.2:
+ resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
+ engines: {node: '>=4'}
+
+ postcss-value-parser@4.2.0:
+ resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
postcss@8.4.47:
resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
engines: {node: ^10 || ^12 || >=14}
@@ -2996,6 +3100,9 @@ packages:
resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
engines: {node: '>=0.10.0'}
+ read-cache@1.0.0:
+ resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
readable-stream@2.3.8:
resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
@@ -3275,6 +3382,11 @@ packages:
resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
engines: {node: '>=8'}
+ sucrase@3.35.0:
+ resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
+ engines: {node: '>=16 || 14 >=14.17'}
+ hasBin: true
+
superagent@9.0.2:
resolution: {integrity: sha512-xuW7dzkUpcJq7QnhOsnNUgtYp3xRwpt2F7abdRYIpCsAt0hhUqia0EdxyXZQQpNmGtsCzYHryaKSV3q3GJnq7w==}
engines: {node: '>=14.18.0'}
@@ -3303,6 +3415,11 @@ packages:
resolution: {integrity: sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==}
engines: {node: ^14.18.0 || >=16.0.0}
+ tailwindcss@3.4.14:
+ resolution: {integrity: sha512-IcSvOcTRcUtQQ7ILQL5quRDg7Xs93PdJEk1ZLbhhvJc7uj/OAhYOnruEiwnGgBvUtaUAJ8/mhSw1o8L2jCiENA==}
+ engines: {node: '>=14.0.0'}
+ hasBin: true
+
tapable@2.2.1:
resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
engines: {node: '>=6'}
@@ -3335,6 +3452,13 @@ packages:
text-table@0.2.0:
resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+ thenify-all@1.6.0:
+ resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+ engines: {node: '>=0.8'}
+
+ thenify@3.3.1:
+ resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+
through@2.3.8:
resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
@@ -3366,6 +3490,9 @@ packages:
peerDependencies:
typescript: '>=4.2.0'
+ ts-interface-checker@0.1.13:
+ resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
+
ts-jest@29.2.5:
resolution: {integrity: sha512-KD8zB2aAZrcKIdGk4OwpJggeLcH1FgrICqDSROWqlnJXGCXK4Mn6FcdK2B6670Xr73lHMG1kHw8R87A0ecZ+vA==}
engines: {node: ^14.15.0 || ^16.10.0 || ^18.0.0 || >=20.0.0}
@@ -3710,6 +3837,8 @@ packages:
snapshots:
+ '@alloc/quick-lru@5.2.0': {}
+
'@ampproject/remapping@2.3.0':
dependencies:
'@jridgewell/gen-mapping': 0.3.5
@@ -4828,6 +4957,8 @@ snapshots:
ansi-styles@6.2.1: {}
+ any-promise@1.3.0: {}
+
anymatch@3.1.3:
dependencies:
normalize-path: 3.0.0
@@ -4837,6 +4968,8 @@ snapshots:
arg@4.1.3: {}
+ arg@5.0.2: {}
+
argparse@1.0.10:
dependencies:
sprintf-js: 1.0.3
@@ -4901,6 +5034,16 @@ snapshots:
asynckit@0.4.0: {}
+ autoprefixer@10.4.20(postcss@8.4.47):
+ dependencies:
+ browserslist: 4.24.2
+ caniuse-lite: 1.0.30001677
+ fraction.js: 4.3.7
+ normalize-range: 0.1.2
+ picocolors: 1.1.1
+ postcss: 8.4.47
+ postcss-value-parser: 4.2.0
+
available-typed-arrays@1.0.7:
dependencies:
possible-typed-array-names: 1.0.0
@@ -5040,6 +5183,8 @@ snapshots:
callsites@3.1.0: {}
+ camelcase-css@2.0.1: {}
+
camelcase@5.3.1: {}
camelcase@6.3.0: {}
@@ -5204,6 +5349,8 @@ snapshots:
shebang-command: 2.0.0
which: 2.0.2
+ cssesc@3.0.0: {}
+
csstype@3.1.3: {}
data-view-buffer@1.0.1:
@@ -5271,10 +5418,14 @@ snapshots:
asap: 2.0.6
wrappy: 1.0.2
+ didyoumean@1.2.2: {}
+
diff-sequences@29.6.3: {}
diff@4.0.2: {}
+ dlv@1.1.3: {}
+
doctrine@2.1.0:
dependencies:
esutils: 2.0.3
@@ -5789,6 +5940,8 @@ snapshots:
forwarded@0.2.0: {}
+ fraction.js@4.3.7: {}
+
fresh@0.5.2: {}
fs-extra@10.1.0:
@@ -6481,6 +6634,8 @@ snapshots:
- supports-color
- ts-node
+ jiti@1.21.6: {}
+
js-tokens@4.0.0: {}
js-yaml@3.14.1:
@@ -6533,6 +6688,8 @@ snapshots:
prelude-ls: 1.2.1
type-check: 0.4.0
+ lilconfig@2.1.0: {}
+
lilconfig@3.1.2: {}
lines-and-columns@1.2.4: {}
@@ -6687,6 +6844,12 @@ snapshots:
mute-stream@1.0.0: {}
+ mz@2.7.0:
+ dependencies:
+ any-promise: 1.3.0
+ object-assign: 4.1.1
+ thenify-all: 1.6.0
+
nanoid@3.3.7: {}
natural-compare@1.4.0: {}
@@ -6711,6 +6874,8 @@ snapshots:
normalize-path@3.0.0: {}
+ normalize-range@0.1.2: {}
+
npm-run-path@4.0.1:
dependencies:
path-key: 3.1.1
@@ -6721,6 +6886,8 @@ snapshots:
object-assign@4.1.1: {}
+ object-hash@3.0.0: {}
+
object-inspect@1.13.2: {}
object-keys@1.1.1: {}
@@ -6856,6 +7023,8 @@ snapshots:
pidtree@0.6.0: {}
+ pify@2.3.0: {}
+
pirates@4.0.6: {}
pkg-dir@4.2.0:
@@ -6866,6 +7035,38 @@ snapshots:
possible-typed-array-names@1.0.0: {}
+ postcss-import@15.1.0(postcss@8.4.47):
+ dependencies:
+ postcss: 8.4.47
+ postcss-value-parser: 4.2.0
+ read-cache: 1.0.0
+ resolve: 1.22.8
+
+ postcss-js@4.0.1(postcss@8.4.47):
+ dependencies:
+ camelcase-css: 2.0.1
+ postcss: 8.4.47
+
+ postcss-load-config@4.0.2(postcss@8.4.47)(ts-node@10.9.2(@types/node@22.8.7)(typescript@5.6.3)):
+ dependencies:
+ lilconfig: 3.1.2
+ yaml: 2.5.1
+ optionalDependencies:
+ postcss: 8.4.47
+ ts-node: 10.9.2(@types/node@22.8.7)(typescript@5.6.3)
+
+ postcss-nested@6.2.0(postcss@8.4.47):
+ dependencies:
+ postcss: 8.4.47
+ postcss-selector-parser: 6.1.2
+
+ postcss-selector-parser@6.1.2:
+ dependencies:
+ cssesc: 3.0.0
+ util-deprecate: 1.0.2
+
+ postcss-value-parser@4.2.0: {}
+
postcss@8.4.47:
dependencies:
nanoid: 3.3.7
@@ -6935,6 +7136,10 @@ snapshots:
dependencies:
loose-envify: 1.4.0
+ read-cache@1.0.0:
+ dependencies:
+ pify: 2.3.0
+
readable-stream@2.3.8:
dependencies:
core-util-is: 1.0.3
@@ -7251,6 +7456,16 @@ snapshots:
strip-json-comments@3.1.1: {}
+ sucrase@3.35.0:
+ dependencies:
+ '@jridgewell/gen-mapping': 0.3.5
+ commander: 4.1.1
+ glob: 10.4.2
+ lines-and-columns: 1.2.4
+ mz: 2.7.0
+ pirates: 4.0.6
+ ts-interface-checker: 0.1.13
+
superagent@9.0.2:
dependencies:
component-emitter: 1.3.1
@@ -7289,6 +7504,33 @@ snapshots:
'@pkgr/core': 0.1.1
tslib: 2.8.0
+ tailwindcss@3.4.14(ts-node@10.9.2(@types/node@22.8.7)(typescript@5.6.3)):
+ dependencies:
+ '@alloc/quick-lru': 5.2.0
+ arg: 5.0.2
+ chokidar: 3.6.0
+ didyoumean: 1.2.2
+ dlv: 1.1.3
+ fast-glob: 3.3.2
+ glob-parent: 6.0.2
+ is-glob: 4.0.3
+ jiti: 1.21.6
+ lilconfig: 2.1.0
+ micromatch: 4.0.8
+ normalize-path: 3.0.0
+ object-hash: 3.0.0
+ picocolors: 1.1.1
+ postcss: 8.4.47
+ postcss-import: 15.1.0(postcss@8.4.47)
+ postcss-js: 4.0.1(postcss@8.4.47)
+ postcss-load-config: 4.0.2(postcss@8.4.47)(ts-node@10.9.2(@types/node@22.8.7)(typescript@5.6.3))
+ postcss-nested: 6.2.0(postcss@8.4.47)
+ postcss-selector-parser: 6.1.2
+ resolve: 1.22.8
+ sucrase: 3.35.0
+ transitivePeerDependencies:
+ - ts-node
+
tapable@2.2.1: {}
terser-webpack-plugin@5.3.10(webpack@5.96.1):
@@ -7315,6 +7557,14 @@ snapshots:
text-table@0.2.0: {}
+ thenify-all@1.6.0:
+ dependencies:
+ thenify: 3.3.1
+
+ thenify@3.3.1:
+ dependencies:
+ any-promise: 1.3.0
+
through@2.3.8: {}
tmp@0.0.33:
@@ -7337,6 +7587,8 @@ snapshots:
dependencies:
typescript: 5.6.3
+ ts-interface-checker@0.1.13: {}
+
ts-jest@29.2.5(@babel/core@7.26.0)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.26.0))(jest@29.7.0(@types/node@20.17.6)(ts-node@10.9.2(@types/node@20.17.6)(typescript@5.6.3)))(typescript@5.6.3):
dependencies:
bs-logger: 0.2.6
@@ -7384,6 +7636,25 @@ snapshots:
v8-compile-cache-lib: 3.0.1
yn: 3.1.1
+ ts-node@10.9.2(@types/node@22.8.7)(typescript@5.6.3):
+ dependencies:
+ '@cspotcode/source-map-support': 0.8.1
+ '@tsconfig/node10': 1.0.11
+ '@tsconfig/node12': 1.0.11
+ '@tsconfig/node14': 1.0.3
+ '@tsconfig/node16': 1.0.4
+ '@types/node': 22.8.7
+ acorn: 8.14.0
+ acorn-walk: 8.3.4
+ arg: 4.1.3
+ create-require: 1.1.1
+ diff: 4.0.2
+ make-error: 1.3.6
+ typescript: 5.6.3
+ v8-compile-cache-lib: 3.0.1
+ yn: 3.1.1
+ optional: true
+
tsconfck@3.1.4(typescript@5.6.3):
optionalDependencies:
typescript: 5.6.3
From 71fae6be225493975d2a058153bda30070c82ec2 Mon Sep 17 00:00:00 2001
From: Eunseo Sim <55528304+simeunseo@users.noreply.github.com>
Date: Tue, 5 Nov 2024 15:57:59 +0900
Subject: [PATCH 4/7] =?UTF-8?q?feat:=20tailwind=20theme=20extend=EC=97=90?=
=?UTF-8?q?=20typography=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
apps/web/src/styles/global.css | 1 +
apps/web/tailwind.config.ts | 75 ++++++++++++++++++++++++++++++++++
2 files changed, 76 insertions(+)
diff --git a/apps/web/src/styles/global.css b/apps/web/src/styles/global.css
index e68f5b5e..edddd210 100644
--- a/apps/web/src/styles/global.css
+++ b/apps/web/src/styles/global.css
@@ -6,6 +6,7 @@
@layer base {
body {
+ /* colors */
--purple-700: #452bd9;
--purple-600: #5031ff;
--purple-500: #7057ff;
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index 170de56f..47580346 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -12,6 +12,7 @@ const config: Config = {
sans: ['Pretendard', ...fontFamily.sans],
},
extend: {
+ // colors
backgroundColor: {
primary: 'var(--purple-500)',
secondary: 'var(--purple-200)',
@@ -35,6 +36,80 @@ const config: Config = {
primary: 'var(--purple-500)',
error: 'var(--red)',
},
+
+ // fonts
+ fontSize: {
+ head1: [
+ '1.75rem',
+ {
+ lineHeight: '34px',
+ fontWeight: '700',
+ },
+ ],
+ head2: [
+ '1.5rem',
+ {
+ lineHeight: '30px',
+ fontWeight: '700',
+ },
+ ],
+ head3: [
+ '1.25rem',
+ {
+ lineHeight: '28px',
+ fontWeight: '700',
+ },
+ ],
+ title1: [
+ '1.125rem',
+ {
+ lineHeight: '24px',
+ fontWeight: '600',
+ },
+ ],
+ title2: [
+ '1rem',
+ {
+ lineHeight: '20px',
+ fontWeight: '600',
+ },
+ ],
+ body1: [
+ '1rem',
+ {
+ lineHeight: '24px',
+ fontWeight: '500',
+ },
+ ],
+ body2: [
+ '0.875rem',
+ {
+ lineHeight: '20px',
+ fontWeight: '500',
+ },
+ ],
+ body3: [
+ '0.875rem',
+ {
+ lineHeight: '20px',
+ fontWeight: '400',
+ },
+ ],
+ body4: [
+ '0.75rem',
+ {
+ lineHeight: '16px',
+ fontWeight: '500',
+ },
+ ],
+ label1: [
+ '0.875rem',
+ {
+ lineHeight: '16px',
+ fontWeight: '600',
+ },
+ ],
+ },
},
},
};
From 47d0633fd53d295433145ca7b6b145bab850c92d Mon Sep 17 00:00:00 2001
From: Eunseo Sim <55528304+simeunseo@users.noreply.github.com>
Date: Tue, 5 Nov 2024 16:05:51 +0900
Subject: [PATCH 5/7] =?UTF-8?q?feat:=20tailwind=20theme=20extend=EC=97=90?=
=?UTF-8?q?=20borderRadius=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
apps/web/tailwind.config.ts | 19 +++++++++++++++++--
1 file changed, 17 insertions(+), 2 deletions(-)
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index 47580346..f7d4110a 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -12,7 +12,7 @@ const config: Config = {
sans: ['Pretendard', ...fontFamily.sans],
},
extend: {
- // colors
+ // color
backgroundColor: {
primary: 'var(--purple-500)',
secondary: 'var(--purple-200)',
@@ -37,7 +37,7 @@ const config: Config = {
error: 'var(--red)',
},
- // fonts
+ // font
fontSize: {
head1: [
'1.75rem',
@@ -110,6 +110,21 @@ const config: Config = {
},
],
},
+
+ // borderRadius
+ borderRadius: {
+ base: '0.25rem',
+ md: '0.375rem',
+ lg: '0.5rem',
+ full: '9999px',
+ },
+
+ // boxShadow
+ boxShadow: {
+ normal: '0px 1px 2px 0px var(--grey-500)',
+ up: '0px 2px 8px 0px var(--grey-500)',
+ floating: '0px 16px 28px 0px var(--grey-500), 0px 0px 4px 0px var(--grey-500)',
+ },
},
},
};
From beb9e6bf9f51701713ec88694a07bfacad6ba2fc Mon Sep 17 00:00:00 2001
From: Eunseo Sim <55528304+simeunseo@users.noreply.github.com>
Date: Tue, 5 Nov 2024 16:13:15 +0900
Subject: [PATCH 6/7] =?UTF-8?q?feat:=20postcss.config=EC=97=90=20nesting?=
=?UTF-8?q?=20=ED=94=8C=EB=9F=AC=EA=B7=B8=EC=9D=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
apps/web/postcss.config.js | 1 +
1 file changed, 1 insertion(+)
diff --git a/apps/web/postcss.config.js b/apps/web/postcss.config.js
index 12a703d9..cdbe50f3 100644
--- a/apps/web/postcss.config.js
+++ b/apps/web/postcss.config.js
@@ -1,5 +1,6 @@
module.exports = {
plugins: {
+ 'tailwindcss/nesting': {},
tailwindcss: {},
autoprefixer: {},
},
From 1f706e63e28ea9e6e4d15de650456644467dd890 Mon Sep 17 00:00:00 2001
From: Eunseo Sim <55528304+simeunseo@users.noreply.github.com>
Date: Tue, 5 Nov 2024 17:25:48 +0900
Subject: [PATCH 7/7] =?UTF-8?q?feat:=20pretendard=20=ED=8F=B0=ED=8A=B8?=
=?UTF-8?q?=EB=A5=BC=20css=ED=8C=8C=EC=9D=BC=EC=97=90=EC=84=9C=20import?=
=?UTF-8?q?=ED=95=98=EB=8A=94=20=EB=B0=A9=EC=8B=9D=EC=97=90=EC=84=9C=20lin?=
=?UTF-8?q?k=ED=83=9C=EA=B7=B8=20=EC=82=AC=EC=9A=A9=20=EB=B0=A9=EC=8B=9D?=
=?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
apps/web/index.html | 6 ++++++
apps/web/src/main.tsx | 2 +-
apps/web/src/styles/global.css | 19 +++++++++++++++++--
3 files changed, 24 insertions(+), 3 deletions(-)
diff --git a/apps/web/index.html b/apps/web/index.html
index a2132182..631fc2e5 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -3,6 +3,12 @@
+
Ticle
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
index fe3009ff..ddc87288 100644
--- a/apps/web/src/main.tsx
+++ b/apps/web/src/main.tsx
@@ -2,7 +2,7 @@ import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import './styles/global.css';
-import App from '@/App';
+import App from './App';
const root = document.getElementById('root');
diff --git a/apps/web/src/styles/global.css b/apps/web/src/styles/global.css
index edddd210..2449b81e 100644
--- a/apps/web/src/styles/global.css
+++ b/apps/web/src/styles/global.css
@@ -1,11 +1,26 @@
-@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css');
-
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
body {
+ font-family:
+ 'Pretendard Variable',
+ Pretendard,
+ -apple-system,
+ BlinkMacSystemFont,
+ system-ui,
+ Roboto,
+ 'Helvetica Neue',
+ 'Segoe UI',
+ 'Apple SD Gothic Neo',
+ 'Noto Sans KR',
+ 'Malgun Gothic',
+ 'Apple Color Emoji',
+ 'Segoe UI Emoji',
+ 'Segoe UI Symbol',
+ sans-serif;
+
/* colors */
--purple-700: #452bd9;
--purple-600: #5031ff;