docs: 문서 정리 및 article 추가

docs/article/README.md

@@ -9,6 +9,7 @@
 - [Daily DevBlog 이메일 구독](http://daily-devblog.com/)
 - [Naver FE News 이메일 구독](https://fenews.substack.com/embed)
 - [Korea FE Article 이메일 구독](https://kofearticle.substack.com/)
+- [JavaScript Weekly 이메일 구독](https://javascriptweekly.com/)
 
 ### 💻 국내 기업 기술 블로그
 - [네이버 D2](https://d2.naver.com/home)

docs/index.md

@@ -0,0 +1,19 @@
+---
+id: "index"
+title: "🎉 Intro"
+sidebar_label: "🎉 Intro"
+sidebar_position: 0
+custom_edit_url: null
+---
+
+### [프론트엔드 어머 이건 봐야해!](article/README.md)
+### [CSS 질문](css/README.md)
+### [front-end 질문](front-end/README.md)
+### [HTML 질문](html/README.md)
+### [JavaScript 질문](javascript/README.md)
+### [network 질문](network/README.md)
+### [react 질문](react/README.md)
+### [typescript 질문](typescript/README.md)
+### [web 질문](web/README.md)
+### [Test와 TDD 관련 정리](TestAndTDD/README.md)
+### [liftIO-2021](liftIO-2021/README.md)

docusaurus.config.ts

@@ -70,20 +70,7 @@ const config: Config = {
           },
           {
             title: 'Community',
-            items: [
-              {
-                label: 'Stack Overflow',
-                href: '#',
-              },
-              {
-                label: 'Discord',
-                href: '#',
-              },
-              {
-                label: 'Twitter',
-                href: '#',
-              },
-            ],
+            items: [],
           },
           {
             title: 'More',

src/components/HomepageFeatures/styles.module.css → src/components/HomepageFeatures/index.module.css

@@ -4,8 +4,3 @@
   padding: 2rem 0;
   width: 100%;
 }
-
-.featureSvg {
-  height: 200px;
-  width: 200px;
-}

src/components/HomepageFeatures/index.tsx

@@ -1,92 +1,9 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable global-require */
-import React from 'react';
-
-import clsx from 'clsx';
-
-import styles from './styles.module.css';
-
-type FeatureItem = {
-  id: string;
-  title: string;
-  Svg: React.ComponentType<React.ComponentProps<'svg'>>;
-  description: JSX.Element;
-};
-
-const FeatureList: FeatureItem[] = [
-  {
-    id: '1',
-    title: 'Easy to Use',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
-    description: (
-      <>
-        Docusaurus was designed from the ground up to be easily installed and
-        used to get your website up and running quickly.
-      </>
-    ),
-  },
-  {
-    id: '2',
-    title: 'Focus on What Matters',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
-    description: (
-      <>
-        Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
-        ahead and move your docs into the
-        {' '}
-        <code>docs</code>
-        {' '}
-        directory.
-      </>
-    ),
-  },
-  {
-    id: '3',
-    title: 'Powered by React',
-    Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
-    description: (
-      <>
-        Extend or customize your website layout by reusing React. Docusaurus can
-        be extended while reusing the same header and footer.
-      </>
-    ),
-  },
-];
-
-function Feature({
-  id, title, Svg, description,
-}: FeatureItem) {
-  return (
-    <div className={clsx('col col--4')}>
-      <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
-      </div>
-      <div className="text--center padding-horiz--md">
-        <h3>{title}</h3>
-        <p>{description}</p>
-      </div>
-    </div>
-  );
-}
+import styles from './index.module.css';
 
 export default function HomepageFeatures(): JSX.Element {
   return (
     <section className={styles.features}>
-      <div className="container">
-        <div className="row">
-          {FeatureList.map(({
-            Svg, description, id, title,
-          }) => (
-            <Feature
-              key={id}
-              Svg={Svg}
-              description={description}
-              title={title}
-              id={id}
-            />
-          ))}
-        </div>
-      </div>
+      <div className="container" />
     </section>
   );
 }

src/pages/index.tsx

@@ -1,9 +1,10 @@
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import HomepageFeatures from '@site/src/components/HomepageFeatures';
 import Layout from '@theme/Layout';
 import clsx from 'clsx';
 
+import HomepageFeatures from '../components/HomepageFeatures';
+
 import styles from './index.module.css';
 
 function HomepageHeader() {