docs: 변경된 문서 링크 정리

saseungmin · Aug 12, 2023 · 411cc22 · 411cc22
1 parent 89a0050
commit 411cc22
Show file tree

Hide file tree

Showing 9 changed files with 47 additions and 46 deletions.
diff --git a/README.md b/README.md
@@ -3,16 +3,16 @@
 
 > **PR은 언제나 환영입니다! 🎉**
 
-## 🍭 [프론트엔드 어머 이건 봐야해!](https://github.com/saseungmin/frontend-tech-interview/tree/main/article)
+## 🍭 [프론트엔드 어머 이건 봐야해!](https://saseungmin.github.io/frontend-tech-interview/docs/article)
 - 프론트엔드에서 흥미롭거나 읽을만한 아티클 및 공식문서, 영상 링크를 모아두는 장소
 
-## 🍭 [HTML](https://github.com/saseungmin/frontend-tech-interview/tree/main/html)
+## 🍭 [HTML](https://saseungmin.github.io/frontend-tech-interview/docs/html)
 - `<script>`, `<script async>`, `<script defer>` 사이의 차이점
 - 왜 일반적으로 CSS `<link>` 태그를 `<head></head>` 태그 사이에 위치시키고, JS `<script>` 태그를 `</body>` 직전에 위치시키는 것이 좋은 방법인가요?
 - 점진적 렌더링(Progressive Rendering)이 무엇인가요?
 - 이미지 태그에 srcset 속성을 사용하는 이유는 무엇인가요? 이 속성의 컨텐츠를 실행할 때 브라우저의 프로세스를 설명하세요.
 
-## 🍭 [JavaScript](https://github.com/saseungmin/frontend-tech-interview/tree/main/javascript)
+## 🍭 [JavaScript](https://saseungmin.github.io/frontend-tech-interview/docs/javascript)
 - const와 var의 차이점은?
 - 호이스팅이란
 - 실행 컨텍스트
@@ -32,15 +32,15 @@
 - Chart.js vs D3.js
 - 자바스크립트 가비지 컬렉션
 
-## 🍭 [TypeScript](https://github.com/saseungmin/frontend-tech-interview/tree/main/typescript)
+## 🍭 [TypeScript](https://saseungmin.github.io/frontend-tech-interview/docs/typescript)
 - 타입과 인터페이스의 차이점
 - 열거형(enum) 사용을 지양해야하는 이유
 
-## 🍭 [CSS](https://github.com/saseungmin/frontend-tech-interview/tree/main/css)
+## 🍭 [CSS](https://saseungmin.github.io/frontend-tech-interview/docs/css)
 - Resetting과 Normalizing CSS의 차이점은 무엇인가요?
 - `* { box-sizing: border-box; }`는 무엇을 하나요? 장점은 무엇인가요?
 
-## 🍭 [Network](https://github.com/saseungmin/frontend-tech-interview/tree/main/network)
+## 🍭 [Network](https://saseungmin.github.io/frontend-tech-interview/docs/network)
 - HTTP와 HTTPS의 차이점
 - TCP와 UDP
 - HTTP/1.1과 HTTP/2의 차이점
@@ -49,15 +49,15 @@
 - Cookie vs Session
 - URL을 입력하고 벌어지는 일
 
-## 🍭 [React](https://github.com/saseungmin/frontend-tech-interview/tree/main/react)
-- [React Architecture 및 패턴과 관련된 아티클](https://github.com/saseungmin/frontend-tech-interview/tree/main/react/React%20Clean%20Architecture)
-- [SWR 또는 React Query와 같은 라이브러리가 나타나게 된 배경 및 원인](https://github.com/saseungmin/frontend-tech-interview/tree/main/react/redux%20vs%20react-query)
-- [React 질문](https://github.com/saseungmin/frontend-tech-interview/tree/main/react/question)
-- [React 18 변경점](https://github.com/saseungmin/frontend-tech-interview/tree/main/react/react-18)
-- [재조정(Reconciliation)](https://github.com/saseungmin/frontend-tech-interview/blob/main/react/reconciliation.md)
-- [When to `useMemo` and `useCallback`](https://github.com/saseungmin/frontend-tech-interview/blob/main/react/when-to-useMemo-and-useCallback.md)
+## 🍭 [React](https://saseungmin.github.io/frontend-tech-interview/docs/react)
+- React Architecture 및 패턴과 관련된 아티클
+- SWR 또는 React Query와 같은 라이브러리가 나타나게 된 배경 및 원인
+- React 질문
+- React 18 변경점
+- 재조정(Reconciliation)
+- When to `useMemo` and `useCallback`
 
-## 🍭 [Front-end](https://github.com/saseungmin/frontend-tech-interview/tree/main/front-end)
+## 🍭 [Front-end](https://saseungmin.github.io/frontend-tech-interview/docs/front-end)
 - Webpack이란 무엇인가?
 - Babel vs Terser vs SWC
 - 컴파일러 vs 트랜스파일러
@@ -68,28 +68,28 @@
 - Vercel Edge Middleware
 - 모노레포란?
 
-## 🍭 [web](https://github.com/saseungmin/frontend-tech-interview/tree/main/web)
+## 🍭 [web](https://saseungmin.github.io/frontend-tech-interview/docs/web)
 - CSR vs SSR
 - 브라우저 렌더링 과정 (Critical Rendering Path)
 - Reflow or Repaint(or ReDraw)과정 설명 및 최적화 방법
 - CORS
 - local storage vs session storage vs cookie
 - XSS와 CSRF
 - 프레임워크와 라이브러리의 차이점
-- [CORS는 왜 이렇게 우리를 힘들게 하는걸까?](https://github.com/saseungmin/frontend-tech-interview/tree/main/web/cors)
-- [브라우저의 동작 원리](https://github.com/saseungmin/frontend-tech-interview/tree/main/web/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%9D%98%20%EB%8F%99%EC%9E%91%20%EC%9B%90%EB%A6%AC)
+- CORS는 왜 이렇게 우리를 힘들게 하는걸까?
+- 브라우저의 동작 원리
 
-## 🍭 [Test와 TDD에 대한 정리](https://github.com/saseungmin/frontend-tech-interview/tree/main/TestAndTDD)
-- [함께 자라기](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/%ED%95%A8%EA%BB%98%EC%9E%90%EB%9D%BC%EA%B8%B0.md)
-- [클린 애자일](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/clean-agile.md)
-- [클린 코드](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/clean-code.md)
-- [실용주의 프로그래머](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/pragmatic-programmer.md)
-- [테스트 주도 개발로 배우는 객체 지향 설계와 실천](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/growing-object-oriented-software-guided-by-tests.md)
-- [루비로 배우는 객체지향 디자인](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/design-in-ruby.md)
-- [테스트 주도 개발](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/test-driven-development.md)
-- [Front-end에서 추가적인 라이브러리를 사용하여 가독성있는 테스트를 작성해가는 과정을 정리](https://github.com/saseungmin/frontend-tech-interview/tree/main/TestAndTDD/front-end-test)
+## 🍭 [Test와 TDD에 대한 정리](https://saseungmin.github.io/frontend-tech-interview/docs/TestAndTDD)
+- 함께 자라기
+- 클린 애자일
+- 클린 코드
+- 실용주의 프로그래머
+- 테스트 주도 개발로 배우는 객체 지향 설계와 실천
+- 루비로 배우는 객체지향 디자인
+- 테스트 주도 개발
+- Front-end에서 추가적인 라이브러리를 사용하여 가독성있는 테스트를 작성해가는 과정을 정리
 
-## 🍭 [LiftIO 2021](https://github.com/saseungmin/frontend-tech-interview/tree/main/liftIO-2021)
+## 🍭 [LiftIO 2021](https://saseungmin.github.io/frontend-tech-interview/docs/liftIO-2021)
 
 
 ## 👉 Reference

diff --git a/docs/TestAndTDD/README.md b/docs/TestAndTDD/README.md
@@ -1,19 +1,19 @@
 # 👉 Test와 TDD에 대한 정리
 
-### [함께 자라기](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/%ED%95%A8%EA%BB%98%EC%9E%90%EB%9D%BC%EA%B8%B0.md)
+### [함께 자라기](/docs/TestAndTDD/agile-together)
 
-### [클린 애자일](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/clean-agile.md)
+### [클린 애자일](/docs/TestAndTDD/clean-agile)
 
-### [클린 코드](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/clean-code.md)
+### [클린 코드](/docs/TestAndTDD/clean-code)
 
-### [실용주의 프로그래머](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/pragmatic-programmer.md)
+### [실용주의 프로그래머](/docs/TestAndTDD/pragmatic-programmer)
 
-### [테스트 주도 개발로 배우는 객체 지향 설계와 실천](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/growing-object-oriented-software-guided-by-tests.md)
+### [테스트 주도 개발로 배우는 객체 지향 설계와 실천](/docs/TestAndTDD/growing-object-oriented-software-guided-by-tests)
 
-### [루비로 배우는 객체지향 디자인](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/design-in-ruby.md)
+### [루비로 배우는 객체지향 디자인](/docs/TestAndTDD/design-in-ruby)
 
-### [테스트 주도 개발](https://github.com/saseungmin/frontend-tech-interview/blob/main/TestAndTDD/test-driven-development.md)
+### [테스트 주도 개발](/docs/TestAndTDD/test-driven-development)
 
-### [단위 테스트](https://github.com/saseungmin/frontend-tech-interview/tree/main/TestAndTDD/unit-testing.md)
+### [단위 테스트](/docs/TestAndTDD/unit-testing)
 
-### [Front-end에서 추가적인 라이브러리를 사용하여 가독성있는 테스트를 작성해가는 과정을 정리](https://github.com/saseungmin/frontend-tech-interview/tree/main/TestAndTDD/front-end-test)
+### [Front-end에서 추가적인 라이브러리를 사용하여 가독성있는 테스트를 작성해가는 과정을 정리](/docs/TestAndTDD/frontend-test)
diff --git a/docs/react/README.md b/docs/react/README.md
@@ -1,9 +1,9 @@
 # 👉 React
 
-## 📚 [React Architecture 및 패턴과 관련된 아티클](https://github.com/saseungmin/frontend-tech-interview/tree/main/react/React%20Clean%20Architecture)
+## 📚 [React Architecture 및 패턴과 관련된 아티클](/docs/react/react-clean-architecture)
 
-## 📚 [SWR 또는 React Query와 같은 라이브러리가 나타나게 된 배경 및 원인](https://github.com/saseungmin/frontend-tech-interview/tree/main/react/redux%20vs%20react-query)
+## 📚 [SWR 또는 React Query와 같은 라이브러리가 나타나게 된 배경 및 원인](/docs/react/redux-vs-react-query)
 
-## 📚 [재조정(Reconciliation)](https://github.com/saseungmin/frontend-tech-interview/blob/main/react/reconciliation.md)
+## 📚 [재조정(Reconciliation)](/docs/react/reconciliation)
 
-## 📚 [When to `useMemo` and `useCallback`](https://github.com/saseungmin/frontend-tech-interview/blob/main/react/when-to-useMemo-and-useCallback.md)
+## 📚 [When to `useMemo` and `useCallback`](/docs/react/when-to-useMemo-and-useCallback)
diff --git a/.../react/React Clean Architecture/README.md → .../react/react-clean-architecture/README.md b/.../react/React Clean Architecture/README.md → .../react/react-clean-architecture/README.md
diff --git a/docs/react/redux vs react-query/README.md → docs/react/redux-vs-react-query/README.md b/docs/react/redux vs react-query/README.md → docs/react/redux-vs-react-query/README.md
diff --git a/docs/web/README.md b/docs/web/README.md
@@ -1,6 +1,6 @@
 # 👉 Web
 
-### 🎈 [CORS는 왜 이렇게 우리를 힘들게 하는걸까?](https://github.com/saseungmin/frontend-tech-interview/tree/main/web/cors)
+### 🎈 [CORS는 왜 이렇게 우리를 힘들게 하는걸까?](/docs/web/cors/cors는_왜_이렇게_우리를_힘들게_하는걸까)
 
 ### 🎈 [브라우저의 동작 원리](https://github.com/saseungmin/frontend-tech-interview/tree/main/web/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%9D%98%20%EB%8F%99%EC%9E%91%20%EC%9B%90%EB%A6%AC)
 

diff --git a/docs/web/브라우저의 동작 원리/README.md b/docs/web/브라우저의 동작 원리/README.md
@@ -1,10 +1,10 @@
 # 📚 브라우저의 동작 원리
 
-## 🤔 [브라우저는 어떻게 동작하는가?](https://github.com/saseungmin/frontend-tech-interview/blob/main/web/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%9D%98%20%EB%8F%99%EC%9E%91%20%EC%9B%90%EB%A6%AC/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EB%8A%94_%EC%96%B4%EB%96%BB%EA%B2%8C_%EB%8F%99%EC%9E%91%ED%95%98%EB%8A%94%EA%B0%80.md)
+## 🤔 [브라우저는 어떻게 동작하는가?](/docs/web/브라우저의%20동작%20원리/critical_rendering_path)
 - [출처](https://d2.naver.com/helloworld/59361)
 
-## 🤔 [Reflow or Repaint(or ReDraw)과정 설명 및 최적화 방법](https://github.com/saseungmin/frontend-tech-interview/blob/main/web/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%9D%98%20%EB%8F%99%EC%9E%91%20%EC%9B%90%EB%A6%AC/reflow_repaint.md)
+## 🤔 [Reflow or Repaint(or ReDraw)과정 설명 및 최적화 방법](/docs/web/브라우저의%20동작%20원리/reflow_repaint)
 - [출처](https://webclub.tistory.com/346)
 
-## 🤔 [브라우저는 웹페이지를 어떻게 그리나요? - Critical Rendering Path](https://github.com/saseungmin/frontend-tech-interview/blob/main/web/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%9D%98%20%EB%8F%99%EC%9E%91%20%EC%9B%90%EB%A6%AC/critical_rendering_path.md)
+## 🤔 [브라우저는 웹페이지를 어떻게 그리나요? - Critical Rendering Path](/docs/web/브라우저의%20동작%20원리/브라우저는_어떻게_동작하는가)
 - [출처](https://m.post.naver.com/viewer/postView.nhn?volumeNo=8431285&memberNo=34176766)
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -107,7 +107,8 @@ const config = {
       prism: {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
-        additionalLanguages: ['typescript'],
+        defaultLanguage: 'typescript',
+        additionalLanguages: ['typescript', 'java', 'scala'],
       },
     }),
 };

diff --git a/sidebars.js b/sidebars.js
@@ -14,7 +14,7 @@
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
   // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
+  tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],
 
   // But you can create a sidebar manually
   /*