Skip to content

Commit 34b4efb

Browse files
gxxrxngxxrxn
committed
[#632] 사용하지 않는 라이브러리 제거 (#633)
* refactor: 사용하지 않는 라이브러리 제거 - chakra, framer-motion, emotion, recoil * chore: 불필요한 주석 제거
1 parent 254f6bb commit 34b4efb

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+22
-3358
lines changed

‎.storybook/main.ts‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,6 @@ const config: StorybookConfig = {
1515
docs: {
1616
autodocs: 'tag',
1717
},
18-
refs: {
19-
'@chakra-ui/react': {
20-
disable: true,
21-
},
22-
},
2318
webpackFinal: async config => {
2419
const imageRule = config.module?.rules?.find(rule => {
2520
const test = (rule as { test: RegExp }).test;

‎.storybook/preview.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ import { initialize, mswLoader } from 'msw-storybook-addon';
44
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
55
import type { Preview } from '@storybook/react';
66

7-
import Layout from '../src/v1/layout/Layout';
87
import ToastProvider from '../src/v1/base/Toast/ToastProvider';
98

109
import '@/styles/global.css';

‎package.json‎

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,6 @@
1818
},
1919
"dependencies": {
2020
"@actions/core": "^1.10.1",
21-
"@chakra-ui/icons": "^2.0.17",
22-
"@chakra-ui/react": "^2.4.9",
23-
"@emotion/react": "^11.10.5",
24-
"@emotion/styled": "^11.10.5",
2521
"@headlessui/react": "^1.7.15",
2622
"@tanstack/react-query": "^4.24.4",
2723
"@tanstack/react-query-devtools": "^4.24.12",
@@ -30,14 +26,12 @@
3026
"@types/react-dom": "18.0.10",
3127
"axios": "^1.3.4",
3228
"colorthief": "^2.4.0",
33-
"framer-motion": "^9.0.2",
3429
"next": "13.4.7",
3530
"react": "18.2.0",
3631
"react-dom": "18.2.0",
3732
"react-error-boundary": "^3.1.4",
3833
"react-hook-form": "^7.43.2",
39-
"react-intersection-observer": "^9.4.3",
40-
"recoil": "^0.7.7"
34+
"react-intersection-observer": "^9.4.3"
4135
},
4236
"devDependencies": {
4337
"@babel/core": "^7.22.8",

‎src/app/layout.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,6 @@ export const metadata: Metadata = {
4949
const RootLayout = ({ children }: { children: React.ReactNode }) => {
5050
return (
5151
<html lang="ko">
52-
{/* @todo Chakra 제거시 app-layout 프로퍼티 제거. */}
5352
<body className={`${LineSeedKR.variable} app-layout font-lineseed`}>
5453
<Layout>
5554
<ContextProvider>

‎src/components/ChakraThemeProvider.tsx‎

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎src/components/ContextProvider.tsx‎

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,18 @@
11
'use client';
22

33
import { ReactNode } from 'react';
4-
import { RecoilRoot } from 'recoil';
54

65
import PWAServiceWorkerProvider from '@/components/PWAServiceWorkerProvider';
7-
import ChakraThemeProvider from '@/components/ChakraThemeProvider';
86
import ReactQueryProvider from '@/components/ReactQueryProvider';
97

108
import ToastProvider from '@/v1/base/Toast/ToastProvider';
119

1210
const ContextProvider = ({ children }: { children: ReactNode }) => {
1311
return (
1412
<PWAServiceWorkerProvider>
15-
<RecoilRoot>
16-
<ReactQueryProvider>
17-
<ChakraThemeProvider>
18-
<ToastProvider>{children}</ToastProvider>
19-
</ChakraThemeProvider>
20-
</ReactQueryProvider>
21-
</RecoilRoot>
13+
<ReactQueryProvider>
14+
<ToastProvider>{children}</ToastProvider>
15+
</ReactQueryProvider>
2216
</PWAServiceWorkerProvider>
2317
);
2418
};

‎src/styles/global.css‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,16 +21,24 @@
2121
html {
2222
@apply w-full bg-background font-[LineSeedKR] text-[62.5%] text-black-700;
2323
-webkit-tap-highlight-color: #ffffff50;
24+
25+
/** from charka */
26+
-webkit-text-size-adjust: 100%;
27+
font-family: system-ui, sans-serif;
28+
-webkit-font-smoothing: antialiased;
29+
text-rendering: optimizeLegibility;
30+
-moz-osx-font-smoothing: grayscale;
31+
touch-action: manipulation;
2432
}
2533

2634
body {
2735
font-size: 1.6rem;
2836
}
2937

3038
.app-layout {
31-
/* TODO: Chakra UI 걷어내면 제거 */
3239
max-width: 43rem;
3340
margin: 0 auto;
41+
@apply bg-white;
3442
}
3543

3644
.sticky {

‎src/styles/theme.tsx‎

Lines changed: 0 additions & 115 deletions
This file was deleted.

‎src/ui/BookDetail/BookInfo.tsx‎

Lines changed: 0 additions & 148 deletions
This file was deleted.

0 commit comments

Comments
 (0)