From 52597df813462f00490b1817159b737afbb779f2 Mon Sep 17 00:00:00 2001 From: happybell80 Date: Wed, 17 Sep 2025 20:46:39 +0900 Subject: [PATCH] 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 --- ...²„μ›μŠ€_μΊ˜λ¦°λ”_API_연동_κ°€μ΄λ“œ.md | 29 ++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/ideas/250916_λ„€μ΄λ²„μ›μŠ€_μΊ˜λ¦°λ”_API_연동_κ°€μ΄λ“œ.md b/ideas/250916_λ„€μ΄λ²„μ›μŠ€_μΊ˜λ¦°λ”_API_연동_κ°€μ΄λ“œ.md index 85ac8b9..f902832 100644 --- a/ideas/250916_λ„€μ΄λ²„μ›μŠ€_μΊ˜λ¦°λ”_API_연동_κ°€μ΄λ“œ.md +++ b/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)