From d5647bdfa5af1aec05fe6fc81f7434e6acc7203e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=84=B1=EA=B2=BD?= Date: Tue, 14 Apr 2026 17:09:56 +0900 Subject: [PATCH] =?UTF-8?q?=ED=8A=9C=ED=86=A0=EB=A6=AC=EC=96=BC=20?= =?UTF-8?q?=EC=8A=A4=ED=85=9D=ED=82=A4,=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Tutorial/TutorialOverlay.tsx | 11 +++++------ src/components/Tutorial/tutorialSteps.ts | 8 ++++---- src/locales/en.json | 4 ++-- src/locales/ko.json | 8 ++++---- 4 files changed, 15 insertions(+), 16 deletions(-) diff --git a/src/components/Tutorial/TutorialOverlay.tsx b/src/components/Tutorial/TutorialOverlay.tsx index 450c5ac..ecae23d 100644 --- a/src/components/Tutorial/TutorialOverlay.tsx +++ b/src/components/Tutorial/TutorialOverlay.tsx @@ -123,14 +123,13 @@ const TutorialOverlay: React.FC = ({ if (shouldClickAdvance) { el.style.cursor = 'pointer'; el.addEventListener('click', onNext); - } - - cleanupTarget = () => { - if (shouldClickAdvance) { + cleanupTarget = () => { el.style.cursor = ''; el.removeEventListener('click', onNext); - } - }; + }; + } else { + cleanupTarget = () => {}; + } }; const tryBind = (): boolean => { diff --git a/src/components/Tutorial/tutorialSteps.ts b/src/components/Tutorial/tutorialSteps.ts index 48e8dbc..a599c1e 100644 --- a/src/components/Tutorial/tutorialSteps.ts +++ b/src/components/Tutorial/tutorialSteps.ts @@ -235,15 +235,15 @@ export const tutorialSteps: TutorialStepDef[] = [ hints: [ { targetSelector: '.youtube-connect-section', - titleKey: 'tutorial.myInfo.connect.title', - descriptionKey: 'tutorial.myInfo.connect.desc', + titleKey: 'tutorial.myInfo.myInfo.title', + descriptionKey: 'tutorial.myInfo.myInfo.desc', position: 'top', clickToAdvance: false, }, { targetSelector: '.myinfo-social-buttons', - titleKey: 'tutorial.myInfo.button.title', - descriptionKey: 'tutorial.myInfo.button.desc', + titleKey: 'tutorial.myInfo.connect.title', + descriptionKey: 'tutorial.myInfo.connect.desc', position: 'top', clickToAdvance: true, }, diff --git a/src/locales/en.json b/src/locales/en.json index 374a3bc..23422d4 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -51,8 +51,8 @@ "video": { "title": "Generate Video", "desc": "Click the button to start generating your video." } }, "myInfo": { - "connect": { "title": "Connect Social Account", "desc": "You need to link a social account to upload videos." }, - "button": { "title": "Connect Now", "desc": "Click the YouTube connect button.\n(Instagram connection is under development.)" }, + "myInfo": { "title": "My Info", "desc": "In My Info, you can manage your social connections and view connected accounts." }, + "connect": { "title": "Connect Now", "desc": "Click the YouTube connect button.\n(Instagram connection is under development.)" }, "connected": { "title": "Connected Accounts", "desc": "Your linked social accounts appear here.\nCheck after connecting." }, "ado2": { "title": "ADO2 Contents", "desc": "You can now upload the generated video.\nClick to navigate." } }, diff --git a/src/locales/ko.json b/src/locales/ko.json index 33777c6..af27578 100644 --- a/src/locales/ko.json +++ b/src/locales/ko.json @@ -23,7 +23,7 @@ "finish": "완료", "landing": { "intro": { "title": "ADO2 튜토리얼 시작", "desc": "ADO2 사용 방법을 단계별로 안내해 드릴게요.\n먼저 검색 방식을 선택해 주세요." }, - "dropdown": { "title": "검색 방식 선택", "desc": "드롭다운을 클릭하여 URL 또는 업체명 중 원하는 방식을 선택하세요." }, + "dropdown": { "title": "검색 방식 선택", "desc": "URL 또는 업체명 중 원하는 방식을 선택하세요." }, "url": { "title": "네이버 Place URL 입력", "desc": "네이버 지도에서 장소를 검색하고 공유를 클릭하여 나온 URL을 붙여넣으세요." }, "name": { "title": "업체명 입력", "desc": "업체명을 입력하면 자동완성 목록이 나타나요.\n목록에서 원하는 업체를 선택하세요." }, "button": { "title": "브랜드 분석 시작", "desc": "버튼을 누르면 AI가 브랜드를 분석하기 시작해요." } @@ -51,8 +51,8 @@ "video": { "title": "영상 생성", "desc": "버튼을 클릭해서 영상 생성을 시작하세요." } }, "myInfo": { - "connect": { "title": "소셜 연결", "desc": "영상을 업로드하려면 소셜 계정을 연동해야 해요." }, - "button": { "title": "연결하기", "desc": "YouTube 연결 버튼을 클릭하세요. \n(Instaram연결은 개발 중입니다.)" }, + "myInfo": { "title": "내 정보", "desc": "내 정보에서는 소셜 연결과 연결된 계정을 확인 할 수 있어요." }, + "connect": { "title": "연결하기", "desc": "YouTube 연결 버튼을 클릭하세요. \n(Instaram연결은 개발 중입니다.)" }, "connected": { "title": "연결 계정", "desc": "연결된 소셜 계정 목록이에요. \n연결 후 여기서 확인할 수 있어요." }, "ado2": { "title": "ADO2 콘텐츠", "desc": "이제 생성된 영상을 업로드할 수 있어요. \n클릭해서 이동하세요." } }, @@ -61,7 +61,7 @@ "upload": { "title": "소셜 업로드", "desc": "선택해서 소셜미디어에 업로드하세요." } }, "completion": { - "contentInfo": { "title": "콘텐츠 정보", "desc": "생성된 콘텐츠의 제목, 장르, 규격, 가사 정보를 확인하세요." }, + "contentInfo": { "title": "콘텐츠 정보", "desc": "콘텐츠의 제목, 장르, 규격, 가사를 확인하세요." }, "generating": { "title": "영상 제작 중", "desc": "AI가 영상을 만들고 있어요. \n잠시만 기다려 주세요." }, "completion": { "title": "영상 완성!", "desc": "영상 제작이 완료되었어요. \n영상을 확인해 볼까요?" }, "myInfo": { "title": "소셜 계정 연동", "desc": "영상을 유튜브에 업로드하려면 내 정보에서 소셜 계정을 연동해야 해요. 클릭해서 이동하세요." }