diff --git a/_posts/2023-11-11-Cloud Native Computing Foundation.md b/_posts/2023-11-11-Cloud Native Computing Foundation copy.md
similarity index 97%
rename from _posts/2023-11-11-Cloud Native Computing Foundation.md
rename to _posts/2023-11-11-Cloud Native Computing Foundation copy.md
index 18946b7d5364d8660fa0cd418e338eb8dfd3d81a..5e016551d98dea4208c6995495088c626310e86d 100644
--- a/_posts/2023-11-11-Cloud Native Computing Foundation.md	
+++ b/_posts/2023-11-11-Cloud Native Computing Foundation copy.md	
@@ -28,7 +28,6 @@ CNCF(Cloud Native Computing Foundation) 프로젝트는 현대적인 개발 및
 | CNI (Container Network Interface) | 컨테이너 오케스트레이션 시스템과 네트워킹을 위한 표준 | [CNI](https://cni.dev/)                        |                                   |
 | Flux                         | GitOps를 지원하는 Kubernetes 클러스터용 배포 도구    | [Flux](https://fluxcd.io/)                      |                                   |
 | Longhorn                     | Kubernetes 클러스터용 오픈소스 분산 블록 스토리지   | [Longhorn](https://longhorn.io/)                |                                   |
-| Harbor                       | 기업용 CNCF 호스팅 이미지 레지스트리                 | [Harbor](https://goharbor.io/)                   |                                   |
 | Dex                          | OpenID Connect를 사용한 분산 신원 관리               | [Dex](https://dexidp.io/)                       |                                   |
 | NATS                         | 경량 및 고성능 메시지 시스템                         | [NATS](https://nats.io/)                        |                                   |
 | Argo Rollouts                | 효율적인 Kubernetes 롤아웃을 위한 운영자 구조      | [Argo Rollouts](https://argoproj.github.io/argo-rollouts/) |                        |
diff --git a/_posts/2023-11-11-index.md b/_posts/2023-11-11-index.md
new file mode 100644
index 0000000000000000000000000000000000000000..c1a1a1155f37826cb21b93bebf45e9654082ce95
--- /dev/null
+++ b/_posts/2023-11-11-index.md
@@ -0,0 +1,87 @@
+---
+published: true
+---
+
+### Server
+
+| 이름 | 설명 | SWTT 영상 링크 | 페이지 | 비고 |
+| ---- | ---------- | -------------- | ----------- | ------------ |
+| jdbc | 설명1 | - [jdbc의 등장 이유 알아보기 및 jdbc 개념을 이용한 간단한 개발](https://youtu.be/_ygWDk4WHlo) | [페이지2](공식페이지2) | [] |
+| nodejs | 설명2 | - [node.js 서버와 몽고 db 연동](https://youtu.be/X5qrNNiP3P8) | [페이지2](공식페이지2) | [] |
+| spring boot | 설명2 | - [간단한 회원 CRUD 구현](https://youtu.be/I33zpredMW4) | [페이지2](공식페이지2) | [] |
+| spring rest docs | 설명2 | - [Spring REST Docs를 활용한 API 문서 자동화](https://youtu.be/mgd19x9dl18) | [페이지2](공식페이지2) | [] |
+| jpa | 설명2 | - [Spring Data JPA를 이용한 웹 개발](https://youtu.be/VodmMkoAMD8) <br/> - [스프링 MVC와 JPA를 활용한 로그인 구현](https://youtu.be/3kjZo9QjOaY) | [페이지2](공식페이지2) | [] |
+| go | 설명2 | - [Golang을 이용한 Back-end 서버 구축](https://youtu.be/ksK20OVD4hA) | [페이지2](공식페이지2) | [] |
+
+<br/>
+
+### Web
+
+| 이름 | 설명 | SWTT 영상 링크 | 페이지 | 비고 |
+| ---- | ---------- | -------------- | ----------- | ------------ |
+| selenium | 설명1 | - [파이썬 웹 크롤링](https://youtu.be/fp6KxPGReWA) <br/> - [Web Scraping 실습 - 배민](https://youtu.be/qrnrd4dJsTs) <br/> - [selenium & easyOCR](https://youtu.be/RwOmzzrWeAs) <br/> - [python selenium4](https://youtu.be/VZI6PRDpkOA) | [페이지2](공식페이지2) | [] |
+| webGL | 설명2 | - [보다쉬운 WebGL 강좌](https://youtu.be/QXKsoO4KqAw) <br/> - [WebGL1.0 Tutorial](https://www.youtube.com/watch?v=hjMtyNRVedI&list=PLKseYrrlvWNqmtCMZyoraXIAG2F0sG2o7&index=27) | [페이지2](공식페이지2) | [] |
+| javascript | 설명2 | - [간단한 스톱워치 만들기](https://youtu.be/3gqA7-Pwaow) | [페이지2](공식페이지2) | [] |
+| threejs | 설명2 | - [Three.js 튜토리얼](https://www.youtube.com/watch?v=9xJaYKDDq08&list=PLKseYrrlvWNqo7IRWr1YzjeaL17GWKTrB) | [페이지2](공식페이지2) | [] |
+| react | 설명2 | - [React.js 와 Styled-component](https://youtu.be/T4a9EUKLmyU) <br/> - [React로 프로그레시브 웹앱 세팅/시작하기](https://youtu.be/SOOc2ZR2-zk) <br/> - [React Router](https://youtu.be/Jsm7JHTkJB0) <br/> - [State와 Recoil](https://youtu.be/zKSjbEcuhsE) <br/> - [React 설치 및 Hook 사용법](https://youtu.be/36EvippteDw) <br/> - [React Native Tutorial](https://youtu.be/xxL4SKiWwCA) <br/> - [React기본편](https://youtu.be/dTIR2a_ljsQ) | [페이지2](공식페이지2) | [] |
+| tailwind | 설명2 | - [react + tailwind를 사용하여 UI 꾸미는 방법](https://youtu.be/RUdrmbcj_wg) | [페이지2](공식페이지2) | [] |
+| webpack | 설명2 | - [Webpack을 통한 React 개발환경 설정](https://youtu.be/PLDl2wRVMfM) | [페이지2](공식페이지2) | [] |
+| axios | 설명2 | - [Rest API](https://youtu.be/ffggmby3MnI) | [페이지2](공식페이지2) | [] |
+
+<br/>
+
+### Application
+
+| 이름 | 설명 | SWTT 영상 링크 | 페이지 | 비고 |
+| ---- | ---------- | -------------- | ----------- | ------------ |
+| bot | 설명1 | - [텔레그램 봇을 이용해 node.js로 학교 공지사항 알림 봇 개발](https://youtu.be/nyN1ylBn1E4) <br/> - [Golang을 이용한 학교 공지사항 크롤링 및 slack으로 메시지 전송](https://youtu.be/n1OiYtRHnvU)  | [페이지1](공식페이지1) | [] |
+
+<br/>
+
+### AI
+
+| 이름 | 설명 | SWTT 영상 링크 | 페이지 | 비고 |
+| ---- | ---------- | -------------- | ----------- | ------------ |
+| colab | 설명1 | - [CoLab을 이용한 인공지능 프로젝트](https://youtu.be/ZYJ3LV1UyLQ) <br/> - [Mnist dataset 기반 CNN을 이용한 이미지 분류 문제 간단한 실습 및 설명](https://youtu.be/KQ-Lbc-Cv30) <br/> - [이미지 분류](https://youtu.be/u6HH_fNiebI) <br/> - [연예인을 분류하는 모델 설명](https://youtu.be/n5nGs4pJhWA) | [페이지1](공식페이지1) | [] |
+| keras | 설명1 | - [loss function 및 metric custom 과정 설명](https://youtu.be/xr8P0hB9yKc) <br/> - [keras를 이용한 자연어 처리 실습](https://youtu.be/fzy1MhHNSbg) | [페이지1](공식페이지1) | [] |
+| chatgpt | 설명1 | - [웹사이트 제작 시작하기 with React](https://youtu.be/Ddqthv6hPuI) <br/> - [한/영 번역기 만들기](https://youtu.be/vAAg0iY_poA) <br/> - [ChatGPT API 사용가이드](https://youtu.be/rWpHSd9N6k0) <br/> - [간단한 보고서 감정분석 프로그램 만들기](https://youtu.be/Kfw96UtLWnc) <br/> - [오픈소스 대형 언어 모델의 소개 및 ChatGPT 사용 가이드](https://youtu.be/2v-nvDUuvlk) | [페이지2](공식페이지2) | [] |
+| tesstrain | 설명1 | - [Tesstrain을 이용해  Tesseract 훈련하기](https://youtu.be/_1hAi2NxmPEQ) | [페이지1](공식페이지1) | [] |
+
+<br/>
+
+### DevOps
+
+| 이름 | 설명 | SWTT 영상 링크 | 공식페이지 | 비고 |
+| ---- | ---------- | -------------- | ----------- | ------------ |
+| linux | 설명1 | - [linux 명령어 강좌](https://www.youtube.com/watch?v=OqfHocqnNfM&list=PLKseYrrlvWNqtgDi3jimTTgg_nT2dsNaQ) <br/> - [linux 시스템 관리](https://www.youtube.com/watch?v=3nuMFdqXVjA&list=PLKseYrrlvWNolngl6YO_RBNHTOpo7D2bZ) | [페이지1](공식페이지1) | [] |
+| bash | 설명2 | - [Bash 강좌](https://www.youtube.com/watch?v=89Fu7aq8Ldw&list=PLKseYrrlvWNoMHLr5HV_b3dCpGs90Qs0L) | [페이지2](공식페이지2) | [] |
+| git | 설명1 | - [git 강좌](https://www.youtube.com/watch?v=TNpgn7zDjUU&list=PLKseYrrlvWNp1glkZ7mhjFpp_nSQAISTr&index=5) | [페이지1](공식페이지1) | [] |
+| docker | 설명1 | - [Docker의 기본 개념 및 사용법](https://youtu.be/VeLQcQauYvg) <br/> - [Docker 컨테이너 기술 소개 및 사용법](https://youtu.be/wWK_wC71gWk) | [페이지1](공식페이지1) | [] |
+| podman | 설명1 | - [Podman Tutorial](https://youtu.be/ZVuxuOa0WNE) | [페이지1](공식페이지1) | [] |
+| aws vpc | 설명1 | - [AWS의 VPC 구성 요소 살펴보기 및 직접 VPC만들어보기](https://youtu.be/YMYYn-CuYRc) | [페이지1](공식페이지1) | [] |
+| serverless | 설명1 | - [컨테이너 기반 serverless 컴퓨팅 배포 자동화 시스템 구축](https://youtu.be/7zEupS0aO6c) | [페이지1](공식페이지1) | [] |
+
+<br/>
+
+### Graphic
+
+| 이름 | 설명 | SWTT 영상 링크 | 페이지 | 비고 |
+| ---- | ---------- | -------------- | ----------- | ------------ |
+| unity | 설명1 | - [입문](https://youtu.be/RXHJZBHn0qc) <br/> - [Netcode](https://youtu.be/eZMDMshJtHM) <br/> - [AR](https://youtu.be/YatggSIEm3w) | [페이지2](공식페이지2) | [] |
+| webGL | 설명2 | - [보다쉬운 WebGL 강좌](https://youtu.be/QXKsoO4KqAw) <br/> - [WebGL1.0 Tutorial](https://www.youtube.com/watch?v=hjMtyNRVedI&list=PLKseYrrlvWNqmtCMZyoraXIAG2F0sG2o7&index=27) | [페이지2](공식페이지2) | [] |
+| threejs | 설명2 | - [Three.js 튜토리얼](https://www.youtube.com/watch?v=9xJaYKDDq08&list=PLKseYrrlvWNqo7IRWr1YzjeaL17GWKTrB) | [페이지2](공식페이지2) | [] |
+| zep | 설명2 | - [메타버스 플랫폼 zep 속 zep script로 개발 및 배포 가이드](https://youtu.be/QRYndV_PvVY) | [페이지2](공식페이지2) | [] |
+
+<br/>
+
+### ETC
+
+| 이름 | 설명 | SWTT 영상 링크 | 페이지 | 비고 |
+| ---- | ---------- | -------------- | ----------- | ------------ |
+| geany | 설명1 | - [텍스트 편집기 Geany 소개 및 사용 가이드](https://youtu.be/xXjnEepJn_A) | [페이지1](공식페이지1) | [] |
+| markdown | 설명1 | - [markdown 강좌](https://www.youtube.com/watch?v=gKTPF9iTQfo&list=PLKseYrrlvWNpYJxtfoUj5FLuMHv7Wrmid) | [페이지1](공식페이지1) | [] |
+| vscode | 설명1 | - [Ubuntu에서 Visual Studio Code 활용 (Git연결)](https://youtu.be/vHOyP4UfZR0) <br/> - [VS Code SSH / Development Setting of SSH-Server](https://youtu.be/UD0A6tbml8A) | [페이지1](공식페이지1) | [] |
+| vi | 설명1 | - [vi editor 강좌](https://www.youtube.com/watch?v=5BmLqbInFbk&list=PLKseYrrlvWNrn5Fx4I6o5PCPzLSnmDB8F) | [페이지1](공식페이지1) | [] |
+| api | 설명1 | - [공공데이터포털 공개 api 사용법](https://youtu.be/Quu_jlCC8_o) | [페이지2](공식페이지2) | [] |
+
+<br/>