RSS DEV ์ปค๋ฎค๋‹ˆํ‹ฐ

๐Ÿš€ ํŠœ๋ธŒํŠœํ„ฐ - ์œ ํŠœ๋ธŒ ๋น„๋””์˜ค๋ฅผ ํ•™์Šต ๋†€์ดํ„ฐ๋กœ ๋ณ€ํ™˜ํ•˜์„ธ์š”! ๐Ÿ“š๐ŸŽฅ ์•ˆ๋…•ํ•˜์„ธ์š”, ๊ฐœ๋ฐœ์ž๋‹˜! ๐Ÿ‘‹

TubeTutor๋Š” YouTube ๋น„๋””์˜ค๋ฅผ ๋Œ€ํ™”ํ˜• ํ•™์Šต ๊ฒฝํ—˜์œผ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” React ์›น ์•ฑ์ž…๋‹ˆ๋‹ค. AI ๋งˆ์ˆ ์„ ์‚ฌ์šฉํ•˜์—ฌ YouTube ๋น„๋””์˜ค์—์„œ ๋Œ€ํ™”ํ˜• ํ•™์Šต ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์•ฑ์€ ๋น„๋””์˜ค์˜ ์ „์ฒด ์ž๋ง‰์„ ์ƒ์„ฑํ•˜๊ณ , ์ฃผ์š” ์ ์„ ์š”์•ฝํ•˜๊ณ , ๊ธ€๋จธ๋ฆฌ ๋…ธํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ณ , ํ€ด์ฆˆ๋ฅผ ์ƒ์„ฑํ•˜๊ณ , ์ฑ„ํŒ… ๊ธฐ๋ฐ˜ Q&A๋ฅผ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. TubeTutor๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด einfach YouTube ๋น„๋””์˜ค ๋งํฌ๋ฅผ ๋ถ™์—ฌ๋„ฃ์œผ๋ฉด ์•ฑ์ด ๋น„๋””์˜ค ID๋ฅผ ์ถ”์ถœํ•˜๊ณ  YouTube API ๋˜๋Š” ์‚ฌ์šฉ์ž ์ง€์ • ๋ฐฑ์—”๋“œ ๋งˆ์ˆ ์„ ํ†ตํ•ด ์บก์…˜์„ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ๋‹ค์Œ ํŠธ๋žœ์Šคํฌ๋ฆฝํŠธ๋Š” OpenAI API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์š”์•ฝ, ๊ตฌ์กฐํ™”๋œ ๋…ธํŠธ ๋ฐ ๋‹ค์ค‘ ์„ ํƒ ์งˆ๋ฌธ์„ ์ƒ์„ฑํ•˜๋Š” ๋ฐฑ์—”๋“œ๋กœ ์ „์†ก๋ฉ๋‹ˆ๋‹ค. ์•ฑ์—๋Š” ๋˜ํ•œ ๋น„๋””์˜ค์— ๋Œ€ํ•œ ์งˆ๋ฌธ์„ ๋ฌป๋Š” ๋ฐ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋‚ด์žฅ ์ฑ„ํŒ… ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. TubeTutor๋Š” React, Node.js, Express ๋ฐ OpenAI๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ตฌ์ถ•๋˜์—ˆ์œผ๋ฉฐ, Firebase๋ฅผ ์ธ์ฆํ•˜๊ณ  MongoDB๋ฅผ ์„ธ์…˜ ์ €์žฅ์†Œ๋กœ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์•ฑ์—๋Š” ๋‹ค์–‘ํ•œ ์‚ฌ์šฉ ์‚ฌ๋ก€๊ฐ€ ์žˆ์œผ๋ฉฐ, ํ•™์ƒ๋“ค์—๊ฒŒ๋Š” ๊ธด ๊ฐ•์˜๋ฅผ ์ž‘์€ ๋…ธํŠธ์™€ ํ€ด์ฆˆ๋กœ ๋ณ€ํ™˜ํ•˜๊ณ , ๊ต์‚ฌ๋“ค์—๊ฒŒ๋Š” YouTube ๋น„๋””์˜ค์—์„œ ์ž๋™์œผ๋กœ ๊ณต๋ถ€ ์ž๋ฃŒ๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๊ฒƒ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ์ฐฝ์กฐ์ž๋Š” YouTube ๋น„๋””์˜ค๋ฅผ ๋” ๋Œ€ํ™”ํ˜•์ด๊ณ  ์ฐธ์—ฌ์ ์œผ๋กœ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด TubeTutor๋ฅผ ๊ตฌ์ถ•ํ–ˆ์Šต๋‹ˆ๋‹ค. ์•ฑ์€ ๋ผ์ด๋ธŒ ๋ฐ ์˜คํ”ˆ ์†Œ์Šค์ด๋ฉฐ, ํ–ฅํ›„ ์•„์ด๋””์–ด๋กœ๋Š” ๋‹ค๊ตญ์–ด ์ž๋ง‰ ์ง€์›, ๋…ธํŠธ๋ฅผ PDF/Notion์œผ๋กœ ๋‚ด๋ณด๋‚ด๊ธฐ, ๊ฐœ์ธํ™”๋œ ํ•™์Šต ๊ฒฝ๋กœ๊ฐ€ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค.
favicon
dev.to
๐Ÿš€ TubeTutor โ€“ Turn Any YouTube Video Into a Learning Playground ๐Ÿ“š๐ŸŽฅ Hey devs! ๐Ÿ‘‹