refactor: API 키를 환경변수로 이동

.gitignore

@@ -24,3 +24,6 @@ dist-ssr
 *.sw?
 
 .vercel
+
+# API Keys
+.env

README.md

@@ -1 +1,42 @@
-"# AM_frontend" 
+# 🧩 프로젝트 목적
+LG CNS AM CAMP에서 24/12/23 ~ 25/1/8일까지 React에 대해서 배웠습니다. 대부분 공부했던 내용이지만,
+더 깊이 있게 공부할 수 있는 시간이였고, 이 프로젝트는 복습할겸 React로 모바일 앱을 만드는 것이 목표입니다
+
+---
+
+# 📝 PR 포맷
+```markdown
+### 🔥 작업 내용
+- [ ] 작업한 내용을 간단히 작성 (ex: 이력서 기본 구조 작성)
+
+### 📌 주요 변경 사항
+1. 변경 내용 A
+2. 변경 내용 B
+
+### 🚀 테스트 방법
+1. 브라우저에서 확인
+2. 레이아웃 확인
+
+### 🗒️ 기타 참고 사항
+- 추가적으로 공유할 내용
+```
+
+---
+
+# 📂 Commit 규칙
+
+**형식**: [작업 유형] 작업 내용  
+
+### 작업 유형:
+- feat: 새로운 기능 추가
+- fix: 버그 수정
+- style: 스타일 수정 (코드 형식, 세미콜론 누락 등)
+- refactor: 코드 리팩토링
+- docs: 문서 추가 및 수정
+- chore: 기타 작업
+
+### 예시
+```bash
+git commit -m "feat: 이력서 기본 레이아웃 작성"
+git commit -m "fix: CSS 스타일 오류 수정"
+```

src/api/youtubeApi.jsx

@@ -1,6 +1,8 @@
 import axios from 'axios'
+const API_KEY = import.meta.env.VITE_YOUTUBE_API_KEY;
 
+console.log(API_KEY)
 export const youtubeApi = axios.create({
   baseURL: 'https://youtube.googleapis.com/youtube/v3',
-  params: { key: "AIzaSyA-0N9viOOnwa28lEeQzP-qb-h1z0aLLPA" },
+  params: { key: API_KEY },
 });