Merge pull request #8 from gitgitWi/nextjs/v1

Title 컴포넌트 추가, SCSS 적용, 첫 포스트

Author: gitgitWi

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "editor.tabSize": 2,
+  "prettier.printWidth": 90,
+  "prettier.endOfLine": "lf"
+}

components/atoms/Texts.tsx

@@ -0,0 +1,8 @@
+interface TextsProps {
+  texts: string;
+  className: string;
+}
+
+export function Texts({ texts, className }: TextsProps) {
+  return <span className={className}>{texts}</span>;
+}

components/molecules/TitleTexts.module.scss

@@ -0,0 +1,3 @@
+.headText {
+  font-size: 2rem;
+}

components/molecules/TitleTexts.tsx

@@ -0,0 +1,11 @@
+import { Texts } from "../atoms/Texts";
+import { CENTER } from "../../styles/GlobalClassNames";
+import style from "./TitleTexts.module.scss";
+
+interface TitleTextsProps {
+  titleText: string;
+}
+
+export function TitleTexts({ titleText }: TitleTextsProps) {
+  return <Texts texts={titleText} className={[style.headText, CENTER].join(" ")} />;
+}

components/molecules/index.ts

@@ -0,0 +1 @@
+export { TitleTexts } from "./TitleTexts";

next-env.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -15,7 +15,8 @@
     "@next/mdx": "^11.1.0",
     "next": "11.1.0",
     "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react-dom": "17.0.2",
+    "sass": "^1.38.0"
   },
   "devDependencies": {
     "@types/node": "^16.6.1",

pages/_app.js

@@ -0,0 +1,6 @@
+import { AppProps } from "next/app";
+import "../styles/globals.scss";
+
+export default function MyApp({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />;
+}