env: styled-components 설정

Author: kyoung-jnn

styles/global-styles.ts

@@ -0,0 +1,18 @@
+import { createGlobalStyle } from 'styled-components';
+import { normalize } from 'styled-normalize';
+
+const GlobalStyle = createGlobalStyle`
+  ${normalize}
+  html {
+    box-sizing: border-box;
+    font-size: 62.5%; // 1rem === 10px
+  }
+  *,
+  *::before,
+  *::after {
+    box-sizing: inherit;
+  }
+  * { font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
+`;
+
+export default GlobalStyle;

styles/media.ts

@@ -0,0 +1,10 @@
+const mediaQuery = (maxWidth: number) => `@media (max-width: ${maxWidth}px)`;
+
+const media = {
+  mobile: mediaQuery(375),
+  tablet: mediaQuery(834),
+  desktop: mediaQuery(1920),
+  custom: mediaQuery,
+};
+
+export default media;

styles/theme.ts

@@ -0,0 +1,6 @@
+const theme = {
+  white: '#ffffff',
+  black: '#000000',
+};
+
+export default theme;