Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

82 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

ํ•จ์ˆ˜๋‹ฌ - ์„ค๋นˆ(SoulBin)

์„œ๋น„์Šค ์š”์•ฝ

๐Ÿ‘‘ 2025 AI-Conic ํ•ด์ปคํ†ค ์ตœ์šฐ์ˆ˜์ƒ ์ˆ˜์ƒ์ž‘ ๐Ÿ‘‘

์„ค๋นˆ(SoulBin)์€ AI ๊ธฐ๋ฐ˜ ๊ฐ์ • ์ผ€์–ด ํ”Œ๋žซํผ์œผ๋กœ, ์ผ๊ธฐ ์ž‘์„ฑ ๋˜๋Š” AI ์ƒ๋‹ด ์ฑ„ํŒ…์„ ํ†ตํ•ด ์ž์‹ ์˜ ์‹ฌ๋ฆฌ ์ƒํƒœ๋ฅผ ๊ธฐ๋กํ•˜๊ณ  ๋ถ„์„ํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค. LLM์„ ํ™œ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ ๊ฐ์ •์„ ๋ถ„์„ํ•˜๊ณ , ๋งž์ถคํ˜• ์กฐ์–ธ๊ณผ ์‹œ๊ฐํ™”๋œ ๊ฐ์ • ํ†ต๊ณ„๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์„œ๋น„์Šค ์‚ฌ์šฉํ•ด๋ณด๊ธฐ

์ฃผ์ œ ๊ตฌ๋ถ„

  • Sํƒ€์ž… - ํ˜„๋Œ€์ธ์˜ ์ŠคํŠธ๋ ˆ์Šค ํ•ด์†Œ๋ฅผ ์œ„ํ•œ ์„œ๋น„์Šค

ํŒ€์› ์†Œ๊ฐœ

๊ถŒ์„ ์šฐ ์žฅ๊ธฐ์› ํ™ฉ๋ถ€์—ฐ
๊ธฐํš / ๊ธฐ๋Šฅ ์„ค๊ณ„ / ๋ฐœํ‘œ ๋””์ž์ธ / ๊ฐœ๋ฐœ(FE) ์‹œ์Šคํ…œ ์„ค๊ณ„ / ๊ฐœ๋ฐœ(FE/BE)

์‹œ์—ฐ ์˜์ƒ

https://www.youtube.com/shorts/wgDE258V5lw

์„œ๋น„์Šค ์†Œ๊ฐœ

์„œ๋น„์Šค ๊ฐœ์š”

์„œ๋น„์Šค ๋ฉ”์ธ ํ™”๋ฉด

์„ค๋นˆ(SoulBin)์€ AI ๊ธฐ๋ฐ˜ ๊ฐ์ • ์ผ€์–ด ํ”Œ๋žซํผ์œผ๋กœ, ์‚ฌ์šฉ์ž๊ฐ€ ์ผ๊ธฐ ์ž‘์„ฑ ๋˜๋Š” AI ์ƒ๋‹ด ์ฑ„ํŒ… ๋‘ ๊ฐ€์ง€ ํ˜•์‹ ์ค‘ ํ•˜๋‚˜๋ฅผ ์„ ํƒํ•ด ์ž์‹ ์˜ ์‹ฌ๋ฆฌ ์ƒํƒœ๋ฅผ ๊ธฐ๋กํ•˜๊ณ  ๋ถ„์„ํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ์ž‘์„ฑํ•œ ์ผ๊ธฐ ๋‚ด์šฉ์ด๋‚˜ AI์™€ ์ฃผ๊ณ ๋ฐ›์€ ์ƒ๋‹ด ๋Œ€ํ™”๋ฅผ ์ž์—ฐ์–ด ์ฒ˜๋ฆฌ AI๊ฐ€ ๋ถ„์„ํ•˜์—ฌ ํ˜„์žฌ ๊ฐ์ • ์ƒํƒœ(์˜ˆ: ๋ถˆ์•ˆ, ์šฐ์šธ, ํ‰์˜จ ๋“ฑ)์™€ ์„ฑ๊ฒฉ ๊ฒฝํ–ฅ์„ ์ถ”๋ก ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ถ„์„ ๊ฒฐ๊ณผ๋Š” ์ผ๋ณ„ ๊ฐ์ • ๋ณ€ํ™” ์ถ”์ด, ๊ฐ์ • ๋ถ„ํฌ ๊ทธ๋ž˜ํ”„ ๋“ฑ์œผ๋กœ ์‹œ๊ฐํ™”๋˜์–ด ์ œ๊ณต๋˜๋ฉฐ, ์ด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋งž์ถคํ˜• ํ”ผ๋“œ๋ฐฑ์„ ์ œ์‹œํ•ด์ค๋‹ˆ๋‹ค.

ํ˜„๋Œ€ ์‚ฌํšŒ์—์„œ๋Š” '์ •์‹ ๋ณ‘'์ด๋ผ๋Š” ๋‹จ์–ด์— ๋Œ€ํ•œ ๋ถ€์ •์  ์ธ์‹ ๋•Œ๋ฌธ์— ์ž์‹ ์˜ ์ •์‹  ์ƒํƒœ๋ฅผ ์†”์งํ•˜๊ฒŒ ํŒŒ์•…ํ•˜๊ณ  ์ธ์ •ํ•˜๊ธฐ ์–ด๋ ค์šด ๋ถ„์œ„๊ธฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์‹ค ๋งŽ์€ ์ •์‹ ์  ์–ด๋ ค์›€์ด ๋‡Œ์™€ ๋ชธ์˜ ํ™”ํ•™ ์ž‘์šฉ ๋“ฑ ๋‹ค์–‘ํ•œ ์š”์ธ์œผ๋กœ ์ธํ•ด ๋ฐœ์ƒํ•˜์ง€๋งŒ, ์‚ฌ๋žŒ๋“ค์€ ์ด๋ฅผ ๋งˆ์Œ์ด ์•ฝํ•ด์กŒ๋‹ค๊ณ  ์—ฌ๊ธฐ๋ฉฐ ๋ถ€์ •ํ•˜๊ฑฐ๋‚˜ ์ˆจ๊ธฐ๋Š” ๊ฒฝํ–ฅ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์„ค๋นˆ(SoulBin)์€ ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด, ์‚ฌ์šฉ์ž๊ฐ€ ๋ชจ๋ฅด๋Š” ์‚ฌ์ด ๋ˆ„์ ๋œ ๊ฐ์ •์˜ ํ๋ฆ„๊ณผ ํŒจํ„ด์„ ๋ˆˆ์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ์‹œ๊ฐํ™”ํ•˜์—ฌ ์‹ฌ๋ฆฌ์  ๊ณ ํ†ต์„ ์ธ์ง€ํ•˜๋„๋ก ๋•๊ณ  ๊ทธ์— ๋Œ€ํ•œ ์ž‘์€ ํ•ด๊ฒฐ์ฑ…์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž๋Š” ์ž์‹ ์˜ ์ŠคํŠธ๋ ˆ์Šค์™€ ๊ฐ์ •์  ๊ณ ํ†ต์„ ๊ฐ๊ด€์ ์œผ๋กœ ๋ฐ›์•„๋“ค์ด๊ณ , ์ด๋ฅผ ํ•ด์†Œํ•˜๊ธฐ ์œ„ํ•œ ์ฒซ ๊ฑธ์Œ์„ ๋—„ ์ˆ˜ ์žˆ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

ํƒ€์„œ๋น„์Šค์™€์˜ ์ฐจ๋ณ„์ 

AI ๋Œ€ํ™”ํ˜• ๊ฐ์ • ๋ถ„์„

๊ธฐ์กด์˜ ๊ฐ์ •์ผ๊ธฐ ์•ฑ๋“ค์ด ์‚ฌ์šฉ์ž๊ฐ€ ์ž…๋ ฅํ•œ ๊ฐ์ •์„ ๋‹จ์ˆœ ๊ธฐ๋กํ•˜๊ฑฐ๋‚˜ ์ผ๋ฐฉ์ ์ธ ์ฝ”๋ฉ˜ํŠธ๋ฅผ ์ œ๊ณตํ•˜๋Š” ๋ฐ ๊ทธ์น˜๋Š” ๋ฐ˜๋ฉด, ์„ค๋นˆ์€ AI์™€์˜ ์Œ๋ฐฉํ–ฅ ๋Œ€ํ™”๋ฅผ ํ†ตํ•ด ๊ฐ์ •์„ ๋ถ„์„ํ•˜๊ณ  ํ”ผ๋“œ๋ฐฑํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ์ผ์ƒ ๋Œ€ํ™”ํ•˜๋“ฏ ๊ณ ๋ฏผ์„ ํ„ธ์–ด๋†“์„ ์ˆ˜ ์žˆ๊ณ , AI๋Š” ๊ทธ ๋‚ด์šฉ์„ ๊นŠ์ด ์žˆ๊ฒŒ ํ•ด์„ํ•˜์—ฌ ์‹ค์‹œ๊ฐ„ ์ •์„œ์  ๊ณต๊ฐ๊ณผ ๋‹ต๋ณ€์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

๊ฐ์ • ๋ฐ ์„ฑ๊ฒฉ ์‹œ๊ฐํ™” ๊ธฐ๋Šฅ

์ผ๋ฐ˜์ ์ธ ์‹ฌ๋ฆฌ ๊ธฐ๋ก ๋˜๋Š” ๋ช…์ƒ ์•ฑ์—์„œ๋Š” ๊ฐ์ • ๋ณ€ํ™”๋ฅผ ์‹œ๊ฐ์ ์œผ๋กœ ํ‘œ์‹œํ•˜๋Š” ๊ธฐ๋Šฅ์ด ๋ฏธํกํ•œ ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ์„ค๋นˆ์€ ๊ฐ์ • ์ƒํƒœ์˜ ๋ณ€ํ™” ์ถ”์ด์™€ ๋‹ค์–‘ํ•œ ๊ฐ์ • ๋ถ„ํฌ๋ฅผ ๊ทธ๋ž˜ํ”„๋กœ ๋ณด์—ฌ์ฃผ๊ณ , ๋‚˜์•„๊ฐ€ ์‚ฌ์šฉ์ž์˜ ์„ฑ๊ฒฉ ํ”„๋กœํŒŒ์ผ๊นŒ์ง€ ์‹œ๊ฐํ™”ํ•˜์—ฌ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ด ์ง๊ด€์ ์ธ ์‹œ๊ฐํ™” ๋•๋ถ„์— ์‚ฌ์šฉ์ž๋Š” ์ž์‹ ์˜ ๋งˆ์Œ ์ƒํƒœ๋ฅผ ํ•œ๋ˆˆ์— ํŒŒ์•…ํ•˜๊ณ  ํŒจํ„ด์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋งž์ถคํ˜• ์กฐ์–ธ๊ณผ ํ”ผ๋“œ๋ฐฑ

์„ค๋นˆ์€ ์‚ฌ์šฉ์ž์˜ ํ˜„์žฌ ๊ฐ์ • ์ƒํƒœ์— ๊ผญ ๋งž๋Š” ์‘์› ๋ฌธ๊ตฌ๋‚˜ ์กฐ์–ธ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์šฐ์šธํ•œ ๋‚ ์—๋Š” ์œ„๋กœ์™€ ํ•จ๊ป˜ ๊ฐ„๋‹จํ•œ ๊ธฐ๋ถ„ ์ „ํ™˜ ํŒ์„, ๋ถˆ์•ˆํ•œ ๋‚ ์—๋Š” ์‹ฌํ˜ธํก ๋“ฑ ์•ˆ์ •์— ๋„์›€์ด ๋˜๋Š” ์ œ์•ˆ์„ ๊ฑด๋„ค๋Š” ์‹์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๊ฐœ์ธ ๋งž์ถค ํ”ผ๋“œ๋ฐฑ์€ ์ฃผ๋กœ ์ •ํ•ด์ง„ ์ฝ˜ํ…์ธ ๋งŒ ์ œ๊ณตํ•˜๋Š” ๊ธฐ์กด ์•ฑ๋“ค๊ณผ ๋‹ฌ๋ฆฌ, ์‚ฌ์šฉ์ž๋งˆ๋‹ค ๋‹ค๋ฅธ ๋Œ€์‘์ฑ…์„ ์ œ์‹œํ•œ๋‹ค๋Š” ์ ์—์„œ ์ฐจ๋ณ„ํ™”๋ฉ๋‹ˆ๋‹ค.

๋‘ ๊ฐ€์ง€ ๊ธฐ๋ก ๋ชจ๋“œ ์ œ๊ณต

์ผ๊ธฐ ์“ฐ๊ธฐ๋ฅผ ์„ ํ˜ธํ•˜๋Š” ์‚ฌ๋žŒ๋„ ์žˆ๊ณ  ๋Œ€ํ™”๋กœ ํ„ธ์–ด๋†“๋Š” ๋ฐฉ์‹์„ ํŽธํ•˜๊ฒŒ ์—ฌ๊ธฐ๋Š” ์‚ฌ๋žŒ๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ค๋นˆ์€ ํ…์ŠคํŠธ ์ผ๊ธฐ ๋ชจ๋“œ์™€ AI ์ƒ๋‹ด ์ฑ„ํŒ… ๋ชจ๋“œ๋ฅผ ๋ชจ๋‘ ์ง€์›ํ•˜์—ฌ ์‚ฌ์šฉ์ž ์ทจํ–ฅ์— ๋งž๋Š” ํ‘œํ˜„ ๋ฐฉ๋ฒ•์„ ์„ ํƒํ•˜๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์œ ์‚ฌ ์„œ๋น„์Šค๋“ค์ด ์ฃผ๋กœ ์ผ๊ธฐ ํ˜•์‹๋งŒ ์ œ๊ณตํ•˜๊ฑฐ๋‚˜ ์ฑ—๋ด‡ ์ƒ๋‹ด๋งŒ ๊ฐ€๋Šฅํ•œ ๊ฒƒ๊ณผ ๋‹ฌ๋ฆฌ, ์„ค๋นˆ์—์„œ๋Š” ํ•„์š”์— ๋”ฐ๋ผ ๊ธฐ๋ก ๋ฐฉ์‹์„ ์œ ์—ฐํ•˜๊ฒŒ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์–ด ์ด์šฉ ํŽธ์˜์„ฑ์ด ๋†’์Šต๋‹ˆ๋‹ค.

๊ตฌํ˜„ ๋‚ด์šฉ ๋ฐ ๊ฒฐ๊ณผ๋ฌผ

1. ์ผ๊ธฐ ์ž‘์„ฑ ๋ฐ AI ๊ฐ์ • ๋ถ„์„

์ผ๊ธฐ ์ž‘์„ฑ ํ™”๋ฉด

  • ์‚ฌ์šฉ์ž๊ฐ€ ์ž‘์„ฑํ•œ ์ผ๊ธฐ๋ฅผ OpenAI GPT-4o-mini๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์ž๋™ ๋ถ„์„
  • ๊ฐ์ • ์ƒํƒœ(์˜ˆ: ๋ถˆ์•ˆ, ๊ธฐ์จ, ์Šฌํ””, ๋ถ„๋…ธ ๋“ฑ), ๊ฐ•๋„(1-10 ์Šค์ผ€์ผ), ๊ด€๋ จ ํƒœ๊ทธ, ํ•œ ์ค„ ์š”์•ฝ ์ถ”์ถœ
  • ์‚ฌ์šฉ์ž์˜ AI ์Šคํƒ€์ผ ์„ค์ •(AUTO, COLD, WARM)์— ๋”ฐ๋ฅธ ๋งž์ถคํ˜• ์กฐ์–ธ ์ œ๊ณต

2. AI ์ƒ๋‹ด ์ฑ„ํŒ…

AI ์ฑ„ํŒ… ํ™”๋ฉด

  • ์‹ค์‹œ๊ฐ„ ๋Œ€ํ™”ํ˜• AI ์ƒ๋‹ด ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ๋Œ€ํ™” ๋งฅ๋ฝ์„ ํŒŒ์•…ํ•˜์—ฌ ์ž์—ฐ์Šค๋Ÿฌ์šด ์ƒ๋‹ด ์ œ๊ณต
  • ์ฒซ ๋ฉ”์‹œ์ง€ ๊ธฐ๋ฐ˜ ์ž๋™ ์ฑ„ํŒ… ์ œ๋ชฉ ์ƒ์„ฑ
  • ์ตœ๊ทผ 10๊ฐœ ๋ฉ”์‹œ์ง€ ์ปจํ…์ŠคํŠธ๋ฅผ ํ™œ์šฉํ•œ ์—ฐ์†์ ์ธ ๋Œ€ํ™” ์ง€์›

3. ๊ฐ์ • ๋ถ„์„ ๋Œ€์‹œ๋ณด๋“œ

๋Œ€์‹œ๋ณด๋“œ ๋ฉ”์ธ ํ™”๋ฉด

  • ์˜ค๋Š˜์˜ ๊ฐ์ •: ๋‹น์ผ ์ž‘์„ฑํ•œ ์ผ๊ธฐ์˜ ๊ฐ์ • ๋ถ„์„ ๊ฒฐ๊ณผ ํ‘œ์‹œ
  • ์ด๋ฒˆ ์ฃผ ์š”์•ฝ: ์ตœ๊ทผ 7์ผ๊ฐ„ ๊ฐ€์žฅ ๋งŽ์ด ๋А๋‚€ ๊ฐ์ • ํ†ต๊ณ„
  • ๊ฐ์ • ํ†ต๊ณ„ ์‹œ๊ฐํ™”:
    • ๊ฐ์ • ๋ถ„ํฌ ํŒŒ์ด ์ฐจํŠธ
    • ๊ฐ์ •๋ณ„ ํ‰๊ท  ๊ฐ•๋„ ๋ฐ” ์ฐจํŠธ
    • ์ตœ๊ทผ 7์ผ๊ฐ„ ๊ฐ์ • ๊ฐ•๋„ ์ถ”์ด ๊ทธ๋ž˜ํ”„
    • ๊ฐ์ •๋ณ„ ์ƒ์„ธ ํ†ต๊ณ„ (๋นˆ๋„, ํ‰๊ท  ๊ฐ•๋„, ๋น„์œจ)

4. ์‚ฌ์šฉ์ž ํ”„๋กœํ•„ ๊ด€๋ฆฌ

ํ”„๋กœํ•„ ํŽ˜์ด์ง€

  • ๊ฐœ์ธ์ •๋ณด ์ˆ˜์ • (๋‹‰๋„ค์ž„, ์ „ํ™”๋ฒˆํ˜ธ, ์ƒ๋…„์›”์ผ, ์ง์—…)
  • AI ์‘๋‹ต ์Šคํƒ€์ผ ์„ ํƒ (์ž๋™/์ฐจ๊ฐ€์šด/๋”ฐ๋œปํ•œ)
  • ์‚ฌ์šฉ ํ†ต๊ณ„ ํ™•์ธ (์ด ์ผ๊ธฐ ์ˆ˜, ์ด ์ƒ๋‹ด ์ˆ˜)
  • ๋ฐ์ดํ„ฐ ๋‚ด๋ณด๋‚ด๊ธฐ ๊ธฐ๋Šฅ (์ผ๊ธฐ ๋ฐ ์ฑ„ํŒ… ๋ฐ์ดํ„ฐ JSON ํ˜•์‹)

5. ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ตœ์ ํ™”

์˜จ๋ณด๋”ฉ ํ™”๋ฉด

  • Next.js 16์˜ Server-side Rendering์œผ๋กœ ๋น ๋ฅธ ์ดˆ๊ธฐ ๋กœ๋”ฉ
  • BetterAuth๋ฅผ ํ™œ์šฉํ•œ ์•ˆ์ „ํ•œ ์„ธ์…˜ ๊ธฐ๋ฐ˜ ์ธ์ฆ
  • Tailwind CSS v4์™€ Radix UI๋กœ ์ผ๊ด€๋œ ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ•
  • ์‹œ๊ฐ„๋Œ€๋ณ„ ๋งž์ถค ์ธ์‚ฌ๋ง ์ œ๊ณต
  • ์ด๋ชจ์ง€ ๊ธฐ๋ฐ˜ ๊ฐ์ • ํ‘œํ˜„์œผ๋กœ ์ง๊ด€์ ์ธ UI

๊ตฌํ˜„ ๋ฐฉ์‹

Summary

  • Design: Figma
  • FE/BE: Next.js 16.0 (with React 19.2 + TypeScript)
  • UI Framework: Radix UI + Tailwind CSS v4
  • Database: PostgreSQL
  • ORM: Prisma
  • Deploy: Vercel

๊ธฐํƒ€ ์ƒ์„ธ ์Šคํƒ์€ ์•„๋ž˜ ์ฐธ์กฐ

์„œ๋น„์Šค ํ”Œ๋กœ์šฐ - Flow

์„œ๋น„์Šค ํ”Œ๋กœ์šฐ

์‹œ์Šคํ…œ ์•„ํ‚คํ…์ฒ˜ - Stacks

์‹œ์Šคํ…œ ์•„ํ‚คํ…์ฒ˜

์‹œ์Šคํ…œ ์•„ํ‚คํ…์ฒ˜ - ERD

์‹œ์Šคํ…œ ์•„ํ‚คํ…์ฒ˜

๊ธฐ์ˆ  ๊ตฌํ˜„ ์ƒ์„ธ

ํ”„๋ก ํŠธ์—”๋“œ

  • Next.js 16.0 with React 19.2: ์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)๊ณผ Server Actions๋ฅผ ํ™œ์šฉํ•œ ํ’€์Šคํƒ ๊ฐœ๋ฐœ
  • TypeScript: ํƒ€์ž… ์•ˆ์ „์„ฑ์„ ๋ณด์žฅํ•˜๊ณ  ๊ฐœ๋ฐœ ์ƒ์‚ฐ์„ฑ ํ–ฅ์ƒ
  • Tailwind CSS v4: ์œ ํ‹ธ๋ฆฌํ‹ฐ ๊ธฐ๋ฐ˜ ์Šคํƒ€์ผ๋ง์œผ๋กœ ์ผ๊ด€๋œ ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ•
  • Radix UI: ํ—ค๋“œ๋ฆฌ์Šค UI ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ปค์Šคํ…€ ๋””์ž์ธ์„ ๊ตฌํ˜„ํ•˜์—ฌ ๊ฐœ๋ฐœ
  • react-hook-form: ํšจ์œจ์ ์ธ ํผ ์ƒํƒœ ๊ด€๋ฆฌ ๋ฐ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ
  • recharts: ๊ฐ์ • ํ†ต๊ณ„ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”๋ฅผ ์œ„ํ•œ ์ฐจํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
  • motion (Framer Motion): ๋ถ€๋“œ๋Ÿฌ์šด ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ
  • date-fns: ๋‚ ์งœ ํฌ๋งทํŒ… ๋ฐ ๊ณ„์‚ฐ

๋ฐฑ์—”๋“œ

  • Next.js API Routes: RESTful API ์—”๋“œํฌ์ธํŠธ ๊ตฌํ˜„
  • Server Actions: React Server Components๋ฅผ ํ™œ์šฉํ•œ ์„œ๋ฒ„ ์ธก ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ
  • PostgreSQL: ๊ด€๊ณ„ํ˜• ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋กœ ์‚ฌ์šฉ์ž, ์ผ๊ธฐ, ์ฑ„ํŒ… ๋ฐ์ดํ„ฐ ์ €์žฅ
  • Prisma ORM: ํƒ€์ž… ์•ˆ์ „ํ•œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ฟผ๋ฆฌ ๋ฐ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ๊ด€๋ฆฌ
  • BetterAuth: ์„ธ์…˜ ๊ธฐ๋ฐ˜ ์ธ์ฆ ์‹œ์Šคํ…œ ๊ตฌํ˜„

AI ๋ฐ ์ž์—ฐ์–ด ์ฒ˜๋ฆฌ

  • LangChain: AI ์›Œํฌํ”Œ๋กœ์šฐ ๊ตฌ์ถ• ๋ฐ ํ”„๋กฌํ”„ํŠธ ๊ด€๋ฆฌ
  • OpenAI API (GPT-4o-mini): ๊ฐ์ • ๋ถ„์„, ์กฐ์–ธ ์ƒ์„ฑ, ์ฑ„ํŒ… ์‘๋‹ต ์ƒ์„ฑ
  • Structured Output Parser: JSON ์Šคํ‚ค๋งˆ ๊ธฐ๋ฐ˜ AI ์‘๋‹ต ํŒŒ์‹ฑ
  • Zod: ๋Ÿฐํƒ€์ž„ ํƒ€์ž… ๊ฒ€์ฆ ๋ฐ ์Šคํ‚ค๋งˆ ์ •์˜

๋ฐฐํฌ ๋ฐ ์ธํ”„๋ผ

  • Vercel: ์„œ๋ฒ„๋ฆฌ์Šค ๋ฐฐํฌ ํ”Œ๋žซํผ์œผ๋กœ ์ž๋™ ๋ฐฐํฌ ๋ฐ ์Šค์ผ€์ผ๋ง
  • pnpm: ํšจ์œจ์ ์ธ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ

ํ•ต์‹ฌ ๊ตฌํ˜„ ๊ธฐ์ˆ 

1. Next.js ๊ธฐ๋ฐ˜ ํ’€์Šคํƒ ์›น

  • React 19.2 + React Compiler๋กœ ์ž๋™ ์„ฑ๋Šฅ ์ตœ์ ํ™”
  • Next.js 16์˜ Server Components ๋ฐ Server Actions ์•„ํ‚คํ…์ฒ˜
  • after() API๋ฅผ ํ™œ์šฉํ•œ ๋น„๋™๊ธฐ ๋ฐฑ๊ทธ๋ผ์šด๋“œ LLM ์ฒ˜๋ฆฌ(์ผ๊ธฐ ๋ถ„์„ ๋“ฑ)

2. ๋””์ž์ธ ์‹œ์Šคํ…œ

  • Tailwind CSS v4 ๊ธฐ๋ฐ˜ ์ปค์Šคํ…€ ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ•
  • Figma MCP ํ†ตํ•ฉ์œผ๋กœ ๋””์ž์ธ-์ฝ”๋“œ ๋™๊ธฐํ™”
  • ์ฒด๊ณ„์ ์ธ spacing/typography/color ๋ณ€์ˆ˜ ๊ด€๋ฆฌ
  • ์ง์ ‘ ๋””์ž์ธํ•œ ์ปค์Šคํ…€ SVG ์•„์ด์ฝ˜์…‹ ๋ฐ Toss Face ์Šคํƒ€์ผ ์ด๋ชจ์ง€ ์ปดํฌ๋„ŒํŠธ

3. AI ์›Œํฌํ”Œ๋กœ์šฐ ๊ตฌ์ถ•

  • LangChain + Structured Output Parser๋กœ ํƒ€์ž… ์•ˆ์ „ํ•œ AI ์‘๋‹ต ์ฒ˜๋ฆฌ
  • Zod ์Šคํ‚ค๋งˆ ๊ธฐ๋ฐ˜ ๋Ÿฐํƒ€์ž„ ๊ฒ€์ฆ
  • ์ปจํ…์ŠคํŠธ ์ธ์‹ ๊ฐ์ • ๋ถ„์„ ํŒŒ์ดํ”„๋ผ์ธ

4. Server Actions ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜

  • Server-side data fetching์œผ๋กœ ๋น ๋ฅธ ์ดˆ๊ธฐ ๋กœ๋”ฉ ์†์„ฑ ์ œ๊ณต
  • Next.js Server Actions๋ฅผ ํ™œ์šฉํ•œ ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์„œ๋ฒ„-ํด๋ผ์ด์–ธํŠธ ํ†ต์‹  ๊ตฌํ˜„
  • React Hook Form๊ณผ ํ†ตํ•ฉ๋œ ํผ ์ฒ˜๋ฆฌ
  • ์ž๋™ ์บ์‹œ revalidation

5. ์„ฑ๋Šฅ ์ตœ์ ํ™”

  • Server-side data fetching ๋ฐ Streaming
  • Suspense ๋ฐ Loading UI๋ฅผ ํ™œ์šฉํ•œ ์ ์ง„์  ๋ Œ๋”๋ง
  • Database indexing ๋ฐ ์ฟผ๋ฆฌ ์ตœ์ ํ™”, Prisma์˜ ORM์„ ํ™œ์šฉํ•œ ์Šคํ‚ค๋งˆ ๊ด€๋ฆฌ

ํ–ฅํ›„ ๊ฐœ์„  ํ˜น์€ ๋ฐœ์ „ ๋ฐฉ์•ˆ

1. AI ๊ธฐ๋Šฅ ๊ณ ๋„ํ™”

1-1. ์žฅ๊ธฐ ๋ฉ”๋ชจ๋ฆฌ ์‹œ์Šคํ…œ (Long-term Memory)

ํ˜„์žฌ ์ฑ„ํŒ…์€ ์ตœ๊ทผ 10๊ฐœ ๋ฉ”์‹œ์ง€๋งŒ ์ฐธ์กฐํ•˜์ง€๋งŒ, Vector DB ๊ธฐ๋ฐ˜ ์žฅ๊ธฐ ๋ฉ”๋ชจ๋ฆฌ๋ฅผ ๋„์ž…ํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ ๊ณผ๊ฑฐ ์ผ๊ธฐ์™€ ์ƒ๋‹ด ๋‚ด์šฉ์„ ๊ธฐ์–ตํ•˜๊ณ  ๊ฐœ์ธํ™”๋œ ์กฐ์–ธ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด "3๊ฐœ์›” ์ „ ๋น„์Šทํ•œ ๊ฐ์ •์„ ๋А๊ผˆ์„ ๋•Œ ์‚ฐ์ฑ…์ด ๋„์›€๋์–ด์š”. ์˜ค๋Š˜๋„ ์‹œ๋„ํ•ด๋ณผ๊นŒ์š”?"์™€ ๊ฐ™์ด ๊ณผ๊ฑฐ ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ํ•œ ๋งž์ถคํ˜• ์ƒ๋‹ด์ด ๊ฐ€๋Šฅํ•ด์ง‘๋‹ˆ๋‹ค.

1-2. ๊ฐ์ • ์˜ˆ์ธก ๋ชจ๋ธ (Emotion Forecasting)

Time-series ๋ถ„์„์œผ๋กœ ์‚ฌ์šฉ์ž์˜ ๊ฐ์ • ํŒจํ„ด์„ ํ•™์Šตํ•˜์—ฌ, ๋ถ€์ •์  ๊ฐ์ •์„ ์‚ฌ์ „์— ์˜ˆ์ธกํ•˜๊ณ  ์˜ˆ๋ฐฉ์  ์ผ€์–ด๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์š”์ผ, ์‹œ๊ฐ„๋Œ€, ๊ณ„์ ˆ๋ณ„ ๊ฐ์ • ํŠธ๋ฆฌ๊ฑฐ๋ฅผ ๋ถ„์„ํ•˜์—ฌ "์›”์š”์ผ ์•„์นจ์— ๋ถˆ์•ˆ๊ฐ์ด ๋†’์•„์ง€๋Š” ํŒจํ„ด์ด ๋ณด์—ฌ์š”. ์ผ์š”์ผ ์ €๋…์— ๊ฐ€๋ฒผ์šด ์ค€๋น„ ๋ฃจํ‹ด์„ ์ œ์•ˆ๋“œ๋ฆด๊ฒŒ์š”"์™€ ๊ฐ™์€ ์„ ์ œ์  ์กฐ์–ธ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

1-3. ๋ฉ€ํ‹ฐ๋ชจ๋‹ฌ ๊ฐ์ • ๋ถ„์„ (Multi-modal Analysis)

ํ…์ŠคํŠธ๋งŒ์œผ๋กœ ํŒŒ์•…ํ•˜๊ธฐ ์–ด๋ ค์šด ๋ฌด์˜์‹์  ๊ฐ์ • ์‹ ํ˜ธ๋ฅผ ๋‹ค์–‘ํ•œ ๋ฐฉ์‹์œผ๋กœ ํฌ์ฐฉํ•ฉ๋‹ˆ๋‹ค. ์Œ์„ฑ ์ผ๊ธฐ์—์„œ๋Š” ์–ต์–‘๊ณผ ๋ง ์†๋„๋ฅผ ๋ถ„์„ํ•˜๊ณ , ์ด๋ฏธ์ง€ ๋ถ„์„์œผ๋กœ ์ฒจ๋ถ€ ์‚ฌ์ง„์˜ ๋ถ„์œ„๊ธฐ๋ฅผ ํŒŒ์•…ํ•˜๋ฉฐ, ์ƒ์ฒด ๋ฐ์ดํ„ฐ ์—ฐ๋™์„ ํ†ตํ•ด ์ˆ˜๋ฉด ํŒจํ„ด์ด๋‚˜ ํ™œ๋™๋Ÿ‰๊ณผ ๊ฐ์ •์˜ ์ƒ๊ด€๊ด€๊ณ„๋ฅผ ๋ถ„์„ํ•ฉ๋‹ˆ๋‹ค.

1-4. ์ ์‘ํ˜• AI ํผ์Šค๋‚ผ๋ฆฌํ‹ฐ (Adaptive AI Personality)

ํ˜„์žฌ 3๊ฐ€์ง€ ์ •์  ์Šคํƒ€์ผ(AUTO/COLD/WARM) ์ค‘ ์„ ํƒํ•˜๋Š” ๋ฐฉ์‹์—์„œ, **์‚ฌ์šฉ์ž ํ”ผ๋“œ๋ฐฑ ๊ธฐ๋ฐ˜ ๊ฐ•ํ™”ํ•™์Šต(RLHF)**์„ ์ ์šฉํ•˜์—ฌ ์ž๊ธฐ์ง„ํ™”ํ•˜๋Š” ์ƒ๋‹ด ์Šคํƒ€์ผ์„ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ "๋„์›€๋จ/์•ˆ๋จ" ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ๋ฉด AI๊ฐ€ ๊ฐœ์ธ๋ณ„ ์ตœ์ ์˜ ํ†ค๊ณผ ๋‰˜์•™์Šค๋ฅผ ํ•™์Šตํ•˜์—ฌ, ๊ฐ™์€ "๋”ฐ๋œปํ•œ ์Šคํƒ€์ผ"์ด๋ผ๋„ ์‚ฌ์šฉ์ž๋งˆ๋‹ค ๋‹ค๋ฅธ ์„ธ๋ถ€ ํ‘œํ˜„์œผ๋กœ ์‘๋‹ตํ•ฉ๋‹ˆ๋‹ค.

1-5. ๊ฐ์ • ์ธ๊ณผ๊ด€๊ณ„ ๊ทธ๋ž˜ํ”„ (Causal Emotion Graph)

Knowledge Graph๋ฅผ ๊ตฌ์ถ•ํ•˜์—ฌ ๊ฐ์ •, ์ƒํ™ฉ, ํ–‰๋™ ๊ฐ„์˜ ์ธ๊ณผ๊ด€๊ณ„๋ฅผ ์‹œ๊ฐ์ ์œผ๋กœ ํŒŒ์•…ํ•ฉ๋‹ˆ๋‹ค. "์—…๋ฌด ์ŠคํŠธ๋ ˆ์Šค โ†’ ๊ณผ์‹ โ†’ ์ž์ฑ…๊ฐ โ†’ ๋ถˆ๋ฉด"๊ณผ ๊ฐ™์€ ๊ฐ์ •์˜ ๋„๋ฏธ๋…ธ ํšจ๊ณผ๋ฅผ ๋‹ค์ด์–ด๊ทธ๋žจ์œผ๋กœ ๋ณด์—ฌ์ฃผ๊ณ , ์—ฐ์‡„ ๋ฐ˜์‘์˜ ๊ทผ๋ณธ ์›์ธ์„ ์ฐพ์•„ ํ•ด๊ฒฐ์ฑ…์„ ์ œ์‹œํ•ฉ๋‹ˆ๋‹ค.

2. ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ๊ฐœ์„ 

  • ๋ชจ๋ฐ”์ผ ์•ฑ: React Native ๋˜๋Š” PWA๋ฅผ ํ™œ์šฉํ•œ ๋„ค์ดํ‹ฐ๋ธŒ ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ
  • ํ‘ธ์‹œ ์•Œ๋ฆผ: ์ผ๊ธฐ ์ž‘์„ฑ ๋ฆฌ๋งˆ์ธ๋”, ๊ธ์ •์ ์ธ ๋ฉ”์‹œ์ง€ ์ „์†ก
  • ๋‹คํฌ ๋ชจ๋“œ: ์•ผ๊ฐ„ ์‚ฌ์šฉ์„ ์œ„ํ•œ ๋‹คํฌ ํ…Œ๋งˆ ์ง€์›
  • ๋‹ค๊ตญ์–ด ์ง€์›: ์˜์–ด, ์ผ๋ณธ์–ด ๋“ฑ ๋‹ค๊ตญ์–ด ์„œ๋น„์Šค ํ™•์žฅ

3. ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ธฐ๋Šฅ

  • ์ต๋ช… ์ปค๋ฎค๋‹ˆํ‹ฐ: ๋น„์Šทํ•œ ๊ฐ์ •์„ ๊ฒฝํ—˜ํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค ๊ฐ„์˜ ์ต๋ช… ์†Œํ†ต ๊ณต๊ฐ„
  • ๊ฐ์ • ๊ณต์œ : ์ผ๊ธฐ๋ฅผ ์ต๋ช…์œผ๋กœ ๊ณต์œ ํ•˜๊ณ  ๋‹ค๋ฅธ ์‚ฌ์šฉ์ž์˜ ์‘์› ๋ฐ›๊ธฐ
  • ์ „๋ฌธ๊ฐ€ ์—ฐ๊ฒฐ: ์‹ฌ๊ฐํ•œ ๊ฐ์ • ์ƒํƒœ ๊ฐ์ง€ ์‹œ ์ „๋ฌธ ์‹ฌ๋ฆฌ ์ƒ๋‹ด์‚ฌ์™€ ์—ฐ๊ฒฐ

4. ๋ฐ์ดํ„ฐ ๋ถ„์„ ๋ฐ ์ธ์‚ฌ์ดํŠธ

  • ์›”๊ฐ„/์—ฐ๊ฐ„ ๋ฆฌํฌํŠธ: ๊ฐ์ • ๋ณ€ํ™” ์ถ”์ด๋ฅผ ๋‹ด์€ ์ฃผ๊ธฐ์  ๋ฆฌํฌํŠธ ์ƒ์„ฑ
  • ๋ชฉํ‘œ ์„ค์ • ๋ฐ ์ถ”์ : ๊ฐ์ • ๊ฐœ์„  ๋ชฉํ‘œ ์„ค์ • ๋ฐ ๋‹ฌ์„ฑ ์—ฌ๋ถ€ ์ถ”์ 
  • ๊ฐ์ • ํŠธ๋ฆฌ๊ฑฐ ๋ถ„์„: ํŠน์ • ๊ฐ์ •์„ ์œ ๋ฐœํ•˜๋Š” ์ƒํ™ฉ์ด๋‚˜ ํ‚ค์›Œ๋“œ ๋ถ„์„
  • ๊ฑด๊ฐ• ๋ฐ์ดํ„ฐ ์—ฐ๋™: ์ˆ˜๋ฉด, ์šด๋™ ๋“ฑ ๊ฑด๊ฐ• ๋ฐ์ดํ„ฐ์™€ ๊ฐ์ • ์ƒํƒœ ์ƒ๊ด€๊ด€๊ณ„ ๋ถ„์„

5. ๋ณด์•ˆ ๋ฐ ํ”„๋ผ์ด๋ฒ„์‹œ

  • ์—”๋“œํˆฌ์—”๋“œ ์•”ํ˜ธํ™”: ๋ฏผ๊ฐํ•œ ์ผ๊ธฐ ๋ฐ ์ฑ„ํŒ… ๋ฐ์ดํ„ฐ์˜ ์™„์ „ํ•œ ์•”ํ˜ธํ™”
  • ๋กœ์ปฌ ๋ชจ๋“œ: ์ธํ„ฐ๋„ท ์—ฐ๊ฒฐ ์—†์ด ์˜คํ”„๋ผ์ธ์—์„œ ์ผ๊ธฐ ์ž‘์„ฑ ๋ฐ ์ €์žฅ
  • ๋ฐ์ดํ„ฐ ์ž๋™ ์‚ญ์ œ: ์‚ฌ์šฉ์ž ์„ค์ •์— ๋”ฐ๋ฅธ ์˜ค๋ž˜๋œ ๋ฐ์ดํ„ฐ ์ž๋™ ์‚ญ์ œ ๊ธฐ๋Šฅ

6. ๋น„์ฆˆ๋‹ˆ์Šค ๋ชจ๋ธ

  • ํ”„๋ฆฌ๋ฏธ์—„ ๊ตฌ๋…: ๊ณ ๊ธ‰ AI ๊ธฐ๋Šฅ, ๋ฌด์ œํ•œ ์ฑ„ํŒ…, ์ƒ์„ธ ํ†ต๊ณ„ ๋“ฑ ์ œ๊ณต
  • ๊ธฐ์—… B2B ์„œ๋น„์Šค: ์ง์žฅ์ธ ๋Œ€์ƒ ๊ฐ์ • ์ผ€์–ด ์†”๋ฃจ์…˜ ์ œ๊ณต
  • ์‹ฌ๋ฆฌ ์ƒ๋‹ด ๊ธฐ๊ด€ ์—ฐ๊ณ„: ์ „๋ฌธ ์ƒ๋‹ด์ด ํ•„์š”ํ•œ ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•œ ํŒŒํŠธ๋„ˆ์‹ญ ๊ตฌ์ถ•

About

๐ŸŽ‰ 2025 AI-Conic ํ•ด์ปคํ†ค ์ตœ์šฐ์ˆ˜์ƒ์ž‘ - AI ๊ธฐ๋ฐ˜ ๊ฐ์ • ์ผ€์–ด ํ”Œ๋žซํผ

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages