Add frontend implementation plan for NAVER WORKS OAuth

- Login button with icon location
- Auth context modifications
- Skills panel passport integration
- Callback handling process
- UI/UX guidelines

ideas/250916_네이버웍스_캘린더_API_연동_가이드.md

@@ -196,7 +196,34 @@
 - **Rate Limit**: API 호출 제한 및 쿼터
 - **Private Key 교체 시**: 기존 토큰 유효성 유지 여부
 
-## 6. 참고 자료
+## 6. Frontend 수정 계획
+
+### 6.1 로그인 버튼 추가
+- **위치**: `frontend-customer/src/components/login-modal.tsx`
+- **아이콘**: `/public/naverworks-icon.svg` (2025-09-17 추가됨)
+- **동작**: `/auth/naverworks/login` 리다이렉트
+
+### 6.2 Auth Context 수정
+- **위치**: `frontend-customer/src/contexts/auth-context.tsx`
+- **함수 추가**: `loginWithNaverWorks()`
+- **패턴**: Gmail/Slack과 동일한 OAuth 플로우
+
+### 6.3 Skills Panel (Passport 연동)
+- **위치**: `frontend-customer/src/components/skills-items-panel.tsx`
+- **sessionStorage key**: `naverworks_oauth_return_url`
+- **엔드포인트**: `/auth/naverworks/passport/install?user_id={userId}`
+
+### 6.4 Callback 처리
+- URL 파라미터에서 임시 코드 추출
+- `/auth/verify` 호출로 JWT 획득
+- localStorage 토큰 저장
+
+### 6.5 UI/UX
+- NAVER WORKS 브랜드 색상: 초록색
+- 버튼 텍스트: "네이버웍스로 로그인"
+- 연동 상태 표시 필요
+
+## 7. 참고 자료
 
 -   **네이버웍스 개발자 센터 (공식 문서):** [developers.worksmobile.com](https://developers.worksmobile.com)
     -   [인증 가이드](https://developers.worksmobile.com/kr/docs/auth)