diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..90bf525
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,5 @@
+# Rename this file to .env and set the API base URL for your environment
+# Example:
+# VITE_API_BASE_URL=http://localhost:8000
+VITE_API_BASE_URL=https://api.example.com
+
diff --git a/src/App.tsx b/src/App.tsx
index 8d3e8a0..fa6ee64 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -16,8 +16,6 @@ import Dashboard from './pages/Dashboard'
 import MePage from './pages/MePage'
 import CharacterEditPage from './pages/CharacterEditPage'
 import GuidePage from './pages/Guide'
-import FriendListPage from './pages/FriendListPage'
-import FriendRequestsPage  from './pages/FriendRequestsPage'
 
 const darkTheme = createTheme({
   palette: {
@@ -48,10 +46,6 @@ function App() {
               <Route path="/characters/:id/edit" element={<CharacterEditPage />} />
               <Route path="/homeworks/:id/edit" element={<HomeworkEditPage />} />
               <Route path="/guide" element={<GuidePage />} />
-              <Route path="/friends" element={<FriendListPage />} />
-              <Route path="/friends/requests" element={<FriendRequestsPage />} />
-              {/*<Route path="/friends/:friendId/characters" element={<FriendCharacterPage />} />*/}
-              {/*<Route path="/friends/:friendId/characters/:characterId/homeworks" element={<FriendHomeworkPage />} />*/}
             </Routes>
           </Layout>
         </Router>
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index f49a838..a9e89a1 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -19,6 +19,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 
     const [anchorElCharacter, setAnchorElCharacter] = useState<null | HTMLElement>(null)
     const [anchorElHomework, setAnchorElHomework] = useState<null | HTMLElement>(null)
+    const [anchorElFriend, setAnchorElFriend] = useState<null | HTMLElement>(null)
     const [anchorElUser, setAnchorElUser] = useState<null | HTMLElement>(null)
 
     const handleMenuOpen = (
@@ -71,6 +72,16 @@ export default function Layout({ children }: { children: React.ReactNode }) {
                 <MenuItem component={Link} to="/homeworks" onClick={handleMenuClose(setAnchorElHomework)}>숙제 목록</MenuItem>
             </Menu>
 
+            <Button color="inherit" onClick={handleMenuOpen(setAnchorElFriend)}>친구</Button>
+            <Menu
+                anchorEl={anchorElFriend}
+                open={Boolean(anchorElFriend)}
+                onClose={handleMenuClose(setAnchorElFriend)}
+            >
+                <MenuItem component={Link} to="/friends" onClick={handleMenuClose(setAnchorElFriend)}>친구목록</MenuItem>
+                <MenuItem component={Link} to="/friends/requests" onClick={handleMenuClose(setAnchorElFriend)}>요청관리</MenuItem>
+            </Menu>
+
             <IconButton color="inherit" onClick={handleUserMenuOpen} size="large">
                 <AccountCircle />
             </IconButton>
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 7f420d7..9c788fe 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -1,8 +1,8 @@
 import axios from 'axios'
 
 const api = axios.create({
-    // baseURL: 'https://api.biryu2000.kr',
-    baseURL: 'http://localhost:8000',
+    baseURL: 'https://api.biryu2000.kr',
+    // baseURL: 'http://localhost:8000',
 })
 
 // 요청 시 토큰 자동 추가
diff --git a/src/main.tsx b/src/main.tsx
index 872fb68..298801e 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import './index.css'
 import App from './App.tsx'
 
 // ✅ 추가: AuthProvider import
diff --git a/src/pages/CharacterEditPage.tsx b/src/pages/CharacterEditPage.tsx
index 793c2ce..8986223 100644
--- a/src/pages/CharacterEditPage.tsx
+++ b/src/pages/CharacterEditPage.tsx
@@ -37,11 +37,11 @@ export default function CharacterEditPage() {
 
     const handleUpdate = async () => {
         try {
-            await api.put(`/characters/${id}`, {
-                name,
-                server,
-                power: Number(combatPower)
-            })
+                await api.put(`/characters/${id}`, {
+                    name,
+                    server,
+                    combat_power: Number(combatPower)
+                })
             navigate('/characters')
         } catch {
             setError('캐릭터 수정에 실패했습니다.')
diff --git a/src/pages/FriendList.tsx b/src/pages/FriendList.tsx
new file mode 100644
index 0000000..c3c9bab
--- /dev/null
+++ b/src/pages/FriendList.tsx
@@ -0,0 +1,12 @@
+import { Box, Typography } from '@mui/material'
+
+export default function FriendList() {
+    return (
+        <Box sx={{ p: 4 }}>
+            <Typography variant="h5" gutterBottom>
+                친구 목록
+            </Typography>
+            <Typography>준비 중...</Typography>
+        </Box>
+    )
+}
diff --git a/src/pages/FriendRequests.tsx b/src/pages/FriendRequests.tsx
new file mode 100644
index 0000000..53de455
--- /dev/null
+++ b/src/pages/FriendRequests.tsx
@@ -0,0 +1,12 @@
+import { Box, Typography } from '@mui/material'
+
+export default function FriendRequests() {
+    return (
+        <Box sx={{ p: 4 }}>
+            <Typography variant="h5" gutterBottom>
+                요청 관리
+            </Typography>
+            <Typography>준비 중...</Typography>
+        </Box>
+    )
+}
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 0dab2b4..ef118db 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -20,7 +20,7 @@ export default function Login() {
         password,
       })
 
-      const { access_token, token_type } = res.data
+      const { access_token } = res.data
       console.log('로그인 성공:', access_token)
 
       login(access_token) // ✅ 전역 상태 + localStorage 동시 반영