튜토리얼 스텝키, 텍스트 수정

feature-tutorial
김성경 2026-04-14 17:09:56 +09:00
parent 2c6c4b7c72
commit d5647bdfa5
4 changed files with 15 additions and 16 deletions

View File

@ -123,14 +123,13 @@ const TutorialOverlay: React.FC<TutorialOverlayProps> = ({
if (shouldClickAdvance) { if (shouldClickAdvance) {
el.style.cursor = 'pointer'; el.style.cursor = 'pointer';
el.addEventListener('click', onNext); el.addEventListener('click', onNext);
} cleanupTarget = () => {
cleanupTarget = () => {
if (shouldClickAdvance) {
el.style.cursor = ''; el.style.cursor = '';
el.removeEventListener('click', onNext); el.removeEventListener('click', onNext);
} };
}; } else {
cleanupTarget = () => {};
}
}; };
const tryBind = (): boolean => { const tryBind = (): boolean => {

View File

@ -235,15 +235,15 @@ export const tutorialSteps: TutorialStepDef[] = [
hints: [ hints: [
{ {
targetSelector: '.youtube-connect-section', targetSelector: '.youtube-connect-section',
titleKey: 'tutorial.myInfo.connect.title', titleKey: 'tutorial.myInfo.myInfo.title',
descriptionKey: 'tutorial.myInfo.connect.desc', descriptionKey: 'tutorial.myInfo.myInfo.desc',
position: 'top', position: 'top',
clickToAdvance: false, clickToAdvance: false,
}, },
{ {
targetSelector: '.myinfo-social-buttons', targetSelector: '.myinfo-social-buttons',
titleKey: 'tutorial.myInfo.button.title', titleKey: 'tutorial.myInfo.connect.title',
descriptionKey: 'tutorial.myInfo.button.desc', descriptionKey: 'tutorial.myInfo.connect.desc',
position: 'top', position: 'top',
clickToAdvance: true, clickToAdvance: true,
}, },

View File

@ -51,8 +51,8 @@
"video": { "title": "Generate Video", "desc": "Click the button to start generating your video." } "video": { "title": "Generate Video", "desc": "Click the button to start generating your video." }
}, },
"myInfo": { "myInfo": {
"connect": { "title": "Connect Social Account", "desc": "You need to link a social account to upload videos." }, "myInfo": { "title": "My Info", "desc": "In My Info, you can manage your social connections and view connected accounts." },
"button": { "title": "Connect Now", "desc": "Click the YouTube connect button.\n(Instagram connection is under development.)" }, "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." }, "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." } "ado2": { "title": "ADO2 Contents", "desc": "You can now upload the generated video.\nClick to navigate." }
}, },

View File

@ -23,7 +23,7 @@
"finish": "완료", "finish": "완료",
"landing": { "landing": {
"intro": { "title": "ADO2 튜토리얼 시작", "desc": "ADO2 사용 방법을 단계별로 안내해 드릴게요.\n먼저 검색 방식을 선택해 주세요." }, "intro": { "title": "ADO2 튜토리얼 시작", "desc": "ADO2 사용 방법을 단계별로 안내해 드릴게요.\n먼저 검색 방식을 선택해 주세요." },
"dropdown": { "title": "검색 방식 선택", "desc": "드롭다운을 클릭하여 URL 또는 업체명 중 원하는 방식을 선택하세요." }, "dropdown": { "title": "검색 방식 선택", "desc": "URL 또는 업체명 중 원하는 방식을 선택하세요." },
"url": { "title": "네이버 Place URL 입력", "desc": "네이버 지도에서 장소를 검색하고 공유를 클릭하여 나온 URL을 붙여넣으세요." }, "url": { "title": "네이버 Place URL 입력", "desc": "네이버 지도에서 장소를 검색하고 공유를 클릭하여 나온 URL을 붙여넣으세요." },
"name": { "title": "업체명 입력", "desc": "업체명을 입력하면 자동완성 목록이 나타나요.\n목록에서 원하는 업체를 선택하세요." }, "name": { "title": "업체명 입력", "desc": "업체명을 입력하면 자동완성 목록이 나타나요.\n목록에서 원하는 업체를 선택하세요." },
"button": { "title": "브랜드 분석 시작", "desc": "버튼을 누르면 AI가 브랜드를 분석하기 시작해요." } "button": { "title": "브랜드 분석 시작", "desc": "버튼을 누르면 AI가 브랜드를 분석하기 시작해요." }
@ -51,8 +51,8 @@
"video": { "title": "영상 생성", "desc": "버튼을 클릭해서 영상 생성을 시작하세요." } "video": { "title": "영상 생성", "desc": "버튼을 클릭해서 영상 생성을 시작하세요." }
}, },
"myInfo": { "myInfo": {
"connect": { "title": "소셜 연결", "desc": "영상을 업로드하려면 소셜 계정을 연동해야 해요." }, "myInfo": { "title": "내 정보", "desc": "내 정보에서는 소셜 연결과 연결된 계정을 확인 할 수 있어요." },
"button": { "title": "연결하기", "desc": "YouTube 연결 버튼을 클릭하세요. \n(Instaram연결은 개발 중입니다.)" }, "connect": { "title": "연결하기", "desc": "YouTube 연결 버튼을 클릭하세요. \n(Instaram연결은 개발 중입니다.)" },
"connected": { "title": "연결 계정", "desc": "연결된 소셜 계정 목록이에요. \n연결 후 여기서 확인할 수 있어요." }, "connected": { "title": "연결 계정", "desc": "연결된 소셜 계정 목록이에요. \n연결 후 여기서 확인할 수 있어요." },
"ado2": { "title": "ADO2 콘텐츠", "desc": "이제 생성된 영상을 업로드할 수 있어요. \n클릭해서 이동하세요." } "ado2": { "title": "ADO2 콘텐츠", "desc": "이제 생성된 영상을 업로드할 수 있어요. \n클릭해서 이동하세요." }
}, },
@ -61,7 +61,7 @@
"upload": { "title": "소셜 업로드", "desc": "선택해서 소셜미디어에 업로드하세요." } "upload": { "title": "소셜 업로드", "desc": "선택해서 소셜미디어에 업로드하세요." }
}, },
"completion": { "completion": {
"contentInfo": { "title": "콘텐츠 정보", "desc": "생성된 콘텐츠의 제목, 장르, 규격, 가사 정보를 확인하세요." }, "contentInfo": { "title": "콘텐츠 정보", "desc": "콘텐츠의 제목, 장르, 규격, 가사를 확인하세요." },
"generating": { "title": "영상 제작 중", "desc": "AI가 영상을 만들고 있어요. \n잠시만 기다려 주세요." }, "generating": { "title": "영상 제작 중", "desc": "AI가 영상을 만들고 있어요. \n잠시만 기다려 주세요." },
"completion": { "title": "영상 완성!", "desc": "영상 제작이 완료되었어요. \n영상을 확인해 볼까요?" }, "completion": { "title": "영상 완성!", "desc": "영상 제작이 완료되었어요. \n영상을 확인해 볼까요?" },
"myInfo": { "title": "소셜 계정 연동", "desc": "영상을 유튜브에 업로드하려면 내 정보에서 소셜 계정을 연동해야 해요. 클릭해서 이동하세요." } "myInfo": { "title": "소셜 계정 연동", "desc": "영상을 유튜브에 업로드하려면 내 정보에서 소셜 계정을 연동해야 해요. 클릭해서 이동하세요." }