[UI] 코드 정리 & 구조 변경 (#151)

* 안 쓰는 코드 제거

* [fix] ObserverAPI 민감도 세부 조정

* [fix] 없는 경로에 대한 에러 핸들링 오류 수정

* 확장성을 위해 breadcrumb 데이터 구조 변경 & 코드 수정

* 도커 로고 svg 파일 제거 & 헤더 로고 수정

* Header(스타일 세부 수정), Nav 웹 컴포넌트 파일 생성

* [fix] 404 경우의 기본 html 구조 세부 수정

* [번역] Guides 문서 초안 작성

* SPA를 위해 골격만 남기도록 구조 변경

* 잘못 작성된 Content 스타일 수정

* Nav 웹 컴포넌트 생성 및 적용

* Breadcrumb 데이터 구조 변경

* 마크다운 불러오는 함수가 잘못 처리하고 있던 조건문 수정

* nav 웹 컴포넌트에 사용할 페이지별 데이터 생성

* 코드 수정에 테스트 코드 수정

* unique id가 아니므로, section__wrapper를 클래스명으로 수정

* nav 웹 컴포넌트에 맞춰 테스트 코드 수정

* ESLint 및 Prettier 규칙 적용

* 헤더 컴포넌트 높이 조정

* nav 컴포넌트 스타일 디테일 수정

Author: krsy0411

index.html

@@ -20,7 +20,7 @@ Docker Compose를 사용하면, 모든 컨테이너와 그 구성들을 단일 Y
 
 Compose는 선언적 도구라는 것을 이해하는 것이 중요합니다. 여러분들은 단순히 정의하고 실행하면 됩니다. 모든 것을 처음부터 다시 만들 필요는 없습니다. 변경 사항을 있는 경우, `docker compose up` 명령을 다시 실행하면 Compose가 파일의 변경 사항을 조정하고 지능적으로 적용합니다.
 
-> ### Dockerfile vs Compose file
+> **Dockerfile vs Compose file**
 >
 > Dockerfile은 컨테이너 이미지를 빌드하는 지침을 제공하고, Compose 파일은 실행 중인 컨테이너를 정의합니다. 꽤 자주, Compose 파일은 특정 서비스에 사용할 이미지를 빌드하기 위해 Dockerfile을 참조합니다.
 
@@ -96,7 +96,7 @@ Docker Compose를 사용하여 이 애플리케이션을 시작했기 때문에
    ✔ Network todo-list-app_default Removed 0.1s
    ```
 
-   > ### Volume persistence(볼륨 유지)
+   > **Volume persistence(볼륨 유지)**
    >
    > 기본적으로 볼륨은 Compose 스택을 종료할 때 자동으로 제거되지 않습니다. 스택을 다시 시작할 때 데이터를 다시 원할 수 있기 때문입니다.
    >
@@ -108,7 +108,7 @@ Docker Compose를 사용하여 이 애플리케이션을 시작했기 때문에
 
 2. 또는 Docker Desktop GUI를 사용하여 애플리케이션 스택을 선택하고 **Delete** 버튼을 선택하여 컨테이너를 제거할 수 있습니다.
 
-   > ### Using the GUI for Compose stacks(GUI를 사용한 Compose 스택)
+   > **Using the GUI for Compose stacks(GUI를 사용한 Compose 스택)**
    >
    > GUI에서 Compose 앱의 컨테이너를 제거하면 컨테이너만 제거됩니다. 네트워크와 볼륨을 제거하려면 수동으로 제거해야 합니다.
 

public/docs/get-started/docker-concepts/the-basics/what-is-docker-compose.md

@@ -0,0 +1,7 @@
+# Docker guides
+
+Docker를 사용하여 개발 워크플로를 최적화하는 방법과 특정 언어, 프레임워크 또는 기술과 함께 사용하는 방법을 알아보려면 가이드 모음을 살펴보세요.
+
+원하는 가이드를 찾을 수 없나요? [docker/docs](https://github.com/docker/docs/issues/new/choose) 저장소에 이슈를 등록하여 알려주세요.
+
+추천 가이드