Release: Sync deployment version with main #86
Conversation
|
Caution Review failedThe pull request is closed. ## Walkthrough
μ΄λ² λ³κ²½μμλ μ½μ λ‘κ·Έ μ κ±°, μ κ·Όμ± κ°μ , λ€κ΅μ΄ λ° μ€λͺ
μμ , μ€νμΌ λ° κ²½λ‘ λ³κ²½, μ»΄ν¬λνΈ μμ λ±μ΄ μ΄λ£¨μ΄μ‘μ΅λλ€. λ€ν¬ λͺ¨λ μ€νμΌμ΄ νμ₯λμκ³ , μ¨λ³΄λ© λ° λ¨μΆν€ μλ΄κ° κ°κ²°νκ² λ€λ¬μ΄μ‘μΌλ©°, λΆνμν λλ²κΉ
μ½λκ° λκ±° μμ λμμ΅λλ€.
## Changes
| νμΌ/κ²½λ‘ κ·Έλ£Ή | λ³κ²½ μμ½ |
|----------------------------------------------------------------------|-------------------------------------------------------------------|
| public/manifest.json | manifest λ²μ μ
λ°μ΄νΈ, κΆν λ° λͺ
λ Ήμ΄ μ€λͺ
νκΈν |
| src/assets/onboardingData.ts | μ¨λ³΄λ© ν
μ€νΈ κ°κ²°ν λ° ν¬λ§· μμ |
| src/background/index.ts<br>src/components/productComponents/foodComponent.tsx<br>src/components/productComponents/healthComponent.tsx<br>src/content/apiSetting/sendHealthDataRequest.tsx<br>src/content/apiSetting/sendReviewSummaryRequest.tsx<br>src/content/coupang/cartHandler.ts<br>src/content/index.tsx | λλ²κΉ
μ© console.log λ¬Έ μ 체 μ κ±° |
| src/components/panelContent/component.tsx | μΌλΆ μ»΄ν¬λνΈ import κ²½λ‘ λ³κ²½, MyInfoμ onComplete prop μΆκ° |
| src/components/sizeController/components.tsx<br>src/components/sizeController/index.ts | SizeController μ»΄ν¬λνΈ λ° μ¬μ΅μ€ν¬νΈ νμΌ μμ |
| src/content/styles/modeStyles.ts | λ€ν¬ λͺ¨λ μ€νμΌμ div μμ μΆκ° |
| src/tabs/fontButton/component.tsx<br>src/tabs/modeButton/component.tsx<br>src/tabs/serviceButton/component.tsx | CheckmarkIcon import κ²½λ‘ μ λκ²½λ‘λ‘ λ³κ²½ |
| src/tabs/myInfo/components/AllergySelectForm.tsx | λ€ν¬ λͺ¨λμ λ°λΌ λ°°κ²½μ λμ λ³κ²½ |
| src/tabs/myInfo/components/Onboarding.tsx | μ¨λ³΄λ© μ κ·Όμ± κ°μ (ν¬μ»€μ€, aria-label λ±), default export μ κ±° |
| src/tabs/shortcutTab/component.tsx | ContentBox import κ²½λ‘ λ³κ²½, νΉμ λ¨μΆν€ μλ΄λ₯Ό λͺ©λ‘ μλ¨μΌλ‘ μ΄λ |
| src/components/productComponents/cosmeticComponent.tsx | νμ₯ν μ±λΆ 리μ€νΈ 컨ν
μ΄λμ width: 100% μ€νμΌ μΆκ° |
| src/content/apiSetting/sendCosmeticDataRequest.tsx | CosmeticAPIResponse μΈν°νμ΄μ€ λ³κ²½ λ° μλ΅ κ²μ¦ λ‘μ§ μμ , λ‘κ·Έ μΆκ° |
## Sequence Diagram(s)
```mermaid
sequenceDiagram
participant User
participant Onboarding
participant TitleRef
User->>Onboarding: νμ΄μ§ μ΄λ(Next/Back)
Onboarding->>TitleRef: useEffectλ‘ ν¬μ»€μ€ μ΄λ
TitleRef-->>User: νμ¬ μΉμ
μ λͺ©μ ν¬μ»€μ€Possibly related PRs
Poem
|
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 0
π§Ή Nitpick comments (5)
src/background/index.ts (1)
282-286: λ‘κΉ μΌκ΄μ± μ μ
console.warnλ°console.errorλμ νλ‘μ νΈ μ λ°μμ μ¬μ©νλlogger.warn/logger.errorλ₯Ό νμ©νμ¬ λ‘κΉ μ ν΅μΌνλ©΄ μ μ§λ³΄μμ±μ΄ ν₯μλ©λλ€.src/assets/onboardingData.ts (4)
5-7: λ©ν°λΌμΈ λ¬Έμμ΄ κ°λ μ± κ°μ μ μ
νμ¬"β¦\n"ννλ‘ μλ κ°νμ μ²λ¦¬νκ³ λμ λΆνμν\nμ ν¬ν¨νκ³ μμ΄ μ μ§λ³΄μκ° μ΄λ ΅κ³ λ¬Έμμ΄ κ° μΌκ΄μ±μ΄ λ¨μ΄μ§λλ€.
ν νλ¦Ώ 리ν°λ΄(backtick)λ‘ λ©ν°λΌμΈ λ¬Έμμ΄μ νννκ±°λ, κ°ν λ¬Έμλ₯Ό μ κ±°νκ³ UI λ μ΄μ΄μμ μλ κ°νμ μ²λ¦¬νλ λ°©μμ κ³ λ €ν΄μ£ΌμΈμ.- "보μμ μ¨λΌμΈ μΌν μ μ΄λ―Έμ§ μ μ 보λ₯Ό μλμΌλ‘ μμ½ν΄ μνμ\nμ€μν μ±λΆ μ 보λ₯Ό μ λ¬νλ μκ° λ³΄μ‘° μ₯μΉμ λλ€.\n", - "μλΉμ€ κΈ°λ₯ μ€λͺ μ λ³΄λ €λ©΄ λ€μ λ²νΌμ, μ€λͺ μ 건λλ°κ³ μλΉμ€λ₯Ό\nμ¦μ μ΄μ©νλ €λ©΄ λ«κΈ° λ²νΌμ λλ¬μ£ΌμΈμ.", + `보μμ μ¨λΌμΈ μΌν μ μ΄λ―Έμ§ μ μ 보λ₯Ό μλμΌλ‘ μμ½ν΄ μνμ +μ€μν μ±λΆ μ 보λ₯Ό μ λ¬νλ μκ° λ³΄μ‘° μ₯μΉμ λλ€.`, + `μλΉμ€ κΈ°λ₯ μ€λͺ μ λ³΄λ €λ©΄ βλ€μβ λ²νΌμ, μ€λͺ μ 건λλ°λ €λ©΄ βλ«κΈ°β λ²νΌμ λλ¬μ£ΌμΈμ.`
13-14:image.phraseκ°νΒ·μμ μΌκ΄μ± κ²ν
image.phraseμμλ μλ κ°ν(\n)κ³Ό λ¬Έμμ΄ λ κ°ν λΆμΌμΉκ° κ΄μ°°λ©λλ€.
μμ μ μν ν νλ¦Ώ 리ν°λ΄ λ°©μμ΄λ, λ¬Έμ₯ λ¨μ λ°°μ΄ λΆν λ°©μμ μ μ©ν΄ μΌκ΄λ μμμ μ μ§ν΄μ£ΌμΈμ.- "μ΄λ―Έμ§μ μ 보λ₯Ό ν μ€νΈλ‘ μ 곡λ°μΌλ €λ©΄ μ΄λ―Έμ§ μ’μΈ‘ μλ¨μ μλ\nμ΄λ―Έμ§ λΆμ λ²νΌμ λλ¬μ£ΌμΈμ.\n", - "μΏ ν‘ μ΄μ© μ, μν μμΈ νμ΄μ§μμ μν μμ½ μ λ³΄κ° μλ\nμ 곡λ©λλ€.", + `μ΄λ―Έμ§μ μ 보λ₯Ό ν μ€νΈλ‘ μ 곡λ°μΌλ €λ©΄ μ΄λ―Έμ§ μ’μΈ‘ μλ¨μ μλ +μ΄λ―Έμ§ λΆμ λ²νΌμ λλ¬μ£ΌμΈμ.`, + `μΏ ν‘ μ΄μ© μ μν μμΈ νμ΄μ§μμ μν μμ½ μ λ³΄κ° μλ μ 곡λ©λλ€.`
20-20:product.phraseκ΅¬μ‘°Β·μ’ κ²°λΆνΈ ν΅μΌ μ μ
product.phraseλ ν λ¬Έμ₯μΌλ‘λ§ κ΅¬μ±λμ΄ μμ΄ λ€λ₯Έ μΉμ κ³Ό κ΅¬μ‘°κ° λ€μ λ¬λΌ 보μ λλ€.
ν νλ¦Ώ 리ν°λ΄ λλ λ°°μ΄ μμ λΆν λ°©μμΌλ‘ λ©ν°λΌμΈμΌλ‘ νννκ±°λ, λ¬Έμ₯ λ§μ§λ§μ λ§μΉ¨ν(.) μ 무λ₯Ό λ€λ₯Έ μΉμ κ³Ό ν΅μΌν΄μ£ΌμΈμ.
26-26: ν€λ³΄λ λ¨μΆν€ νκΈ° μΌκ΄μ± μ μ§
νμ¬ALT + Oλ‘ λλ¬Έμ·곡백μ ν¬ν¨ν΄ νκΈ°νκ³ μλλ°, μΌλ°μ μΌλ‘Alt + OλλAlt+Oννλ₯Ό μ¬μ©ν©λλ€.
νκΈ UX κ΄μ μμμνΈ + Oλ‘ λ‘컬λΌμ΄μ§νλ λ°©μλ κ²ν ν΄μ£ΌμΈμ.
π Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
β Files ignored due to path filters (2)
dist.zipis excluded by!**/*.zipdist/manifest.jsonis excluded by!**/dist/**
π Files selected for processing (19)
public/manifest.json(3 hunks)src/assets/onboardingData.ts(1 hunks)src/background/index.ts(2 hunks)src/components/panelContent/component.tsx(2 hunks)src/components/productComponents/foodComponent.tsx(0 hunks)src/components/productComponents/healthComponent.tsx(1 hunks)src/components/sizeController/components.tsx(0 hunks)src/components/sizeController/index.ts(0 hunks)src/content/apiSetting/sendHealthDataRequest.tsx(0 hunks)src/content/apiSetting/sendReviewSummaryRequest.tsx(1 hunks)src/content/coupang/cartHandler.ts(1 hunks)src/content/index.tsx(0 hunks)src/content/styles/modeStyles.ts(1 hunks)src/tabs/fontButton/component.tsx(1 hunks)src/tabs/modeButton/component.tsx(1 hunks)src/tabs/myInfo/components/AllergySelectForm.tsx(2 hunks)src/tabs/myInfo/components/Onboarding.tsx(5 hunks)src/tabs/serviceButton/component.tsx(1 hunks)src/tabs/shortcutTab/component.tsx(2 hunks)
π€ Files with no reviewable changes (5)
- src/content/apiSetting/sendHealthDataRequest.tsx
- src/content/index.tsx
- src/components/sizeController/index.ts
- src/components/productComponents/foodComponent.tsx
- src/components/sizeController/components.tsx
π§° Additional context used
𧬠Code Graph Analysis (1)
src/tabs/myInfo/components/AllergySelectForm.tsx (1)
src/contexts/ThemeContext.tsx (1)
useTheme(96-102)
π Additional comments (23)
src/tabs/modeButton/component.tsx (1)
2-2: Import κ²½λ‘ νμ€ν μλ£μλκ²½λ‘μμ μ λκ²½λ‘λ‘ λ³κ²½νμ¬ μ½λ μΌκ΄μ±μ΄ κ°μ λμμ΅λλ€. λ€λ₯Έ ν μ»΄ν¬λνΈλ€κ³Ό λμΌν ν¨ν΄μ μ¬μ©νκ² λμ΄ μ μ§λ³΄μμ±μ΄ ν₯μλμμ΅λλ€.
src/tabs/serviceButton/component.tsx (1)
3-3: Import κ²½λ‘ μΌκ΄μ± ν보μ λκ²½λ‘ μ¬μ©μΌλ‘ νλ‘μ νΈ μ λ°μ import ν¨ν΄μ΄ ν΅μΌλμμ΅λλ€. νμΌ κ΅¬μ‘° λ³κ²½ μμλ λ μμ μ μΈ μ°Έμ‘°κ° κ°λ₯ν©λλ€.
src/content/coupang/cartHandler.ts (1)
58-65: λλ²κΉ μ½λ μ 리 μλ£λΆνμν console.log λ¬Έμ΄ μ κ±°λμ΄ νλ‘λμ νκ²½μμμ λ Έμ΄μ¦κ° μ€μ΄λ€μμ΅λλ€. μ₯λ°κ΅¬λ λ°μ΄ν°κ° λ°±κ·ΈλΌμ΄λλ‘ μ μμ μΌλ‘ μ μ‘λλ ν΅μ¬ κΈ°λ₯μ κ·Έλλ‘ μ μ§λμμ΅λλ€.
src/content/styles/modeStyles.ts (1)
22-26: λ€ν¬λͺ¨λ μ€νμΌ μ μ© λ²μ νμ₯CSS μ νμμ
divμ리먼νΈλ₯Ό μΆκ°νμ¬ λ€ν¬λͺ¨λ μκ°μ μΌκ΄μ±μ΄ κ°μ λμμ΅λλ€. μ΄μ λͺ¨λ div μμκ° λ€ν¬λͺ¨λ μμ μ€ν΄μ λ°λ₯΄κ² λμ΄ μ¬μ©μ κ²½νμ΄ ν₯μλ κ²μ λλ€.public/manifest.json (4)
4-4: λ²μ λκΈ°ν νμΈ
manifest.jsonμ λ²μ μ "2.0.0"μΌλ‘ μ λ°μ΄νΈν κ²μ λ°°ν¬ λ²μ λκΈ°ν λͺ©μ μ λΆν©ν©λλ€. λ€λ₯Έ λ°°ν¬ μ€ν¬λ¦½νΈλ λ¦΄λ¦¬μ¦ λ ΈνΈμμ λμΌν λ²μ μ΄ μ¬μ©λκ³ μλμ§ νμΈνμΈμ.
49-49: κΆν μ κ±° μΉμΈ
"sidePanel" κΆνμ΄ μ κ±°λμ΄, permissions λ°°μ΄μ ["scripting","activeTab","storage","tabs"]λ§ λ¨μμ΅λλ€. λ μ΄μ sidePanel κΈ°λ₯μ΄ μ¬μ©λμ§ μλλ€λ©΄ μ μ ν λ³κ²½μ λλ€.
56-56: λͺ λ Ήμ΄ μ€λͺ νμ§ν κ²ν
"toggle_iframe" λͺ λ Ήμ΄ μ€λͺ μ μμ΄μμ νκ΅μ΄("μμ΄μ½ λκΈ°/ν€κΈ°")λ‘ λ³κ²½νμ΅λλ€. μ¬μ©μ κ²½ν κ΄μ μμ μ μ νμ§, λͺ¨λ λͺ λ Ήμ΄ μΌκ΄μ±μ΄ μ μ§λκ³ μλμ§ νμΈν΄ μ£ΌμΈμ.
77-77: λͺ λ Ήμ΄ μ€λͺ νμ§ν μΉμΈ
"toggle_all_features" λͺ λ Ήμ΄ μ€λͺ μ΄ "λͺ¨λ κΈ°λ₯ λκΈ°/ν€κΈ°"λ‘ λ³κ²½λ κ²μ νμ§ν μ μ± μ λ§λ μ λ°μ΄νΈμ λλ€.src/content/apiSetting/sendReviewSummaryRequest.tsx (1)
163-167: λλ²κ·Έ λ‘κ·Έ μ κ±° μΉμΈ
μΆκ°μ μΈ verbose λ‘κ·Έ(νμ΄μ§ HTML, URL λ±)λ₯Ό μ κ±°νκ³ μ€λ₯ λ©μμ§λ§ κΈ°λ‘νλλ‘ λ³κ²½λμμ΅λλ€. μ½μ μΆλ ₯μ΄ μ§λμΉκ² λ°©λν΄μ§λ κ²μ λ°©μ§νλ©°, μλ¬ λ°μ μ ν΅μ¬ μ 보λ μ¬μ ν κΈ°λ‘λ©λλ€.src/tabs/fontButton/component.tsx (1)
2-2: κ²½λ‘ λ³μΉ(alias) μ€μ νμΈ
import { CheckmarkIcon } from "@src/components/icons";λ‘ μ λ κ²½λ‘λ₯Ό μ¬μ©νμ ¨μ΅λλ€. tsconfig.json λλ λ²λ€λ¬(alias) μ€μ μ@srcκ° μ¬λ°λ₯΄κ² 맀νλμ΄ μλμ§ νμΈν΄ μ£ΌμΈμ.src/components/productComponents/healthComponent.tsx (1)
129-132: λλ²κΉ λ‘κ·Έ μ κ±° λ° μν μ λ°μ΄νΈ μΉμΈ
sendHealthDataRequestνΈμΆ μ§μ /μ§νμ console.logκ° μ κ±°λμ΄ κΉλν΄μ‘μΌλ©°, API μλ΅μsetHealthTypesλ‘ μ μ μ€μ νκ³ μμ΅λλ€. μλ¬ μ²λ¦¬ λ‘μ§μ΄ μ μ§λμ΄ μμ΄ μ μ ν©λλ€.src/background/index.ts (1)
147-151: λλ²κ·Έ λ‘κ·Έ μ κ±° μΉμΈ (μν λ°μ΄ν° μμ²)
fetchνres.text()μ§νμ console.log μ κ±°λ‘ λΆνμν λλ²κΉ μΆλ ₯μ΄ μ€μ΄λ€μμ΅λλ€. λ‘μ§κ³Ό μλ¬ μ²λ¦¬μ μν₯μ΄ μμ΅λλ€.src/components/panelContent/component.tsx (2)
32-32: MyInfo μ»΄ν¬λνΈμ onComplete μ½λ°± μΆκ° μΉμΈ
MyInfoμ»΄ν¬λνΈμonComplete={() => setMenuId(null)}μ½λ°±μ μΆκ°νμ¬ ν¨λμ λ«μ μ μκ² ν κ²μ μ’μ κ°μ μ¬νμ λλ€. μ΄λ μ¬μ©μ κ²½νμ ν₯μμν€κ³ μ»΄ν¬λνΈ κ°μ μνΈμμ©μ λͺ ννκ² μ μν©λλ€.
5-8:Details
β Incorrect review comment
μν¬νΈ κ²½λ‘ μ λ°μ΄νΈ νμΈ νμ
μ»΄ν¬λνΈλ€μ΄
@src/componentsμμ@src/tabsλ‘ μ΄λλμμ΅λλ€. μ΄λ¬ν ꡬ쑰 λ³κ²½μ΄ λ€λ₯Έ νμΌλ€μμλ μΌκ΄λκ² μ μ©λμλμ§ νμΈμ΄ νμν©λλ€.λ€μ μ€ν¬λ¦½νΈλ‘ μν¬νΈ κ²½λ‘ λ³κ²½μ΄ μ 체 μ½λλ² μ΄μ€μμ μΌκ΄λκ² μ μ©λμλμ§ νμΈν΄λ³΄κ² μ΅λλ€:
π Script executed:
#!/bin/bash # μ€λͺ : ControlMode, ControlFont, ShortcutTab, ControlService μ»΄ν¬λνΈμ μν¬νΈ κ²½λ‘ νμΈ echo "=== ControlMode μν¬νΈ νμΈ ===" rg "import.*ControlMode" --type tsx --type ts echo "=== ControlFont μν¬νΈ νμΈ ===" rg "import.*ControlFont" --type tsx --type ts echo "=== ShortcutTab μν¬νΈ νμΈ ===" rg "import.*ShortcutTab" --type tsx --type ts echo "=== ControlService μν¬νΈ νμΈ ===" rg "import.*ControlService" --type tsx --type tsLength of output: 564
π Script executed:
#!/bin/bash # μ 체 μ½λλ² μ΄μ€μμ μ΄μ @src/components κ²½λ‘κ° λ¨μμλμ§ νμΈ echo "=== μ΄μ @src/components κ²½λ‘ μ°Έμ‘° νμΈ ===" rg "@src/components" -g "*.ts" -g "*.tsx" || echo "μμ" # ControlMode μν¬νΈκ° μ¬λ°λ₯Έμ§ νμΈ echo "=== ControlMode μν¬νΈ νμΈ ===" rg "import .*ControlMode from" -g "*.ts" -g "*.tsx" || echo "μμ" # ControlFont μν¬νΈκ° μ¬λ°λ₯Έμ§ νμΈ echo "=== ControlFont μν¬νΈ νμΈ ===" rg "import .*ControlFont from" -g "*.ts" -g "*.tsx" || echo "μμ" # ShortcutTab μν¬νΈκ° μ¬λ°λ₯Έμ§ νμΈ echo "=== ShortcutTab μν¬νΈ νμΈ ===" rg "import .*ShortcutTab from" -g "*.ts" -g "*.tsx" || echo "μμ" # ControlService μν¬νΈκ° μ¬λ°λ₯Έμ§ νμΈ echo "=== ControlService μν¬νΈ νμΈ ===" rg "import .*ControlService from" -g "*.ts" -g "*.tsx" || echo "μμ"Length of output: 3849
π Script executed:
#!/bin/bash # ShortcutTab import κ²½λ‘κ° μ¬λ°λ₯΄κ² μ λ°μ΄νΈλμλμ§ νμΈ echo "=== ShortcutTab μν¬νΈ κ²½λ‘ νμΈ ===" rg "import { ShortcutTab } from \"@src/tabs/shortcutTab\"" -g "*.ts" -g "*.tsx" || echo "μμ"Length of output: 329
π Script executed:
#!/bin/bash # ShortcutTab κ²½λ‘ μ°Έμ‘°κ° μ€μ λ‘ μ‘΄μ¬νλμ§ fixed-string κ²μ echo "=== '@src/tabs/shortcutTab' μ°Έμ‘° νμΈ ===" rg -F "@src/tabs/shortcutTab" -g "*.ts" -g "*.tsx" || echo "μμ"Length of output: 236
리뷰 μ½λ©νΈ 무μ: ν¨λ μ½ν μΈ κ²½λ‘λ μ¬λ°λ₯΄κ² μ μ§λκ³ μμ΅λλ€
src/components/panelContent/component.tsxλ μ¬μ νcomponentsν΄λμ μμΉνλ©°,
λ΄λΆμμ μ¬μ©λλ ControlModeΒ·ControlFontΒ·ShortcutTabΒ·ControlService λ§ λ³λλ‘@src/tabsλ‘ μ΄λλ κ²μ΄ λ§μ΅λλ€.
λ°λΌμ ν΄λΉ νμΌμ μν¬νΈ κ²½λ‘λ€μ λͺ¨λ μλν λλ‘ μ μ©λμμΌλ―λ‘ μΆκ° κ²ν λ μμ μ΄ νμ μμ΅λλ€.Likely an incorrect or invalid review comment.
src/tabs/myInfo/components/AllergySelectForm.tsx (2)
65-66: ν λ§ κ°μ§ λ‘μ§ μΆκ° μΉμΈ
useThemeν μ μ¬μ©νμ¬ λ€ν¬λͺ¨λλ₯Ό κ°μ§νλ λ‘μ§μ΄ μ ꡬνλμμ΅λλ€. μ½λκ° κ°κ²°νκ³ κ°λ μ±μ΄ μ’μ΅λλ€.
136-138: ν λ§λ³ λ°°κ²½μ μ μ© κ°μ μ¬ν μΉμΈμ νλ μλ λ₯΄κΈ° νμ 컨ν μ΄λμ ν λ§μ λ°λ₯Έ μ‘°κ±΄λΆ λ°°κ²½μμ μ μ©ν κ²μ νλ₯ν κ°μ μ¬νμ λλ€. λ€ν¬λͺ¨λμ λΌμ΄νΈλͺ¨λμμ μΌκ΄λ μ¬μ©μ κ²½νμ μ 곡ν©λλ€.
src/tabs/shortcutTab/component.tsx (2)
3-3: μν¬νΈ κ²½λ‘ νμ€ν μΉμΈ
ContentBoxμν¬νΈλ₯Ό μλ κ²½λ‘μμ μ λ κ²½λ‘(@src/components/contentBox)λ‘ λ³κ²½ν κ²μ μ½λλ² μ΄μ€ μ λ°μ μΌκ΄μ±μ μν μ’μ κ°μ μ¬νμ λλ€.
29-36: λ¨μΆν€ μμ λ³κ²½ νμΈμΏ ν‘ μ νμ 보 λ¨μΆν€(ALT + I)κ° λͺ©λ‘μ 맨 μλ‘ μ΄λλμμ΅λλ€. μ΄λ¬ν μμ λ³κ²½μ΄ μ¬μ©μ κ²½νμ΄λ μ κ·Όμ± μΈ‘λ©΄μμ μλλ κ°μ μΈμ§ νμΈμ΄ νμν©λλ€.
λ¨μΆν€ μ°μ μμλ μ¬μ© λΉλμ λ°λ₯Έ μμ λ³κ²½μΈμ§ νμΈν΄μ£ΌμΈμ. κ°μ₯ μ€μνκ±°λ μμ£Ό μ¬μ©λλ λ¨μΆν€λ₯Ό μλ¨μ λ°°μΉνλ κ²μ΄ μΌλ°μ μΈ UX κ΄λ‘μ λλ€.
src/tabs/myInfo/components/Onboarding.tsx (5)
1-1: React μν¬νΈμ useRef μΆκ° μΉμΈμ κ·Όμ± κ°μ μ μν΄
useRefν μ μΆκ°ν κ²μ΄ μ μ ν©λλ€.
16-16: ν¬μ»€μ€ κ΄λ¦¬λ₯Ό μν ref μΆκ° μΉμΈμ λͺ© μμμ νλ‘κ·Έλλ§€ν± ν¬μ»€μ€λ₯Ό μ€μ νκΈ° μν ref μΆκ°λ μ κ·Όμ± ν₯μμ λμμ΄ λ©λλ€.
50-52: νμ΄μ§ λ³κ²½ μ ν¬μ»€μ€ κ΄λ¦¬ ꡬν μΉμΈ
useEffectλ₯Ό μ¬μ©νμ¬currentPageλ³κ²½ μ μ λͺ©μ ν¬μ»€μ€λ₯Ό μ€μ νλ κ²μ μ€ν¬λ¦° 리λ μ¬μ©μμκ² μ€μν μ κ·Όμ± κ°μ μ¬νμ λλ€. νμ΄μ§ μ ν μ μ¬μ©μκ° μλ‘μ΄ μ½ν μΈ λ₯Ό μΈμ§ν μ μκ² λμμ€λλ€.
65-71: μ λͺ© μμ μ κ·Όμ± μμ± μΆκ° μΉμΈμ λͺ© 컨ν μ΄λμ λ€μ μ κ·Όμ± μμ±λ€μ μΆκ°ν κ²μ΄ νλ₯ν©λλ€:
tabIndex={-1}: νλ‘κ·Έλλ§€ν± ν¬μ»€μ€ κ°λ₯aria-label: μ€ν¬λ¦° 리λλ₯Ό μν λͺ νν λ μ΄λΈref={titleRef}: ν¬μ»€μ€ κ΄λ¦¬λ₯Ό μν μ°Έμ‘°
80-80: br νκ·Έμ aria-hidden μμ± μΆκ° μΉμΈ
<br>νκ·Έμaria-hidden="true"λ₯Ό μΆκ°νμ¬ μ€ν¬λ¦° 리λκ° λΆνμν μ€λ°κΏμ μ½μ§ μλλ‘ ν κ²μ μ κ·Όμ± λͺ¨λ² μ¬λ‘λ₯Ό λ°λ₯Έ μ’μ κ°μ μ¬νμ λλ€.
π§ 체ν¬λ¦¬μ€νΈ
yarn buildλλnpm run buildμ€ν ν μ μμ μΌλ‘ λμνλμ§ νμΈνλμ?yarn test)yarn lintλ°yarn prettifyμ€ν ν λ¬Έμ κ° μλμ?feat:,fix:,chore:λ± μ»€λ° μ»¨λ²€μ μ λ°λ₯΄κ³ μλμ?README.mdλλ κ΄λ ¨ λ¬Έμλ₯Ό μ λ°μ΄νΈνλμ?Summary by CodeRabbit
μ κ· κΈ°λ₯
λ²κ·Έ μμ
μ€νμΌ
μ 리
λ¬Έμν