# ๐Ÿ”— AI ์ด๋ฏธ์ง€ ์ƒ์„ฑ ํ…Œ์ŠคํŠธ URL ๊ฐ€์ด๋“œ ## โœ… ์˜ฌ๋ฐ”๋ฅธ URL ### ContentPreview Step ์ง์ ‘ ์ ‘์† ``` http://localhost:3000/events/create?event-creation.step=contentPreview ``` ๋˜๋Š” ๊ฐ„๋‹จํ•˜๊ฒŒ: ``` http://localhost:3000/events/create?step=contentPreview ``` ### Mock ๋ฐ์ดํ„ฐ ์„ค์ • ํŽ˜์ด์ง€ ``` http://localhost:3000/init-mock-data.html ``` ## ๐Ÿ“ URL ํŒŒ๋ผ๋ฏธํ„ฐ ์„ค๋ช… - `event-creation.step=contentPreview` - Funnel์˜ step์„ contentPreview๋กœ ์„ค์ • - `step=contentPreview` - ๊ฐ„๋‹จํ•œ ํ˜•์‹ (funnel id๊ฐ€ event-creation์ผ ๋•Œ) ## ๐ŸŽฏ ์ „์ฒด ํ”Œ๋กœ์šฐ ํ…Œ์ŠคํŠธ URL ### 1. ์‹œ์ž‘ (Objective Step) ``` http://localhost:3000/events/create ``` ### 2. Channel Step๊นŒ์ง€ ์ง„ํ–‰ ํ›„ ``` http://localhost:3000/events/create?event-creation.step=channel ``` ### 3. ContentPreview Step (์ด๋ฏธ์ง€ ์ƒ์„ฑ) ``` http://localhost:3000/events/create?event-creation.step=contentPreview ``` ## ๐Ÿ’ก ์ž๋™ Mock ๋ฐ์ดํ„ฐ ์ƒ์„ฑ ์ด์ œ `contentPreview` ํŽ˜์ด์ง€์— ์ง์ ‘ ์ ‘์†ํ•˜๋ฉด: 1. โœ… localStorage ํ™•์ธ 2. โœ… ๋ฐ์ดํ„ฐ ์—†์œผ๋ฉด ์ž๋™์œผ๋กœ Mock ๋ฐ์ดํ„ฐ ์ƒ์„ฑ 3. โœ… ์ฆ‰์‹œ AI ์ด๋ฏธ์ง€ ์ƒ์„ฑ ์‹œ์ž‘ **๋” ์ด์ƒ ์ˆ˜๋™์œผ๋กœ Mock ๋ฐ์ดํ„ฐ๋ฅผ ์„ค์ •ํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค!** ## ๐Ÿงช ํ…Œ์ŠคํŠธ ์‹œ๋‚˜๋ฆฌ์˜ค ### ์‹œ๋‚˜๋ฆฌ์˜ค 1: ๊ฐ€์žฅ ๋น ๋ฅธ ํ…Œ์ŠคํŠธ ```bash # 1. ๊ฐœ๋ฐœ ์„œ๋ฒ„ ์‹คํ–‰ npm run dev # 2. ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฐ”๋กœ ์ ‘์† http://localhost:3000/events/create?event-creation.step=contentPreview ``` โ†’ ์ž๋™์œผ๋กœ Mock ๋ฐ์ดํ„ฐ ์ƒ์„ฑ & ์ด๋ฏธ์ง€ ์ƒ์„ฑ ์‹œ์ž‘! ### ์‹œ๋‚˜๋ฆฌ์˜ค 2: ์ปค์Šคํ…€ ๋ฐ์ดํ„ฐ๋กœ ํ…Œ์ŠคํŠธ ```bash # 1. Mock ๋ฐ์ดํ„ฐ ์„ค์ • ํŽ˜์ด์ง€ ์—ด๊ธฐ http://localhost:3000/init-mock-data.html # 2. ์›ํ•˜๋Š” ๋ฐ์ดํ„ฐ ์ž…๋ ฅ ํ›„ ์ €์žฅ # 3. ContentPreview ์ ‘์† http://localhost:3000/events/create?event-creation.step=contentPreview ``` ### ์‹œ๋‚˜๋ฆฌ์˜ค 3: ์ „์ฒด ํ”Œ๋กœ์šฐ ํ…Œ์ŠคํŠธ ```bash # 1. ์ฒ˜์Œ๋ถ€ํ„ฐ ์‹œ์ž‘ http://localhost:3000/events/create # 2. Objective ์„ ํƒ # 3. Recommendation ํ™•์ธ # 4. Channel ์„ ํƒ (SNS, ์šฐ๋ฆฌ๋™๋„คTV, ์ง€๋‹ˆTV ์ค‘ ํ•˜๋‚˜) # 5. ์ž๋™์œผ๋กœ ContentPreview๋กœ ์ด๋™ํ•˜๋ฉฐ ์ด๋ฏธ์ง€ ์ƒ์„ฑ ์‹œ์ž‘ ``` ## ๐Ÿ› ๋ฌธ์ œ ํ•ด๊ฒฐ ### "์ด๋ฒคํŠธ ์ •๋ณด๋ฅผ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค" ์—๋Ÿฌ โ†’ ์ด์ œ ์ด ์—๋Ÿฌ๋Š” ๋ฐœ์ƒํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค! ์ž๋™์œผ๋กœ Mock ๋ฐ์ดํ„ฐ๊ฐ€ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ### ์ด๋ฏธ์ง€ ์ƒ์„ฑ ์‹คํŒจ ```bash # Content API ์„œ๋ฒ„ ํ™•์ธ curl http://localhost:8084/api/v1/content/events/7777/images # API ์„œ๋ฒ„๊ฐ€ ๊บผ์ ธ์žˆ๋‹ค๋ฉด ์‹คํ–‰ ํ•„์š” ``` ### ๋‹ค๋ฅธ ์ด๋ฒคํŠธ ID๋กœ ํ…Œ์ŠคํŠธํ•˜๊ณ  ์‹ถ์„ ๋•Œ ```javascript // ๋ธŒ๋ผ์šฐ์ € ์ฝ˜์†”์—์„œ localStorage.setItem('eventCreationData', JSON.stringify({ eventDraftId: 8888, // ๋‹ค๋ฅธ ID eventTitle: "์ปคํ”ผ ํ• ์ธ ์ด๋ฒคํŠธ", eventDescription: "์‹ ๋ฉ”๋‰ด ์ถœ์‹œ ๊ธฐ๋…", industry: "์นดํŽ˜", location: "ํ™๋Œ€", trends: ["์ปคํ”ผ", "ํ• ์ธ"], prize: "์•„๋ฉ”๋ฆฌ์นด๋…ธ 1์ž”" })); // ํŽ˜์ด์ง€ ์ƒˆ๋กœ๊ณ ์นจ location.reload(); ```