Skip to content

๐Ÿ’ซ Zaply | AI ๊ธฐ๋ฐ˜ Multi-SNS ์ฝ˜ํ…์ธ  ๋ฐฐํฌ&๊ด€๋ฆฌ ์„œ๋น„์Šค

Notifications You must be signed in to change notification settings

kusitms-com/31th_Meetup_Team1_Zaply_Front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Zaply - AI ๊ธฐ๋ฐ˜ Multi-SNS ์ฝ˜ํ…์ธ  ๋ฐฐํฌ ๋ฐ ๊ด€๋ฆฌ ์„œ๋น„์Šค

โญ๏ธ ์„œ๋น„์Šค ์†Œ๊ฐœ

์—ฌ๋Ÿฌ ํ”Œ๋žซํผ์„ ์šด์˜ํ•˜๊ณ  ์‹ถ์–ดํ•˜๋Š” ํฌ๋ฆฌ์—์ดํ„ฐ๋“ค์„ ์œ„ํ•œ

AI ๊ธฐ๋ฐ˜ Multi-SNS ์ฝ˜ํ…์ธ  ๋ฐฐํฌ ๋ฐ ๊ด€๋ฆฌ ์„œ๋น„์Šค Zaply

service_intro

โญ๏ธ ํŒ€ ์†Œ๊ฐœ

ํŒ€๋ช…: 8๋ถ„ ์นด๋ ˆ

team_profile

๐ŸŒŸ R&R ๋ถ„๋ฐฐ

๋ถ„์•ผ ์ด๋ฆ„ ํฌ์ง€์…˜
๊ธฐํš ๊น€๋ฏผ๊ทœ ๐Ÿ“ˆ PM, ์„œ๋น„์Šค ๊ธฐํš - ์„œ๋น„์Šค ์ •์ฑ… ํ™•๋ฆฝ, ๋น„์ฆˆ๋‹ˆ์Šค ๋ชจ๋ธ ๊ตฌ์ถ•
๊ธฐํš ๋ฐ•์ฃผํ˜œ ๐Ÿ“Š ์„œ๋น„์Šค ๊ธฐํš - ์œ ์ € ๋ฆฌ์„œ์น˜, ์™€์ด์–ดํ”„๋ ˆ์ž„ ์ž‘์„ฑ, UX writing
๋””์ž์ธ ์ฃผ์‹ ์•„ ๐Ÿ” ๋””์ž์ธ ๋ฆฌ๋“œ, ux/ui๋””์ž์ธ, gui ๋””์ž์ธ, ์„œ๋น„์Šค ๋””์ž์ธ
๋””์ž์ธ ๋ฐ•๋ฏผ์˜ ๐Ÿ“ข ํ”„๋กœ์ ํŠธ ๋งค๋‹ˆ์ง•, ux/ui๋””์ž์ธ, gui ๋””์ž์ธ, ์„œ๋น„์Šค ๋””์ž์ธ
ํ”„๋ก ํŠธ์—”๋“œ ์ด์œ ์Šน ๐Ÿ”ฆ ํ”„๋ก ํŠธ์—”๋“œ ๋ฆฌ๋“œ, ํ™”๋ฉด UI ๊ตฌํ˜„, ์„œ๋ฒ„ ์—ฐ๋™
ํ”„๋ก ํŠธ์—”๋“œ ์„ฑํƒœํ˜„ ๐Ÿ“ฑ ํ™”๋ฉด UI ๊ตฌํ˜„, ์„œ๋ฒ„ ์—ฐ๋™
๋ฐฑ์—”๋“œ ์ •์„ฑํ˜ธ ๐Ÿ–ฅ๏ธ ๋ฐฑ์—”๋“œ ๋ฆฌ๋“œ, DB ๋ฐ API ๊ตฌ์ถ•, ์„œ๋ฒ„ ๋ฐฐํฌ
๋ฐฑ์—”๋“œ ์—ผ์ง€์€ ๐Ÿ’ป DB ๋ฐ API ๊ตฌ์ถ•, ์„œ๋ฒ„ ๋ฐฐํฌ

๐ŸŒŸ ๊ธฐํš

๋ฐฐ๊ฒฝ ๋ฐ ํ•„์š”์„ฑ

1๏ธโƒฃ ๋ฌธ์ œ์ •์˜

์–ด๋–ค ๋ถ„์„์„ ํ†ตํ•ด ๋ฌธ์ œ๋ฅผ ์ธ์‹ํ–ˆ๋‚˜์š”?

ํฌ๋ฆฌ์—์ดํ„ฐ ๊ฒฝ์ œ๊ฐ€ ๋น ๋ฅด๊ฒŒ ์„ฑ์žฅํ•จ์— ๋”ฐ๋ผ, ์œ ํŠœ๋ธŒยทํ‹ฑํ†กยท์ธ์Šคํƒ€๊ทธ๋žจ ๋“ฑ ๋‹ค์–‘ํ•œ SNS๋ฅผ ๋™์‹œ์— ์šด์˜ํ•˜๋Š” 1์ธ ํฌ๋ฆฌ์—์ดํ„ฐ๋“ค์ด ๊ธ‰์ฆํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

1

์ž๋ฃŒ ์ถœ์ฒ˜: ์„ผํ„ฐํƒ€์›Œ

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

๐Ÿ‘‰๐Ÿป ํ•œ์ค„ ๋ฌธ์ œ์ •์˜

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

2๏ธโƒฃ ๋ฌธ์ œ์ธ์‹

์„ค์ •ํ•œ ๊ฐ€์„ค๊ณผ ๊ฒ€์ฆ๊ณผ์ •, ์ด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋ฌธ์ œ๋ฅผ ์–ด๋–ป๊ฒŒ ์ •์˜ํ–ˆ๋‚˜์š”?

์žฌํ”Œ๋ฆฌ ํŒ€์€ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฐ€์„ค์„ ๋ฐ”ํƒ•์œผ๋กœ, ๋‹ค์–‘ํ•œ ์นดํ…Œ๊ณ ๋ฆฌ์˜ ํฌ๋ฆฌ์—์ดํ„ฐ 6์ธ๊ณผ ์‹ฌ์ธต ์ธํ„ฐ๋ทฐ๋ฅผ ์ง„ํ–‰ํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ๊ตฌ์ฒดํ™”ํ–ˆ์Šต๋‹ˆ๋‹ค.

  • ๊ฐ€์„ค1: ํฌ๋ฆฌ์—์ดํ„ฐ๋Š” ๋™์ผํ•œ ์ฃผ์ œ๋ฅผ ํ”Œ๋žซํผ๋งˆ๋‹ค ๋”ฐ๋กœ ์ œ์ž‘ํ•˜๋Š” ๋ฐ ์‹œ๊ฐ„๊ณผ ๋…ธ๋ ฅ์„ ๋งŽ์ด ์†Œ๋น„ํ•œ๋‹ค.
  • ๊ฐ€์„ค2: ํ”Œ๋žซํผ๋ณ„๋กœ ํฉ์–ด์ง„ ์„ฑ๊ณผ ๋ฐ์ดํ„ฐ๋ฅผ ํ†ตํ•ฉ ๋ถ„์„ํ•˜์ง€ ๋ชปํ•˜๊ณ  ์žˆ๋‹ค.
  • ๊ฐ€์„ค3: ์ฝ˜ํ…์ธ  ์ฃผ์ œ ๊ธฐํš ์‹œ ๋ฐ์ดํ„ฐ ๊ธฐ๋ฐ˜ ์ธ์‚ฌ์ดํŠธ๊ฐ€ ๋ถ€์กฑํ•ด ์‹œํ–‰์ฐฉ์˜ค๊ฐ€ ์žฆ๋‹ค.

๐Ÿ“Œ ์ธํ„ฐ๋ทฐ ์ข…ํ•ฉ ์ธ์‚ฌ์ดํŠธ ์š”์•ฝ

๊ณตํ†ต Painpoint

  • ์‹œ๊ฐ„ ๋ถ€์กฑ ๋ฐ ๋ฐ˜๋ณต ์ž‘์—… ํ”ผ๋กœ๊ฐ
  • ๋‹ค์ค‘ ํ”Œ๋žซํผ ๊ด€๋ฆฌ(์—…๋กœ๋“œยท๋Œ“๊ธ€ยท๋ถ„์„)์˜ ๋น„ํšจ์œจ
  • ๋น ๋ฅด๊ฒŒ ๋ณ€ํ•˜๋Š” ํŠธ๋ Œ๋“œ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋Œ€์‘ ์–ด๋ ค์›€

๊ธฐ๋Šฅ๋ณ„ ์ฃผ์š” painpoint

  • ์ฝ˜ํ…์ธ  ์žฌ๊ฐ€๊ณต (์›Œ๋”ฉ/๋น„์œจ/ํ†ค ์žฌํŽธ์ง‘)
  • ์ธ์‚ฌ์ดํŠธ ๊ฐœ๋ณ„ ํ™•์ธ์˜ ๋ฒˆ๊ฑฐ๋กœ์›€
  • ๋Œ“๊ธ€ ๋ˆ„๋ฝ ๋ฐ ๋ฐ˜๋ณต ๋Œ€์‘ ์ŠคํŠธ๋ ˆ์Šค
  • ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ถˆํ™•์‹ค์„ฑ์— ๋”ฐ๋ฅธ ๋…ธ์ถœ ํ•œ๊ณ„

๐ŸŽฏ ๊ฒฐ๋ก 

์ด์ฒ˜๋Ÿผ ๋‹จ์ˆœ ๋ฐ˜๋ณต ์ž‘์—…, ํฉ์–ด์ง„ ๊ด€๋ฆฌ ํ™˜๊ฒฝ, ๋ณต์žกํ•œ ํ”Œ๋žซํผ ๊ตฌ์กฐ๋Š” ํฌ๋ฆฌ์—์ดํ„ฐ์˜ ์ง€์† ๊ฐ€๋Šฅํ•œ ํ™œ๋™์„ ๊ฐ€๋กœ๋ง‰๋Š” ๋ณ‘๋ชฉ์ด ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

3๏ธโƒฃ ํ•ด๊ฒฐ ๋ฐฉ์•ˆ

๋ฌธ์ œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•ด ๋‚˜๊ฐ€๊ณ ์ž ํ•˜๋‚˜์š”?

"ํ•˜๋‚˜์˜ ์ฝ˜ํ…์ธ ๋กœ, ๋ชจ๋“  ํ”Œ๋žซํผ์—."
zaply ์Šฌ๋กœ๊ฑด

์žฌํ”Œ๋ฆฌ๋Š” ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋‹ค์ค‘ ์ฝ˜ํ…์ธ  ๋ฐœํ–‰ ๋ฐ ๊ด€๋ฆฌ AI ํ”Œ๋žซํผ์„ ๊ฐœ๋ฐœํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

1. ์ฝ˜ํ…์ธ  ์ž…๋ ฅ ๋ฐ ๋ณ€ํ™˜

โ‡’ ํ•˜๋‚˜์˜ ์ฝ˜ํ…์ธ ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด, ๋ชจ๋“  ํ”Œ๋žซํผ์— ๋งž์ถฐ ์ž๋™ ๋ณ€ํ™˜๋ฉ๋‹ˆ๋‹ค.

์ฝ˜ํ…์ธ  ์ž…๋ ฅ

  • ํ…์ŠคํŠธยท์ œ๋ชฉยท์ด๋ฏธ์ง€ ์—…๋กœ๋“œ๋กœ ๊ฐ„ํŽธํ•˜๊ฒŒ ์‹œ์ž‘
  • ์ด๋ฏธ์ง€ ์ตœ๋Œ€ 10์žฅ ์—…๋กœ๋“œ ๊ฐ€๋Šฅ

AI ์ฝ˜ํ…์ธ  ๋ณ€ํ™˜

  • ๋ฏธ๋ฆฌ ์„ค์ •๋œ ํ”„๋กฌํ”„ํŠธ ๊ธฐ๋ฐ˜์œผ๋กœ ํ”Œ๋žซํผ ๋งž์ถค ๋ณ€ํ™˜
  • ์ธ์Šคํƒ€๊ทธ๋žจ, ์Šค๋ ˆ๋“œ, ํŽ˜์ด์Šค๋ถ ๋“ฑ ํ˜•์‹ ์ž๋™ ์ตœ์ ํ™”

ํ”Œ๋žซํผ๋ณ„ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ฐ ์ˆ˜์ •

  • ๋ณ€ํ™˜ ๊ฒฐ๊ณผ๋ฅผ ํ•œ ๋ˆˆ์— ํ™•์ธ
  • ํ•„์š”์‹œ ํ•ด์‹œํƒœ๊ทธ, ์›Œ๋”ฉ, ์ด๋ฏธ์ง€ ์ˆœ์„œ ๋“ฑ์„ ์ˆ˜์ • ๊ฐ€๋Šฅ (1์ฐจ MLP์—์„œ๋Š” ์ผ๋ถ€ ๊ตฌํ˜„)

2. ์ธ์‚ฌ์ดํŠธ ํ†ตํ•ฉ ๊ด€๋ฆฌ

โ‡’ ๋ชจ๋“  ํ”Œ๋žซํผ์˜ ๊ฒŒ์‹œ๋ฌผ ์„ฑ๊ณผ ๋ฐ์ดํ„ฐ๋ฅผ ํ•œ๋ˆˆ์— ํ™•์ธํ•˜๊ณ  ๋ถ„์„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์„ฑ๊ณผ ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘ ๋ฐ ์‹œ๊ฐํ™”

  • ๊ฒŒ์‹œ๋ฌผ๋ณ„ ๋ฐ˜์‘์„ ํ…Œ์ด๋ธ” ํ˜•ํƒœ๋กœ ์ผ๊ด„ ์ œ๊ณต

3. ๋Œ“๊ธ€ ๋ชฉ๋ก ํ‘œ์‹œ ๋ฐ ๊ด€๋ฆฌ

โ‡’ ๋ชจ๋“  ํ”Œ๋žซํผ๋“ค์˜ ๋Œ“๊ธ€์„ ํ•˜๋‚˜์˜ ์ฐฝ์—์„œ ๋ชจ๋‘ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋Œ“๊ธ€ ์ˆ˜์ง‘ ๋ฐ ์ •๋ ฌ

  • ์ฃผ๊ธฐ์ ์œผ๋กœ ๋Œ“๊ธ€ ์ˆ˜์ง‘
  • ํ”Œ๋žซํผ, ์ž‘์„ฑ์‹œ๊ฐ„, ์ƒํƒœ๋ณ„๋กœ ํ•„ํ„ฐ๋ง ๊ฐ€๋Šฅ

๋Œ“๊ธ€ ์‘๋‹ต ์ง€์›

  • ์œ ์‚ฌ ์งˆ๋ฌธ ์ž๋™ ๊ฐ์ง€ ๋ฐ OpenAI ๊ธฐ๋ฐ˜ ๋‹ต๋ณ€ ์ œ์•ˆ
  • ํ…œํ”Œ๋ฆฟ ์„ ํƒ ๋˜๋Š” ์ง์ ‘ ์ˆ˜์ •ํ•˜์—ฌ ์‘๋‹ต ๊ฐ€๋Šฅ

์ฆ‰์‹œ ๊ฒŒ์‹œ ๊ธฐ๋Šฅ ์ œ๊ณต

  • ์ˆ˜์ • ์™„๋ฃŒ๋œ ๋Œ“๊ธ€์„ ํ”Œ๋žซํผ API๋กœ ๋ฐ”๋กœ ๊ฒŒ์‹œ

์‹œ์žฅ๋ถ„์„

๐Ÿ”Ž STEEP ๋ถ„์„ (๊ฑฐ์‹œํ™˜๊ฒฝ ๋ถ„์„)

์š”์†Œ ๋‚ด์šฉ
Social (์‚ฌํšŒ์ ) - ํฌ๋ฆฌ์—์ดํ„ฐ ๊ฒฝ์ œ์˜ ์„ฑ์žฅ โ†’ '1์ธ ๋ฏธ๋””์–ด', '๋””์ง€ํ„ธ ๋…ธ๋งˆ๋“œ' ๋“ฑ ์ง์—… ๋‹ค๋ณ€ํ™” ํ˜„์ƒ
- Z์„ธ๋Œ€, ๋ฐ€๋ ˆ๋‹ˆ์–ผ ์„ธ๋Œ€ ์ค‘์‹ฌ์œผ๋กœ SNS ์ด์šฉ๋ฅ /์˜์กด๋„ ์ฆ๊ฐ€
- ์งง๊ณ  ๋น ๋ฅธ ์ฝ˜ํ…์ธ  ์†Œ๋น„๋ฌธํ™” ํ™•์‚ฐ (์ˆํผ, ๋ฆด์Šค, ์Šคํ† ๋ฆฌ ๋“ฑ)
Technological (๊ธฐ์ˆ ์ ) - GPT, DALLยทE, Stable Diffusion ๋“ฑ ์ƒ์„ฑํ˜• AI ๊ธฐ์ˆ  ๊ธ‰์† ๋ฐœ์ „
- ๊ฐ ํ”Œ๋žซํผ API ๊ณต๊ฐœ๋กœ ์ž๋™ํ™” ์‹œ์Šคํ…œ ์—ฐ๋™ ์šฉ์ด
- ํด๋ผ์šฐ๋“œ ๊ธฐ๋ฐ˜์˜ ์ฝ˜ํ…์ธ  ์šด์˜ ๊ตฌ์กฐ ๋ณดํŽธํ™” (์˜ˆ: AWS, Vercel ๋“ฑ)
- ๋…ธ์ฝ”๋“œ/๋กœ์šฐ์ฝ”๋“œ ํˆด๋กœ ์ž๋™ํ™” ๊ตฌํ˜„ ๋น„์šฉ/์‹œ๊ฐ„ ๊ฐ์†Œ
Economic (๊ฒฝ์ œ์ ) - ํฌ๋ฆฌ์—์ดํ„ฐ๋“ค์ด ์ˆ˜์ตํ™”์— ์ ๊ทน์  โ†’ ํˆด ์‚ฌ์šฉ์— ์ง€์ถœ ์˜ํ–ฅ ์กด์žฌ
- ๊ตฌ๋…ํ˜• SaaS ๋น„์ฆˆ๋‹ˆ์Šค ๋ชจ๋ธ ๋Œ€์ค‘ํ™”
- ๊ธ€๋กœ๋ฒŒ ๊ฒฝ๊ธฐ ๋ถˆํ™•์‹ค์„ฑ ์†์—์„œ๋„ ์ฝ˜ํ…์ธ  ์‚ฐ์—…์€ ์ƒ๋Œ€์ ์œผ๋กœ ๊ฒฌ์กฐํ•œ ์„ฑ์žฅ์„ธ
Environmental (ํ™˜๊ฒฝ์ ) - ESG ํ๋ฆ„์— ๋”ฐ๋ผ ๋””์ง€ํ„ธ ํƒ„์†Œ ๋ฐœ์ž๊ตญ ์ด์Šˆ ๋ถ€๊ฐ โ†’ ํ…์ŠคํŠธ ๊ธฐ๋ฐ˜ ์ž๋™ํ™”๊ฐ€ ์นœํ™˜๊ฒฝ์  ๋Œ€์•ˆ ๋  ์ˆ˜ ์žˆ์Œ
- ์›๊ฒฉ ๊ทผ๋ฌด/๋น„๋Œ€๋ฉด ์ค‘์‹ฌ์˜ SaaS ์„œ๋น„์Šค ์ด์šฉ ์„ ํ˜ธ
Political (์ •์น˜ยท๋ฒ•๋ฅ ์ ) - ํ”Œ๋žซํผ ๋ณ„ ๊ฐœ์ธ์ •๋ณด๋ณดํ˜ธ ์ •์ฑ… ๋ฐ API ์‚ฌ์šฉ ์กฐ๊ฑด ๊ฐ•ํ™” (ex: Meta/Instagram Graph API ์ œ์•ฝ)
- ๊ฐ๊ตญ์˜ AI ์œค๋ฆฌ ๊ฐ€์ด๋“œ๋ผ์ธ ๋งˆ๋ จ โ†’ ํˆฌ๋ช…์„ฑ, ํŽธํ–ฅ์„ฑ ๋Œ€์‘ ํ•„์š”
- ์†Œ์…œ๋ฏธ๋””์–ด์— ๋Œ€ํ•œ ๋ฒ•์  ๊ทœ์ œ ๋…ผ์˜ ์ฆ๊ฐ€ (๊ฐ€์งœ๋‰ด์Šค, ์ค‘๋… ๋“ฑ)

๐Ÿ”ฅ ๊ฒฝ์Ÿ์‚ฌ ๋ถ„์„

๊ฒฝ์Ÿ์‚ฌ ๊ฐœ์š” ์ฃผ์š”๊ธฐ๋Šฅ ์ฐจ๋ณ„์ โˆ™ํ•œ๊ณ„์ 
Typefully ํŠธ์œ„ํ„ฐ์šฉ ์“ฐ๋ ˆ๋“œ ์ž‘์„ฑโˆ™์˜ˆ์•ฝ ํˆด ๊ธ€์“ฐ๊ธฐ ์ง€์›, ์˜ˆ์•ฝ, ํ˜‘์—… ํ”Œ๋žซํผ ํ•œ์ • (X์—๋งŒ ์ง‘์ค‘), AI ์ž๋™ํ™” ๊ธฐ๋Šฅ ์ œํ•œ
Hypefury ํŠธ์œ„ํ„ฐ ์ž๋™ํ™” ํ”Œ๋žซํผ ์˜ˆ์•ฝ, ๋ฆฌํŠธ์œ— ์ž๋™ํ™”, ๋ถ„์„ ์˜ˆ์•ฝ ๊ธฐ๋Šฅ์ด ์žˆ์ง€๋งŒ ์ฝ˜ํ…์ธ  ์ƒ์„ฑ๋ ฅ์€ ์•ฝํ•จ
FeedHive ๋ฉ€ํ‹ฐ ํ”Œ๋žซํผ SNS ์ž๋™ํ™” ์ฝ˜ํ…์ธ  ์ƒ์„ฑ, ์˜ˆ์•ฝ, ๋ถ„์„ ์ธ์Šคํƒ€โˆ™ํŽ˜์ด์Šค๋ถโˆ™X ๋“ฑ ๋‹ค์ค‘ ์ง€์›, AI ์ƒ์„ฑ ๊ธฐ๋Šฅ ์กด์žฌ. UI ๋ณต์žก, ํ•œ๊ตญ์–ดโˆ™์•„์‹œ์•„๊ถŒ ์ง€์› ๋ถ€์กฑ
Make (ex-Integromat) ์›Œํฌํ”Œ๋กœ์šฐ ์ž๋™ํ™” ํ”Œ๋žซํผ ๋‹ค์–‘ํ•œ SaaS ์—ฐ๋™ ๊ฐ€๋Šฅ ๋…ธ์ฝ”๋“œ์ง€๋งŒ ์ผ๋ฐ˜ ์‚ฌ์šฉ์ž๊ฐ€ ์‚ฌ์šฉํ•˜๊ธฐ ์–ด๋ ค์šด ์„ค์ • ๋ณต์žก์„ฑ
Zapier ๋ฒ”์šฉ ์ž๋™ํ™” ํˆด ๋‹ค์–‘ํ•œ ํŠธ๋ฆฌ๊ฑฐ/์•ก์…˜ ์กฐํ•ฉ ์ฝ˜ํ…์ธ  ํ’ˆ์งˆ ๊ฐœ์„ ๋ณด๋‹จ ์—ฐ๋™ ์ค‘์‹ฌ, ์ง๊ด€์ ์ธ ์ฝ˜ํ…์ธ  ์ƒ์„ฑ ๊ธฐ๋Šฅ ๋ถ€์กฑ

๐Ÿง  ํฌ์ง€์…”๋‹

โœ… ์ฐจ๋ณ„ํ™” ํฌ์ธํŠธ

AI ๊ธฐ๋ฐ˜ ์ฝ˜ํ…์ธ  ์ž๋™ ๋ณ€ํ™˜ ๋ฐ ๋ฉ€ํ‹ฐ ํ”Œ๋žซํผ ๋ฐฐํฌ๊นŒ์ง€ ์ž๋™ํ™”

  • GPT ๊ธฐ๋ฐ˜ ํ…์ŠคํŠธ ๋ณ€ํ™˜ + ํ”Œ๋žซํผ๋ณ„ ๋งž์ถค ํ”„๋กฌํ”„ํŠธ ์„ธํŒ…์œผ๋กœ, ์ฝ˜ํ…์ธ  ์ œ์ž‘๋ถ€ํ„ฐ ๋ฐฐํฌ๊นŒ์ง€ ํ•œ ๋ฒˆ์—
  • Instagram, Threads, Facebook ๋“ฑ ์ฃผ์š” SNS API ์—ฐ๋™ ๋ฐ ์ž๋™ ๋ฐฐํฌ ๊ธฐ๋Šฅ ์ œ๊ณต

ํฌ๋ฆฌ์—์ดํ„ฐ ์ค‘์‹ฌ์˜ ์‚ฌ์šฉ ํ๋ฆ„๊ณผ UX ์„ค๊ณ„

  • ์ œ๋ชฉยทํ…์ŠคํŠธยท์ด๋ฏธ์ง€ ์ž…๋ ฅ๋งŒ์œผ๋กœ ์ฝ˜ํ…์ธ  ์™„์„ฑ โ†’ AI ์ž๋™ ๋ณ€ํ™˜ โ†’ ํ”Œ๋žซํผ๋ณ„ ๋ฏธ๋ฆฌ๋ณด๊ธฐยท์ˆ˜์ •
  • ๋Œ“๊ธ€ ํ†ตํ•ฉ ๋ชฉ๋ก ๊ด€๋ฆฌ + AI ์‘๋‹ต ์ œ์•ˆ ๊ธฐ๋Šฅ์œผ๋กœ ํ”ผ๋“œ๋ฐฑ ๋Œ€์‘ ํšจ์œจํ™”
  • ์„ฑ๊ณผ ํ†ตํ•ฉ ๋Œ€์‹œ๋ณด๋“œ๋กœ ๋ชจ๋“  ์ฝ˜ํ…์ธ ์˜ ์กฐํšŒ์ˆ˜, ์ข‹์•„์š”, ์ €์žฅ ๋“ฑ ์ฃผ์š” ์ง€ํ‘œ๋ฅผ ์‹œ๊ฐํ™” ์ œ๊ณต

๐Ÿš€ ๊ธฐํšŒ์š”์†Œ

  • ๊ตญ๋‚ด ์‹œ์žฅ์— ํฌ๋ฆฌ์—์ดํ„ฐ ์ „์šฉ ์ฝ˜ํ…์ธ  ์ž๋™ํ™” SaaS๊ฐ€ ๋ณธ๊ฒฉ ์ถœ์‹œ๋˜์ง€ ์•Š์Œ
  • ์ฝ˜ํ…์ธ  ์šด์˜์— ํ•„์š”ํ•œ ๋‹ค์ค‘ ํ”Œ๋žซํผ ๊ด€๋ฆฌ ์ˆ˜์š”๋Š” ๊ธ‰์ฆ, ๋ฐ˜๋ณต ์ œ์ž‘ยท๋ฐฐํฌ์˜ ํ”ผ๋กœ๋„๋„ ์ฆ๊ฐ€
  • ์‹ค์ œ ์ธํ„ฐ๋ทฐ ๊ฒฐ๊ณผ, ๋ฏธ๋Ÿฌ๋ง ๋ถ€๋‹ด, ์‹œ๊ฐ„ ๋ถ€์กฑ, ์ธ์‚ฌ์ดํŠธ ๋ถ„์„ ์–ด๋ ค์›€, ๋Œ“๊ธ€ ๋Œ€์‘์˜ ๋น„ํšจ์œจ์„ฑ ๋“ฑ์ด ๊ณตํ†ต ๋ฌธ์ œ๋กœ ๋„์ถœ๋จ โ†’ ์žฌํ”Œ๋ฆฌ๋Š” ์ด ๋ฌธ์ œ๋ฅผ ๋‹จ์ผ ํ”Œ๋žซํผ์—์„œ ์ž๋™ํ™” + ํ†ตํ•ฉ ๊ด€๋ฆฌ๋กœ ํ•ด๊ฒฐ

IA ๋ฐ Userflowchart

1. IA (TO-BE)

IA (TO-BE)

2. ์ดˆ๊ธฐ User Flowchart

flow

์ฃผ์š” ํ™”๋ฉด Lo-fi ์™€์ด์–ดํ”„๋ ˆ์ž„

Lofi Wireframe

1. ์—ฐ๋™

แ„‹แ…งแ†ซแ„ƒแ…ฉแ†ผ

2. ์ฝ˜ํ…์ธ  ์ œ์ž‘ ๋ฐ ๋ฐฐํฌ

แ„แ…ฉแ†ซแ„แ…ฆแ†ซแ„Žแ…ณ แ„Œแ…ฆแ„Œแ…กแ†จ แ„†แ…ตแ†พ แ„‡แ…ขแ„‘แ…ฉ

3. ์ธ์‚ฌ์ดํŠธ ๊ด€๋ฆฌ

แ„‹แ…ตแ†ซแ„‰แ…กแ„‹แ…ตแ„แ…ณ แ„€แ…ชแ†ซแ„…แ…ต

4. ๋Œ“๊ธ€ ๊ด€๋ฆฌ

แ„ƒแ…ขแ†บแ„€แ…ณแ†ฏแ„€แ…ชแ†ซแ„…แ…ต

UT ์‹œ๋‚˜๋ฆฌ์˜ค

์‚ฌ์ „ ์งˆ๋ฌธ

  • ๊ฐ„๋‹จํ•œ ์ž๊ธฐ์†Œ๊ฐœ ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
  • ํ‰์†Œ ์–ด๋–ค SNS๋ฅผ ๊ฐ€์žฅ ํ™œ๋ฐœํžˆ ์‚ฌ์šฉํ•˜์‹œ๋‚˜์š”?
  • ์ฝ˜ํ…์ธ ๋ฅผ ์—ฌ๋Ÿฌ ์ฑ„๋„์— ์—…๋กœ๋“œํ•ด๋ณธ ๊ฒฝํ—˜์ด ์žˆ์œผ์‹ ๊ฐ€์š”?
  • ์ฝ˜ํ…์ธ  ๊ธฐํš/์ž‘์„ฑ/์—…๋กœ๋“œ ๊ณผ์ •์—์„œ ๊ฐ€์žฅ ์–ด๋ ค์šด ๋‹จ๊ณ„๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?

ํ…Œ์ŠคํŠธ ๊ณผ์—… ์•ˆ๋‚ด

๐Ÿ“๊ณผ์—…1 - ์ฝ˜ํ…์ธ  ์ƒ์„ฑ

ํ™”๋ฉด ๊ธฐ๋Šฅ

  • ์ฝ˜ํ…์ธ  ์ œ๋ชฉ, ๋ณธ๋ฌธ ์ž‘์„ฑ
  • ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ํ›„ ํ”Œ๋žซํผ๋ณ„ ์ฝ˜ํ…์ธ  ์ž๋™ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
  • ํ”Œ๋žซํผ๋ณ„ ๋ฌธ๊ตฌยทํ†ค ๋ณ€ํ™˜ ํ™•์ธ ๋ฐ ์ง์ ‘ ์ˆ˜์ •

์งˆ๋ฌธ

  • ์ž…๋ ฅ ํ•„๋“œ ๋ฐ ๊ตฌ์„ฑ์€ ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์› ๋‚˜์š”?
  • ์ž๋™ ์ƒ์„ฑ๋œ ๋ฌธ๊ตฌ๋Š” ํ”Œ๋žซํผ ์„ฑ๊ฒฉ์— ์ž˜ ๋งž์•˜๋‚˜์š”?
  • ์ˆ˜์ •์ด ํ•„์š”ํ•œ ๋ถ€๋ถ„์€ ์†์‰ฝ๊ฒŒ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์—ˆ๋‚˜์š”?

๐Ÿ“๊ณผ์—…2 - ์ฝ˜ํ…์ธ  ๋ฐฐํฌ

ํ™”๋ฉด ๊ธฐ๋Šฅ

  • ๋ฐฐํฌ ๋Œ€์ƒ ํ”Œ๋žซํผ ์„ ํƒ
  • ์ฆ‰์‹œ/์˜ˆ์•ฝ ์˜ต์…˜ ์„ค์ •
  • '๋ฐฐํฌํ•˜๊ธฐ' ๋ฒ„ํŠผ ํด๋ฆญ

์งˆ๋ฌธ

  • ์–ด๋–ค ํ”Œ๋žซํผ์„ ์„ ํƒํ•˜๊ณ  ์‹ถ์€์ง€ ๋ฐ”๋กœ ์•Œ ์ˆ˜ ์žˆ์—ˆ๋‚˜์š”?
  • ์—…๋กœ๋“œ ๋ฐฉ์‹(์˜ˆ์•ฝ/์ฆ‰์‹œ)์˜ ๊ตฌ๋ถ„์€ ๋ช…ํ™•ํ–ˆ๋‚˜์š”?
  • ๋ฐฐํฌ ์ง์ „ ํ™”๋ฉด์—์„œ ํ˜ผ๋ž€์Šค๋Ÿฌ์šด ๋ถ€๋ถ„์€ ์—†์—ˆ๋‚˜์š”?

๐Ÿ“๊ณผ์—…3 - ์ธ์‚ฌ์ดํŠธ ํ†ตํ•ฉ ๋Œ€์‹œ๋ณด๋“œ

ํ™”๋ฉด ๊ธฐ๋Šฅ

  • ์ฝ˜ํ…์ธ ๋ณ„ ์กฐํšŒ์ˆ˜ยท์ข‹์•„์š” ๋“ฑ ํ™•์ธ
  • ํ”Œ๋žซํผ/๊ธฐ๊ฐ„๋ณ„ ํ•„ํ„ฐ

์งˆ๋ฌธ

  • ์–ด๋–ค ์ •๋ณด๊ฐ€ ๊ฐ€์žฅ ๋ˆˆ์— ๋“ค์–ด์™”๋‚˜์š”?
  • ์›ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ํ•„ํ„ฐ๋ฅผ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ์—ˆ๋‚˜์š”?
  • ๋ฐ์ดํ„ฐ๋ฅผ ํ†ตํ•ด ์–ด๋–ค ์ธ์‚ฌ์ดํŠธ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์—ˆ๋‚˜์š”?

UT ๊ฒฐ๊ณผ

UT แ„€แ…งแ†ฏแ„€แ…ช UTแ„€แ…งแ†ฏแ„€แ…ช2

์ฝ˜ํ…์ธ  ์—ฌ๋Ÿฌ ํ”Œ๋žซํผ ์—…๋กœ๋“œ ๋ถˆํŽธํ•œ ์ /๋‹ต๋ณ€

UTแ„€แ…งแ†ฏแ„€แ…ช3

๋‹ต๋ณ€

  • ๊ทธ ํ”Œ๋žซํผ์— ๋งž์ถ˜ ๊ฐ์„ฑ์œผ๋กœ ๊ธ€์„ ์ž‘์„ฑํ•˜๋Š” ๊ณผ์ •์—์„œ ๊ณ ๋ฏผ์ด ๋งŽ์ด ๋˜์—ˆ๋‹ค.
  • ํ”Œ๋žซํผ ์„ฑ๊ฒฉ์— ๋งž๋„๋ก ๋งํˆฌ๋‚˜ ์ •๋ณด๋ฅผ ์•ฝ๊ฐ„์”ฉ ๋ฐ”๊ฟ”์„œ ์ž…๋ ฅํ•ด์•ผํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋ถˆํŽธํ•ฉ๋‹ˆ๋‹ค.
  • ์ ์€ ๋‚ด์šฉ์ด ๋‚ ์•„๊ฐ€์„œ ๋‹ค์‹œ ๋™์ผํ•œ ๋‚ด์šฉ์„ ์ž‘์„ฑํ•ด์•ผํ•˜๋Š” ๊ฒƒ..
  • ์ฝ˜ํ…์ธ ์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ์ ๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์–ด๋ ค์› ์Šต๋‹ˆ๋‹ค
  • ๋กœ๊ทธ์ธ ์—ฌ๋Ÿฌ๋ฒˆํ•˜๋Š” ๋ฒˆ๊ฑฐ๋กœ์›€
  • ๋™์ผํ•œ ๋‚ด์šฉ์„ ์—ฌ๋Ÿฌ๋ฒˆ ์ž‘์„ฑํ•ด์„œ ์˜ฌ๋ ค์•ผ ํ•˜๋Š” ๊ฒƒ
  • ๊ฐ ํ”Œ๋žซํผ๋งˆ๋‹ค ๋А๋‚Œ์ด ๋‹ฌ๋ผ์„œ ๋‹ค๋ฅด๊ฒŒ ์ž‘์„ฑํ•˜๋Š”๊ฒŒ ๋ถˆํŽธ
  • ์ด๋ฏธ์ง€ ์˜ฌ๋ฆฌ๊ธฐ?
  • ๊ท€์ฐฎ๋‹ค
  • ๊ฐ™์€ ๋‚ด์šฉ์„ ๋ณต๋ถ™ํ•˜๊ณ  ๊ฐ™์€ ์ด๋ฏธ์ง€๋ฅผ ์ฐพ์•„์„œ ๋ถ™์—ฌ๋„ฃ๊ธฐ ํ•˜๋Š” ๊ณผ์ •์ด ๋ฒˆ๊ฑฐ๋กญ๋‹ค.

task 1 ๋กœ๊ทธ์ธ - ๊ณ„์ • ์—ฐ๊ฒฐ

แ„…แ…ฉแ„€แ…ณแ„‹แ…ตแ†ซแ„€แ…จแ„Œแ…ฅแ†ผแ„‹แ…งแ†ซแ„€แ…งแ†ฏ

task 2 ์ฝ˜ํ…์ธ  ์ƒ์„ฑ, ์˜ˆ์•ฝ

แ„แ…ฉแ†ซแ„แ…ฆแ†ซแ„Žแ…ณแ„‰แ…ขแ†ผแ„‰แ…ฅแ†ผแ„‹แ…จแ„‹แ…ฃแ†จ

UT๊ธฐ๋ฐ˜ GUI ๊ฐœ์„ ์‚ฌํ•ญ

  • ๊ฐœ์„ ์‚ฌํ•ญ1 : '๊ณ„์ •์—์„œ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ' ํƒœ์Šคํฌ์— ๋Œ€ํ•ด ํ•ด๋‹น ๋ฒ„ํŠผ ์ธ์ง€ ๋ชปํ•˜๋Š” ๊ฒฝ์šฐ ์กด์žฌ โ†’ '๋ถˆ๋Ÿฌ์˜ค๊ธฐ' ๋ฒ„ํŠผ์„ ๋” ๋ˆˆ์— ๋„๊ฒŒ ๋ฐฐ์น˜ํ•˜๋Š” GUI ๋กœ ์ˆ˜์ • ์™„๋ฃŒ

    guiแ„€แ…ขแ„‰แ…ฅแ†ซแ„‰แ…กแ„’แ…กแ†ผ1
  • ๊ฐœ์„ ์‚ฌํ•ญ2 : '์—…๋กœ๋“œ์œ„์น˜' ๊นŒ์ง€ ์Šคํฌ๋กค ๊ฐ€์ง€ ๋ชปํ•˜๊ณ  ์ธ์ง€ ๋ชปํ•˜๋Š” ๊ฒฝ์šฐ ์กด์žฌ โ†’ ํ•ด๋‹น step ์Šคํฌ๋กค ๊ฐœ์„  ๋ฐ ๋ถˆํ•„์š”ํ•œ ์ƒ๋‹จ ๊ณต๊ฐ„ ๊ฐœ์„ 

  • ๊ฐœ์„ ์‚ฌํ•ญ3 : 'ํ•œ๋ฒˆ์— ์˜ˆ์•ฝ','ํ”Œ๋žซํผ๋ณ„์˜ˆ์•ฝ' ํ”ผ์ปค๋ฐ•์Šค์— ๋Œ€ํ•œ ์ธ์ง€์  ์˜ค๋ฅ˜ ์กด์žฌ โ†’ ์ฒดํฌ๋ฐ•์Šค ํ•ด์ œ ์‹œ ํ”Œ๋žซํผ๋ณ„ ์˜ˆ์•ฝ ์‚ฌํ•ญ ๋œจ๋„๋ก ์ˆ˜์ •

  • ๊ฐœ์„ ์‚ฌํ•ญ4 : 'ํ”Œ๋žซํผ๋ณ„ ๊ฒŒ์‹œ๊ธ€ ๋‚ด์šฉ'์˜ ์ฐจ์ด ์ธ์ง€๋ฅผ ์œ„ํ•œ ์Šคํฌ๋กค ๋ถˆํ•„์š” โ†’ ๊ธ€ ์œ„๊ณ„๋ฅผ ์‚ฌ์ง„ ๋ณด๋‹ค ์˜ฌ๋ฆผ

task 3 ์ธ์‚ฌ์ดํŠธ

แ„‹แ…ตแ†ซแ„‰แ…กแ„‹แ…ตแ„แ…ณ

ํ”„๋กœํ† ํƒ€์ดํ•‘ ๋ฏธ์Šคํด๋ฆญ: ์„€๋ธŒ๋ก  ๋Œ€์‹  ๋ฐ” ์˜์—ญ ํ„ฐ์น˜ํ•˜์—ฌ ์ ‘๊ณ ํŽผ์น˜๋ ค๊ณ  ํ•จ

แ„†แ…ตแ„‰แ…ณแ„แ…ณแ†ฏแ„…แ…ตแ†จ

๊ทธ ์™ธ ์ •์„ฑ ์˜๊ฒฌ ๋ฐ UT ๋ฐœ๊ฒฌ์‚ฌํ•ญ

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

task 4 ๋Œ“๊ธ€๊ด€๋ฆฌ

แ„†แ…ตแ„‰แ…ณแ„แ…ณแ†ฏแ„…แ…ตแ†จ

๊ทธ ์™ธ ์ •์„ฑ ์˜๊ฒฌ ๋ฐ UT ๋ฐœ๊ฒฌ์‚ฌํ•ญ

  • ํ•ด๋‹น ํ”Œ๋žซํผ์— ๋Œ€ํ•œ ๋Œ“๊ธ€๊ฐ™์ง€๊ฐ€ ์•Š์€ ๋А๋‚Œ, ์‹œ๊ฐ์ ์œผ๋กœ ๋ฉ€๋ฆฌ ๋–จ์–ด์ ธ ์žˆ์–ด์„œ. ํ•ด๋‹นํ”Œ๋žซํผ๋ณ„ ๊ฒŒ์‹œ๊ธ€๋‚ด์šฉ ๊ฐ™์€ ๊ฒฝ์šฐ๋Š” ์ด๋ฏธ ์ธ๋„ค์ผ๋งŒ ๋ณด๋”๋ผ๋„ ์•Œ ๊ฒƒ ๊ฐ™์•„์„œ ์ˆจ๊ฒจ์ ธ์žˆ์–ด๋„ ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค. ํ˜น์€ ๊ธ€์„ ์ข€ ๋” ์ˆจ๊ธฐ๊ธฐ
  • ๋Œ“๊ธ€๋ฐ”๋กœ๊ฐ€๊ธฐ = ํ•ด๋‹น ํ”Œ๋žซํผ์—์„œ ์œ ๋„ํ•˜๋ ค๋Š” ๊ธฐ๋Šฅ์ด ์•„๋‹ˆ๋ฉด ๋งจ ์•„๋ž˜์— ์žˆ๋Š”๊ฒŒ ์ข‹์„๋“ฏ ๋Œ“๊ธ€๊ด€๋ฆฌ ์œ„์— ์žˆ๋Š” ๊ฒƒ ๋ณด๋‹ค
  • ํ•˜๋‹จ CTA๊ฐ€ ๊ณ ์ •๋˜์–ด์žˆ์–ด์„œ ์˜์—ญ์„ ๊ฐ€๋ฆฌ๋Š” ๊ฒƒ + ์ด๋ฏธ ๋‚˜์™€์žˆ๋Š” ๊ฒƒ = ์˜คํžˆ๋ ค ์ดํ•ดํ•˜๊ธฐ ์–ด๋ ค์šด ๋А๋‚Œ
  • ์–ด๋ ค์› ๋‹ค. ๊ธ์ •์ /๋ถ€์ •์  ๊ธฐ์ค€์— ๋Œ€ํ•œ ์ดํ•ด๊ฐ€ ๋ชจํ˜ธํ•จ. ์ „์ฒด ๋Œ“๊ธ€ ๋ณด๊ธฐ ์žˆ์–ด์•ผ ํ• ๋“ฏ.
  • ์ง„์ž…ํ™”๋ฉด์—์„œ 3๊ฐœ๊นŒ์ง€๋งŒ ์ œํ•œ์„ ๋‘์ง€ ๋ง๊ณ  ์˜ค๋Š˜,์–ด์ œ ์ •๋„๋Š” ๊ฐœ์ˆ˜ ์ œํ•œ ๋” ๋Š˜๋ ค๋„ ์ข‹์ง€์•Š์„์ง€?
  • ๋””๋ฐ”์ด๋” ์–ดํ”Œ๋ณ„ ์ฐจ์ด๊ฐ€ ์ž˜ ์•ˆ๋А๊ปด์ง
  • ๋Œ“๊ธ€๋ฐ”๋กœ๊ฐ€๊ธฐ ๋ฐ‘์— ๋‚˜์˜ค๋Š”๊ฒŒ ์ข‹์„๋“ฏ.
  • ๊ฐ™์ด ๋ฌถ์–ด์„œ ๋Œ€๋‹ตํ• ๋งŒํ•œ๊ฑฐ ํ•œ๋ฒˆ์— ๋Œ€๋‹ตํ•˜๋Š”๊ฑฐ ์ข‹์€๋“ฏ
  • ์ •๋ณด์˜ ์–‘์ด ๋„ˆ๋ฌด ๋งŽ์Œ, ์  ๋” ์—ฌ๋ฐฑ์„ ๋งŽ์ด ์ฃผ์–ด์•ผ ์ข‹์„๋“ฏ
  • ํ”„๋ผ์ด๋จธ๋ฆฌ ์ปฌ๋Ÿฌ๊ฐ€ ์ž˜ ์•ˆ ๋ณด์ž„
  • ๋Œ“๊ธ€์„ ๋ˆŒ๋Ÿฌ์•ผ ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ์•ˆ๋“ฆ
  • ๋ฌธ์˜,๊ธ์ •,๋ถ€์ • ๋Œ“๊ธ€ ๊ฐ„๊ฒฉ๋„์šฐ๊ธฐ
  • ๋Œ“๊ธ€ ์ˆจ๊ธฐ๊ธฐ ํ›„ ๋Œ“๊ธ€ ๋ณต๊ตฌํ•˜๊ธฐ๊ฐ€ ์–ด๋ ค์› ์Œ
  • ๋ถ€์ • ํƒญ ๋“ค์–ด๊ฐ€๋ฉด ๋Œ“๊ธ€ ์ˆจ๊ธฐ๊ธฐ ๋ˆ„๋ฅด๊ธฐ ์ „ ์˜ค๋ฅธ์ชฝ์„ ๋จผ์ € ํด๋ฆญํ•จ
  • ๋น„์Šทํ•œ ๋Œ“๊ธ€ ์ฐพ๋Š” ๊ฒƒ์— ์ดˆ๊ธฐ ์–ด๋ ค์›€ ์žˆ์—ˆ์Œ
  • AI ๋‹ต๋ณ€ ์ƒ์„ฑ ๊ธฐ๋Œ€๊ฐ ๋ฐ ์ดํ•ด๋„: ์ž˜ ์ƒ์„ฑ์ด ๋˜๊ณ  ์ข‹์•˜์Œ. ๊ทธ๋Ÿฐ๋ฐ AI ์‚ฌ์šฉํ•˜๋Š” ๋ถ€๋ถ„์ด ๋งŽ์€๋ฐ ์ด๊ฒŒ ์ž˜ ์ž‘๋™์ด ๋ ์ง€๊ฐ€ ์˜๋ฌธ
  • ๋ถ€์ • ํƒญ์„ ๋ฐ”๋กœ ์ธ์ง€ํ•˜์ง€ ๋ชปํ•จ
  • ๋Œ“๊ธ€ ์ˆจ๊ธฐ๊ธฐ ์‹œ ์˜ค๋ฅธ์ชฝ ๋ฒ„ํŠผ์„ ๋จผ์ € ํด๋ฆญํ•จ (์ˆ˜๋ฏผ๊ณผ ๊ณตํ†ต๋œ ์•ก์…˜)
  • ๋ถ€์ • ํƒญ์„ ๋ฐ”๋กœ ์ฐพ์ง€ ๋ชปํ•จ
  • ๋น„์Šทํ•œ ๋‹ต๊ธ€์— ๋Œ€ํ•œ ์ผ๊ด„ ๋‹ต๋ณ€์„ ํ•˜๋‚˜ ์ด์ƒ ๋ˆŒ๋Ÿฌ์•ผ ๋œ๋‹ค๋Š” ์„ค๋ช…์ด ์žˆ์œผ๋ฉด ์ข‹์„ ๋“ฏํ•จ
  • ์ˆจ๊ธฐ๊ธฐ๋Š” ์ข‹์•˜์œผ๋‚˜ ๋ณต๊ตฌํ•˜๋Š” ๋ฒ„ํŠผ์€ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋‹ค๋ผ๋Š” ๊ฒƒ์„ ์ธ์ง€ํ•˜๊ธฐ ์–ด๋ ค์šธ ์ˆ˜ ์žˆ์Œ ๋ณต๊ตฌ ๋ฒ„ํŠผ์ด ์•ž์— ์žˆ๋Š”๊ฒŒ ํŠน์ดํ•จ

ํ…Œ์ŠคํŠธ ํ›„ ์„ค๋ฌธ

แ„แ…ฆแ„‰แ…ณแ„แ…ณแ„’แ…ฎแ„‰แ…ฅแ†ฏแ„†แ…ฎแ†ซ1 แ„แ…ฆแ„‰แ…ณแ„แ…ณแ„’แ…ฎแ„‰แ…ฅแ†ฏแ„†แ…ฎแ†ซ2 แ„แ…ฆแ„‰แ…ณแ„แ…ณแ„’แ…ฎแ„‰แ…ฅแ†ฏแ„†แ…ฎแ†ซ3 แ„แ…ฆแ„‰แ…ณแ„แ…ณแ„’แ…ฎแ„‰แ…ฅแ†ฏแ„†แ…ฎแ†ซ4

์„ฑ๊ณผ ์ง€ํ‘œ

1. 1์ฐจ ์ธ์Šคํƒ€๊ทธ๋žจ ๊ด‘๊ณ  ์„ฑ๊ณผ

๊ด‘๊ณ ์„ฑ๊ณผ 1 ๊ด‘๊ณ ์„ฑ๊ณผ 2 ๊ด‘๊ณ ์„ฑ๊ณผ 3
๊ด‘๊ณ ์„ฑ๊ณผ1 ๊ด‘๊ณ ์„ฑ๊ณผ2 ๊ด‘๊ณ ์„ฑ๊ณผ3
๊ตฌ๋ถ„ ์ฝ˜ํ…์ธ  ๋ณ€ํ™˜ ์ธ์‚ฌ์ดํŠธ ๊ด€๋ฆฌ ๋Œ“๊ธ€ ๊ด€๋ฆฌ ์ดํ•ฉ
์กฐํšŒ 628 646 380 1,624
์›น์‚ฌ์ดํŠธ ๋ฐฉ๋ฌธ 27 (4.29%) 8 (1.23%) 5 (1.31%) 40 (2.5%)
DB ๋‚จ๊ธฐ๊ธฐ 2 (7.4%) 0 (0%) 0 (0%) 2 (2.5%)

์˜ˆ๋น„ ๊ณ ๊ฐ DB ์ˆ˜์ง‘

แ„‹แ…จแ„‡แ…ตแ„€แ…ฉแ„€แ…ขแ†จDBแ„‰แ…ฎแ„Œแ…ตแ†ธ แ„‹แ…จแ„‡แ…ตแ„€แ…ฉแ„€แ…ขแ†จDBแ„‰แ…ฎแ„Œแ…ตแ†ธ2

๐ŸŒŸ ๋””์ž์ธ

๐Ÿ“ƒ ์ปจ์…‰ ๋ฌด๋“œ๋ณด๋“œ

แ„แ…ฅแ†ซแ„‰แ…ฆแ†ธ แ„†แ…ฎแ„ƒแ…ณแ„‡แ…ฉแ„ƒแ…ณ

๐Ÿ“ƒ ๋””์ž์ธ ์‹œ์Šคํ…œ

Typography System

Typography System

Color System

Color System

ICON System

ICON System

Grid & Spacing

Grid Spacing system

๐Ÿ“ƒ ๋ธŒ๋žœ๋”ฉ

  • Branding Experience

frame

๐Ÿ“ƒ ๋žœ๋”ฉํŽ˜์ด์ง€

  • Landing Page

URL: https://zaply-landing.vercel.app

แ„…แ…ขแ†ซแ„ƒแ…ตแ†ผ

๐Ÿ“ƒ GUI ํ™”๋ฉด ๋””์ž์ธ

  • ๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž…

แ„…แ…ฉแ„€แ…ณแ„‹แ…ตแ†ซ

    1. (HOME)์—…๋กœ๋“œ

home

  • 1-1) HOME>์ƒˆ์ฝ˜ํ…์ธ ์ƒ์„ฑ

homeแ„‰แ…ขแ„แ…ฉแ†ซแ„แ…ฆแ†ซแ„Žแ…ณ

    1. ์ธ์‚ฌ์ดํŠธ

guiแ„‹แ…ตแ†ซแ„‰แ…กแ„‹แ…ตแ„แ…ณ

    1. ๋Œ“๊ธ€ ๊ด€๋ฆฌ

guiแ„ƒแ…ขแ†บแ„€แ…ณแ†ฏแ„€แ…ชแ†ซแ„…แ…ต

    1. ๋งˆ์ดํŽ˜์ด์ง€

แ„†แ…กแ„‹แ…ตแ„‘แ…ฆแ„‹แ…ตแ„Œแ…ต

  • 4-1) ๋งˆ์ดํŽ˜์ด์ง€>๊ณ„์ • ์—ฐ๋™

แ„†แ…กแ„‹แ…ตแ„‘แ…ฆแ„‹แ…ตแ„Œแ…ต2

๐Ÿ“ƒ ํ”„๋กœ์ ํŠธ ํฌํŠธํด๋ฆฌ์˜ค & ํฌ์Šคํ„ฐ

Behance ๋งํฌ https://www.behance.net/gallery/226676895/Zaply-AI-SNS-

ํฌ์Šคํ„ฐ

แ„‘แ…ฉแ„‰แ…ณแ„แ…ฅ1 แ„‘แ…ฉแ„‰แ…ณแ„แ…ฅ2

๐ŸŒŸ ๊ฐœ๋ฐœ

๐Ÿ‘ฌ Member

์ •์„ฑํ˜ธ ์—ผ์ง€์€ ์„ฑํƒœํ˜„ ์ด์œ ์Šน
์ •์„ฑํ˜ธ ์—ผ์ง€์€ ์„ฑํƒœํ˜„ ์ด์œ ์Šน
@SeongHo5356 @yumzen @dvp-tae @youth-o

FrontEnd

Tech Stack

Next.js Zustand TypeScript PNPM TailwindCSS shadcn/ui TanStack Query Vercel PWA

Technologies Used

Stack Reason
Next.js 14 React ๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ๋กœ, ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ์™€ ์„œ๋ฒ„ ์•ก์…˜์„ ํ†ตํ•ด ํด๋ผ์ด์–ธํŠธ ์ธก JavaScript ์–‘์„ ์ค„์—ฌ ์„ฑ๋Šฅ ์ตœ์ ํ™”. App Router๋ฅผ ํ†ตํ•œ ํŒŒ์ผ ์‹œ์Šคํ…œ ๊ธฐ๋ฐ˜ ๋ผ์šฐํŒ…, SSR/SSG ๊ธฐ๋ณธ ์ง€์›, ์ปดํฌ๋„ŒํŠธ ์žฌ์‚ฌ์šฉ์„ฑ, ์ฆ๋ถ„์  ์ •์  ์žฌ์ƒ์„ฑ(ISR), ์ด๋ฏธ์ง€ ์ตœ์ ํ™”, Vercel๊ณผ์˜ ๊ฐ„ํŽธํ•œ ํ†ตํ•ฉ ๋ฐฐํฌ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜์—ฌ ์„ ์ •.
TypeScript ์ •์  ํƒ€์ž… ์‹œ์Šคํ…œ์„ ํ†ตํ•œ ์ฝ”๋“œ ์•ˆ์ •์„ฑ ํ–ฅ์ƒ ๋ฐ ํ˜‘์—… ์šฉ์ด์„ฑ. ๊ฐœ๋ฐœ ๋‹จ๊ณ„์—์„œ ์˜ค๋ฅ˜ ์‚ฌ์ „ ๋ฐœ๊ฒฌ์œผ๋กœ ๋Ÿฐํƒ€์ž„ ์—๋Ÿฌ ๋ฐฉ์ง€, ์ฝ”๋“œ ํžŒํŠธ์™€ ์ž๋™ ์™„์„ฑ ๊ธฐ๋Šฅ์œผ๋กœ ์ƒ์‚ฐ์„ฑ ํ–ฅ์ƒ.
Zustand ๊ฐ„๊ฒฐํ•˜๊ณ  ์ง๊ด€์ ์ธ ์ƒํƒœ ๊ด€๋ฆฌ ๋ฐฉ์‹๊ณผ ์ตœ์†Œํ•œ์˜ ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ๋กœ ๋†’์€ ์œ ์—ฐ์„ฑ ์ œ๊ณต. ์ƒํƒœ ๋ณ€๊ฒฝ ์‹œ์—๋งŒ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ Œ๋”๋งํ•˜์—ฌ ๋ถˆํ•„์š”ํ•œ ๋ Œ๋”๋ง ์ตœ์†Œํ™”์™€ ์„ฑ๋Šฅ ์ตœ์ ํ™”.
PNPM ํšจ์œจ์ ์ธ node_modules ๊ด€๋ฆฌ๋กœ ๋””์Šคํฌ ๊ณต๊ฐ„ ์ ˆ์•ฝ ๋ฐ ์„ค์น˜ ์†๋„ ํ–ฅ์ƒ์„ ์ œ๊ณตํ•˜๋Š” ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €.
TailwindCSS HTML๊ณผ CSS ํŒŒ์ผ์„ ๋ณ„๋„๋กœ ๊ด€๋ฆฌํ•  ํ•„์š” ์—†์ด ๊ฐœ๋ฐœ ๊ฐ€๋Šฅํ•œ ํŽธ์˜์„ฑ. ํด๋ž˜์Šค๋ช… ๊ณ ๋ฏผ ์‹œ๊ฐ„ ์ ˆ์•ฝ์œผ๋กœ ๋น ๋ฅธ ๊ฐœ๋ฐœ๊ณผ ์ผ๊ด€๋œ ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ• ๊ฐ€๋Šฅ.
Shadcn/UI TailwindCSS์™€์˜ ์›ํ™œํ•œ ํ†ตํ•ฉ์œผ๋กœ ์ผ๊ด€๋œ ์Šคํƒ€์ผ๋ง. ๋†’์€ ํ™•์žฅ์„ฑ๊ณผ ์œ ์—ฐํ•œ ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ํ”„๋กœ์ ํŠธ ์š”๊ตฌ์‚ฌํ•ญ์— ๋งž๋Š” UI ํšจ์œจ์  ๊ตฌํ˜„.
TanStack Query ํšจ์œจ์ ์ธ ๋ฐ์ดํ„ฐ ํŽ˜์นญ ๋ฐ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ. ๋ฐ์ดํ„ฐ ์บ์‹ฑ ๊ธฐ๋Šฅ์œผ๋กœ ๋ถˆํ•„์š”ํ•œ ์š”์ฒญ ๊ฐ์†Œ, ์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐ ๋„คํŠธ์›Œํฌ ๋น„์šฉ ์ ˆ๊ฐ ๊ฐ€๋Šฅ.
Vercel ๊นƒ ์ €์žฅ์†Œ์™€ ํ†ตํ•ฉ๋œ ์ž๋™ ๊ฐ์ง€ ๋ฐ ์ž๋™ ๋ฐฐํฌ ์‹œ์Šคํ…œ. ์ฝ”๋“œ ๋ณ€๊ฒฝ ์‚ฌํ•ญ ํ‘ธ์‹œ ์‹œ ์ž๋™ ๋ฐฐํฌ๋กœ ํšจ์œจ์ ์ด๊ณ  ๊ฐ„ํŽธํ•œ ์›น์‚ฌ์ดํŠธ ๋ฐฐํฌ ํ™˜๊ฒฝ ์ œ๊ณต.
PWA ์›น ๊ธฐ์ˆ  ๊ธฐ๋ฐ˜์˜ ํฌ๋กœ์Šค ํ”Œ๋žซํผ ์ง€์›. ์•ฑ ์Šคํ† ์–ด ์—†์ด ํ™ˆ ํ™”๋ฉด์— ์ถ”๊ฐ€ ๊ฐ€๋Šฅํ•œ ๋†’์€ ์ ‘๊ทผ์„ฑ๊ณผ ํŽธ์˜์„ฑ. ๊ฐœ๋ฐœ ๋น„์šฉ ์ ˆ๊ฐ ๋ฐ ๋น ๋ฅธ ๋ฐฐํฌ ๊ฐ€๋Šฅ.

Naming Rules

  • ํด๋”๋ช…: camelCase
  • ํŒŒ์ผ๋ช…: PascalCase
  • ํƒ€์ž…, ์œ ํ‹ธํ•จ์ˆ˜ ๋“ฑ: camelCase
  • ์ƒ์ˆ˜: UPPER_CASE

Commit Convension

์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€๋Š” ํƒœ๊ทธ: ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€ ํ˜•์‹์œผ๋กœ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ์‹œ: git commit -m "feat: ์นด์นด์˜ค ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ ๊ตฌํ˜„"

ํƒœ๊ทธ๋ช… ์„ค๋ช…
feat ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ
fix ์ฝ”๋“œ ๋ฐ ๋ฒ„๊ทธ ์ˆ˜์ •
style CSS ์Šคํƒ€์ผ๋ง ๋ฐ ํผ๋ธ”๋ฆฌ์‹ฑ ์ž‘์—…
docs ๋ฌธ์„œ ์ž‘์—…(README.md ๋“ฑ)
test ๋ฐฐํฌ ํ…Œ์ŠคํŠธ, QA ํ…Œ์ŠคํŒ… ๊ด€๋ จ
chore ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ € ์ˆ˜์ •, ๊ทธ ์™ธ ๊ธฐํƒ€ ์ˆ˜์ •
build ๋นŒ๋“œ ์‹œ์Šคํ…œ ๋˜๋Š” ์™ธ๋ถ€ ์ข…์†์„ฑ์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ
refactor ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง
rename ํด๋” ํ˜น์€ ํŒŒ์ผ๋ช… ๋ณ€๊ฒฝ
remove ํŒŒ์ผ ์‚ญ์ œ

BackEnd

๐Ÿ“ Technology Stack

Category Technology
Language Java 21
Framework Spring Boot 3.3.10
Databases Postgresql, Redis
Authentication JWT, Spring Security, OAuth2.0
Development Tools Lombok
API Documentation Swagger UI (SpringDoc)
Storage AWS S3, Naver Object Storage
Infrastructure Terraform, NCP Server, HashiCorp Vault
Build Tools Gradle
Monitoring Prometheus, Grafana, Loki, Promtail



๐Ÿ“… ERD

์Šคํฌ๋ฆฐ์ƒท 2025-05-29 ์˜คํ›„ 9 35 28



API ๋ช…์„ธ์„œ

http://zapply.site/swagger-ui/index.html



๐Ÿ”จ Project Architecture

image



โญ๏ธ ๊ธฐ์ˆ ์Šคํƒ/์„ ์ •์ด์œ 

1๏ธโƒฃย Java 21

  • Java 21์€ ์ตœ์‹  ์–ธ์–ด ๊ธฐ๋Šฅ(์˜ˆ: ํŒจํ„ด ๋งค์นญ, ๋ ˆ์ฝ”๋“œ, ๊ฐ€์ƒ ์Šค๋ ˆ๋“œ ๋“ฑ)์„ ์ œ๊ณตํ•˜์—ฌ ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ๊ณผ ์œ ์ง€๋ณด์ˆ˜์„ฑ์„ ๋†’์ด๋ฉฐ, ๊ฐœ๋ฐœ ์ƒ์‚ฐ์„ฑ์„ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค.
  • ์ตœ์‹  ๋ฒ„์ „์˜ ์ž๋ฐ”๋Š” ์„ฑ๋Šฅ ์ตœ์ ํ™”์™€ ํšจ์œจ์ ์ธ ๋ฉ”๋ชจ๋ฆฌ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ์ด ๊ฐœ์„ ๋˜์–ด, ๋Œ€๊ทœ๋ชจ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ๋„ ์•ˆ์ •์ ์ด๊ณ  ๋น ๋ฅธ ์‹คํ–‰์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
  • ์žฅ๊ธฐ ์ง€์› ๋ฒ„์ „์ด๋ฏ€๋กœ, ์•ž์œผ๋กœ์˜ ์œ ์ง€๋ณด์ˆ˜์™€ ์•ˆ์ •์„ฑ ์ธก๋ฉด์—์„œ ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋ฐ˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

2๏ธโƒฃย SpringBoot 3.3.10

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

3๏ธโƒฃย SpringData JPA

  • Spring Data JPA๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์™€์˜ ์ธํ„ฐ๋ž™์…˜์„ ๋‹จ์ˆœํ™”ํ•˜๊ณ , ๋ถˆํ•„์š”ํ•œ ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ ์ฝ”๋“œ๋ฅผ ์ค„์—ฌ ๊ฐœ๋ฐœ ํšจ์œจ์„ฑ์„ ๋†’์—ฌ์ค๋‹ˆ๋‹ค.

5๏ธโƒฃย PostgreSQL

  • PostgreSQL๋Š” ๋ณต์žกํ•œ ์ฟผ๋ฆฌ ์ฒ˜๋ฆฌ์™€ ๋Œ€๊ทœ๋ชจ ๋ฐ์ดํ„ฐ์…‹ ๊ด€๋ฆฌ์— ๊ฐ•์ ์„ ๊ฐ€์ง‘๋‹ˆ๋‹ค.

6๏ธโƒฃย Docker compose

  • Docker Compose๋Š” ์—ฌ๋Ÿฌ ์ปจํ…Œ์ด๋„ˆ๋ฅผ ์†์‰ฝ๊ฒŒ ๊ตฌ์„ฑํ•˜๊ณ  ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ์–ด, ๊ฐœ๋ฐœ ๋ฐ ๋ฐฐํฌ ๊ณผ์ •์—์„œ ํ™˜๊ฒฝ ์„ค์ •์„ ๊ฐ„์†Œํ™”ํ•ฉ๋‹ˆ๋‹ค.

7๏ธโƒฃย NCP(CLOVA studio, Server, Object Storage)

  • NCP(๋„ค์ด๋ฒ„ ํด๋ผ์šฐ๋“œ ํ”Œ๋žซํผ)๋Š” CLOVA Studio ๋ฐ ์„œ๋ฒ„ ์ธํ”„๋ผ ํ˜ธ์ŠคํŒ…์— ํ™œ์šฉ๋˜์–ด, ์•ˆ์ •์ ์ด๊ณ  ์•ˆ์ „ํ•œ ํด๋ผ์šฐ๋“œ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•จ์œผ๋กœ์จ ํ”„๋กœ์ ํŠธ์˜ ์šด์˜ ํšจ์œจ์„ฑ์„ ๋†’์ž…๋‹ˆ๋‹ค.

8๏ธโƒฃย Hashicorp Vault

  • ๋ฏผ๊ฐํ•œ ๋ฐ์ดํ„ฐ(ํ”Œ๋žซํผ ๋ณ„ ์‚ฌ์šฉ์ž accessToken ๋“ฑ)๋ฅผ ์•ˆ์ „ํ•˜๊ฒŒ ๊ด€๋ฆฌํ•˜๊ณ , ๋ณด์•ˆ์„ฑ์„ ๊ฐ•ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

9๏ธโƒฃย Terraform

  • ์ธํ”„๋ผ๋ฅผ ์ฝ”๋“œ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด ์ฃผ์–ด, ๋ฐ˜๋ณต ๊ฐ€๋Šฅํ•˜๊ณ  ์ผ๊ด€๋œ ์ธํ”„๋ผ ๊ตฌ์ถ• ๋ฐ ์œ ์ง€๋ณด์ˆ˜๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

9๏ธโƒฃย Promtail, Loki, Prometheus, Grafana

  • Promtail โ†’ Loki: ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ยท์‹œ์Šคํ…œ ๋กœ๊ทธ๋ฅผ ์ˆ˜์ง‘ยท๋ผ๋ฒจ๋งํ•ด Loki์— ์ „์†ก โ†’ ๋Œ€๋Ÿ‰ ๋กœ๊ทธ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ์ธ๋ฑ์‹ฑยท๊ฒ€์ƒ‰ํ•ฉ๋‹ˆ๋‹ค.
  • Prometheus: Pull ๋ฐฉ์‹์œผ๋กœ API ์‘๋‹ต ์‹œ๊ฐ„ยทCPUยท๋ฉ”๋ชจ๋ฆฌ ๊ฐ™์€ ์‹œ๊ณ„์—ด ๋ฉ”ํŠธ๋ฆญ์„ ์Šคํฌ๋žฉยท์ €์žฅํ•ฉ๋‹ˆ๋‹ค.
  • Grafana: LokiยทPrometheus ๋ฐ์ดํ„ฐ๋ฅผ ๋Œ€์‹œ๋ณด๋“œ๋กœ ์‹œ๊ฐํ™”ํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ”Ÿย K6

  • JavaScript๋กœ ์‹ค์ œ ์‚ฌ์šฉ์ž ํ๋ฆ„(๋กœ๊ทธ์ธโ†’API ํ˜ธ์ถœโ†’์Šค์ผ€์ค„๋ง)์„ ์Šคํฌ๋ฆฝํŠธํ™”ํ•ด REST ์„ฑ๋Šฅ์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค.
  • vus, stages, thresholds ๋“ฑ ์˜ต์…˜์œผ๋กœ ๋™์‹œ ์‚ฌ์šฉ์ž ์ˆ˜ยท์ŠคํŒŒ์ดํฌยท์ง€์† ํ…Œ์ŠคํŠธ๋ฅผ ์ปค์Šคํ„ฐ๋งˆ์ด์ง•ํ•˜๋ฉด์„œ ํ…Œ์ŠคํŠธํ•ฉ๋‹ˆ๋‹ค.
  • ์ฝ˜์†”ยทJSON ์ถœ๋ ฅ์œผ๋กœ ์‘๋‹ต ์‹œ๊ฐ„ยท์ฒ˜๋ฆฌ๋Ÿ‰ยท์—๋Ÿฌ์œจ ๋ฉ”ํŠธ๋ฆญ์„ ์ˆ˜์ง‘ํ•˜๊ณ  Grafana์— ์—ฐ๋™ํ•ด ๊ฒฐ๊ณผ ์‹œ๊ฐํ™”ํ•ฉ๋‹ˆ๋‹ค.



๐Ÿ’ฌ Convention

commit convention
#์ด์Šˆ๋ฒˆํ˜ธ conventionType: ๊ตฌํ˜„ํ•œ ๋‚ด์šฉ

convention Type

convention type description
feat ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ๊ตฌํ˜„
chore ๋ถ€์ˆ˜์ ์ธ ์ฝ”๋“œ ์ˆ˜์ • ๋ฐ ๊ธฐํƒ€ ๋ณ€๊ฒฝ์‚ฌํ•ญ
docs ๋ฌธ์„œ ์ถ”๊ฐ€ ๋ฐ ์ˆ˜์ •, ์‚ญ์ œ
fix ๋ฒ„๊ทธ ์ˆ˜์ •
test ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ถ”๊ฐ€ ๋ฐ ์ˆ˜์ •, ์‚ญ์ œ
refactor ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง



๐Ÿชต Branch

  • ์ปจ๋ฒค์…˜๋ช…/#์ด์Šˆ๋ฒˆํ˜ธ-์ž‘์—…๋‚ด์šฉ
  • pull request๋ฅผ ํ†ตํ•ด develop branch์— merge ํ›„, branch delete
  • ๋ถ€๋“์ดํ•˜๊ฒŒ develop branch์— ์ง์ ‘ commit ํ•ด์•ผ ํ•  ๊ฒฝ์šฐ, !hotfix: ์‚ฌ์šฉ



๐Ÿ“ Directory

src/
โ”œโ”€โ”€ main/
โ”‚   โ”œโ”€โ”€ domain/
โ”‚   โ”‚   โ”œโ”€โ”€ entity/
โ”‚   โ”‚   โ”œโ”€โ”€ controller/
โ”‚   โ”‚   โ”œโ”€โ”€ service/
โ”‚   โ”‚   โ”œโ”€โ”€ repository/
โ”‚   โ”‚   โ””โ”€โ”€ dto/
            โ”œโ”€โ”€ request/
            โ””โ”€โ”€ response/
โ”‚   โ”œโ”€โ”€ global/
โ”‚   โ”‚   โ”œโ”€โ”€ apiPayload/
โ”‚   โ”‚   โ”œโ”€โ”€ config/
โ”‚   โ”‚   โ”œโ”€โ”€ security/
		 



๐Ÿ“ˆ ๋ถ€ํ•˜ํ…Œ์ŠคํŠธ

๊ฐ ํ”Œ๋žซํผ(Instagram, Facebook, Threads) API์—๋Š” ๊ณ„์ •/์‹œ๊ฐ„ ๋‹น ๋ฐœํ–‰ ๊ฐ€๋Šฅํ•œ ๊ฒŒ์‹œ๋ฌผ ์ˆ˜์— ์ œํ•œ์ด ์žˆ์–ด, ๋ถ€ํ•˜ ํ…Œ์ŠคํŠธ์—๋Š” ์ œ์•ฝ์ด ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ์ด์— ๋”ฐ๋ผ ์ €ํฌ๋Š” ์ฆ‰์‹œ ๋ฐœํ–‰์ด ์•„๋‹Œ "์˜ˆ์•ฝ ๋ฐœํ–‰" API๋ฅผ ํ™œ์šฉํ•œ ๋ถ€ํ•˜ ์‹œ๋ฎฌ๋ ˆ์ด์…˜ ๋ฐฉ์‹์„ ๊ตฌ์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค.

์‹œ๋‚˜๋ฆฌ์˜ค โ‘  10๋ช…์ด 1์ดˆ ๋™์•ˆ ์ตœ๋Œ€ํ•œ์˜ ์š”์ฒญ์„ ๋ณด๋‚ธ๋‹ค. ์‹œ๋‚˜๋ฆฌ์˜ค โ‘ก 2000๋ช…์ด 1์ดˆ ๋™์•ˆ ์ตœ๋Œ€ํ•œ์˜ ์š”์ฒญ์„ ๋ณด๋‚ธ๋‹ค.
image image
โœ… ์ด 120๊ฐœ์˜ ์š”์ฒญ์ด ๋ฌธ์ œ์—†์ด ์ฒ˜๋ฆฌ๋จ
- ํ‰๊ท  ์š”์ฒญ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„ : 82.09 ms
- ์ตœ์†Œ ์š”์ฒญ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„ : 22.52ms
- ์ตœ๋Œ€ ์š”์ฒญ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„ : 164.64ms
โœ… ์ด 4002๊ฐœ์˜ ์š”์ฒญ์ด ๋ฌธ์ œ์—†์ด ์ฒ˜๋ฆฌ๋จ
- ํ‰๊ท  ์š”์ฒญ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„ : 7.74s
- ์ตœ์†Œ ์š”์ฒญ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„ : 21.9s
- ์ตœ๋Œ€ ์š”์ฒญ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„ : 18.28s
- 95th ํผ์„ผํƒ€์ผ : 14.95s

์‹œ๋‚˜๋ฆฌ์˜ค โ‘ข ์‚ฌ์šฉ์ž ์ˆ˜ ๋ณ€๋™ ์‹œ๋‚˜๋ฆฌ์˜ค ์‹œ๋‚˜๋ฆฌ์˜ค โ‘ฃ ์‘๋‹ต ์‹œ๊ฐ„์ด 5์ดˆ ์ด๋‚ด์ธ ์ตœ๋Œ€ ์š”์ฒญ ์ˆ˜ ํŒŒ์•…
image image
0์ดˆ ~ 2์ดˆ : 50๋ช…, 2์ดˆ ~ 12์ดˆ : 300๋ช…, 12์ดˆ ~ 17์ดˆ : 1000๋ช…, 17์ดˆ ~ 18์ดˆ : 500๋ช… 5์ดˆ๊ฐ€ ์ง€๋‚  ๊ฒฝ์šฐ ์‚ฌ์šฉ์ž ์ดํƒˆ์ด ๋Š˜์–ด๋‚  ๊ฒƒ์ด๋ผ๊ณ  ํŒ๋‹จํ•˜์—ฌ 1์ดˆ ๋™์•ˆ 1000๋ช…์˜ ์‚ฌ์šฉ์ž๊ฐ€ ์š”์ฒญ์„ ๋ณด๋‚ด ์š”์ฒญ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„์ด 5์ดˆ ์ด๋‚ด์ธ ์š”์ฒญ ๊ฐœ์ˆ˜๋ฅผ ํŒŒ์•…
โœ… ์ด 3789๊ฐœ์˜ ์š”์ฒญ์ด ๋ฌธ์ œ์—†์ด ์ฒ˜๋ฆฌ๋จ
- ํ‰๊ท  ์š”์ฒญ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„ : 1.94s
- ์ตœ์†Œ ์š”์ฒญ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„ : 20.53ms
- ์ตœ๋Œ€ ์š”์ฒญ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„ : 7.88s
โœ… ์ด 2002๊ฐœ์˜ ์š”์ฒญ์ด ์‹œ๊ฐ„ ๋‚ด ์ฒ˜๋ฆฌ๋จ

ํ…Œ์ŠคํŠธ ๊ฒฐ๊ณผ ๋ถ„์„

  • ํ˜„์žฌ ์‹œ์Šคํ…œ์€ ๋™์‹œ ์•ฝ 1,000๊ฑด ์ˆ˜์ค€๊นŒ์ง€๋Š” ์•ˆ์ •์ ์œผ๋กœ ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค. ์‹œ๋‚˜๋ฆฌ์˜ค โ‘ข์ฒ˜๋Ÿผ ์‚ฌ์šฉ์ž ์ˆ˜๊ฐ€ ์ ์ฐจ ์ฆ๊ฐ€ํ•˜๋Š” ์ƒํ™ฉ์—์„œ๋„ ํ‰๊ท  ์‘๋‹ต ์‹œ๊ฐ„์€ 1.94์ดˆ, ์ตœ๋Œ€ ์‘๋‹ต ์‹œ๊ฐ„์€ 7.88์ดˆ๋กœ, ๋Œ€๋ถ€๋ถ„์˜ ์š”์ฒญ์ด ์ •์ƒ์ ์œผ๋กœ ์ฒ˜๋ฆฌ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • ํ•˜์ง€๋งŒ ์‹œ๋‚˜๋ฆฌ์˜ค โ‘ก์ฒ˜๋Ÿผ 2,000๋ช…์˜ ๋™์‹œ ์š”์ฒญ์ด ๋“ค์–ด์˜ค๋ฉด ํ‰๊ท  ์‘๋‹ต ์‹œ๊ฐ„์ด 7.74์ดˆ, ์ตœ๋Œ€ 18.28์ดˆ๊นŒ์ง€ ์ฆ๊ฐ€ํ•˜๋ฉด์„œ ์‘๋‹ต ์ง€์—ฐ์ด ๋ฐœ์ƒํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์ด ๊ฒฐ๊ณผ๋Š” ๋Œ€๊ทœ๋ชจ ํŠธ๋ž˜ํ”ฝ์— ๋Œ€ํ•œ ์„ฑ๋Šฅ ํ•œ๊ณ„๊ฐ€ ์žˆ์Œ์„ ๋ณด์—ฌ์ฃผ๋ฉฐ, ์ถ”ํ›„ ์ด๋ฅผ ๊ฐœ์„ ํ•  ํ•„์š”๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์‹œ๋‚˜๋ฆฌ์˜ค โ‘ฃ์—์„œ๋Š” 1000๋ช…์˜ ์‚ฌ์šฉ์ž๊ฐ€ ๋™์‹œ์— ์š”์ฒญ์„ ๋ณด๋‚ธ ๊ฒฝ์šฐ, ์ด 2,002๊ฑด์˜ ์š”์ฒญ์ด 5์ดˆ ์ด๋‚ด์— ์ฒ˜๋ฆฌ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ํ˜„์žฌ ์‹œ์Šคํ…œ์ด ์‹ค์‹œ๊ฐ„ ๋Œ€์‘๋ณด๋‹ค๋Š” ์˜ˆ์•ฝ ์ฒ˜๋ฆฌ์— ๋” ์ ํ•ฉํ•œ ๊ตฌ์กฐ์ž„์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.
  • ์ผ๋ฐ˜์ ์œผ๋กœ ์‚ฌ์šฉ์ž ์ดํƒˆ์ด ๋Š˜๊ธฐ ์‹œ์ž‘ํ•˜๋Š” 5์ดˆ ์ด๋‚ด ์‘๋‹ต์„ ๊ธฐ์ค€์œผ๋กœ ์˜ˆ์ƒ ์ ‘์†์ž ์ˆ˜ ์•ฝ 1,000๋ช… ์ •๋„์— ๋Œ€ํ•ด์„œ๋Š” ์ถฉ๋ถ„ํžˆ ์•ˆ์ •์ ์ธ ์„ฑ๋Šฅ์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํŒ๋‹จ๋ฉ๋‹ˆ๋‹ค.

๐Ÿ’ซ Zaply | Create Once, Spread With Zaply

About

๐Ÿ’ซ Zaply | AI ๊ธฐ๋ฐ˜ Multi-SNS ์ฝ˜ํ…์ธ  ๋ฐฐํฌ&๊ด€๋ฆฌ ์„œ๋น„์Šค

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •