Skip to content

๐Ÿง‘โ€๐Ÿซ 2์ฃผ์ฐจ ๋ฉ˜ํ† ๋ง

KimYujeong edited this page Dec 21, 2023 · 1 revision

๋ฉ˜ํ† ๋ง

image

๐Ÿ™‹โ€โ™€๏ธ [์งˆ๋ฌธ 1] (Backend)

AI ํƒ€๋กœ ์ƒ๋‹ด ์‹œ, ์›น์†Œ์ผ“์„ ์‚ฌ์šฉํ•˜์—ฌ ์„œ๋ฒ„์™€ ํ†ต์‹ ํ•˜๋„๋ก ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

์‹œ๊ทธ๋„๋ง ์„œ๋ฒ„์—์„œ๋„ ์†Œ์ผ“ ํ†ต์‹ ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์–ด ์‹œ๊ทธ๋„๋ง ์„œ๋ฒ„๊ฐ€ ์›น์†Œ์ผ“ ํ†ต์‹ ๊ณผ WebRTC ํ†ต์‹ ์„ ๋ชจ๋‘ ๋‹ด๋‹นํ•˜๊ฒŒ ํ• ๊นŒ ๊ณ ๋ฏผ ์ค‘์ธ๋ฐ ์ด์— ๋Œ€ํ•ด ์–ด๋–ป๊ฒŒ ์ƒ๊ฐํ•˜์‹œ๋‚˜์š”?

1. ๊ธฐ์กด์˜ ๋ฐฉ๋ฒ• ์œ ์ง€
    - API ํ†ต์‹ ์œผ๋กœ ์ธํ•œ ์‹œ๊ฐ„ ์ง€์—ฐ์ด ์—†์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
2. ์‹œ๊ทธ๋„๋ง ์„œ๋ฒ„์—์„œ ์›น์†Œ์ผ“, WebRTC ๋ชจ๋‘ ๋‹ด๋‹นํ•˜๊ณ , WAS์— ์ ‘๊ทผํ•  ๋•Œ API ์š”์ฒญ์„ ๋ณด๋‚ธ๋‹ค.
    - ์†Œ์ผ“ ํ†ต์‹ ์„ ํ•œ ์ชฝ์—์„œ ๋‹ค ๋‹ด๋‹นํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์žฅ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ’ก ๋‹ต๋ณ€

  • ์‹œ๊ทธ๋„๋ง ์„œ๋ฒ„๋Š” Offer์™€ Answer๋ฅผ ์ฃผ๊ณ  ๋ฐ›์œผ๋ฏ€๋กœ WebRTC ํ†ต์‹  ์‹œ์ž‘์‹œ์— ์‚ฌ์šฉ๋œ๋‹ค.
  • ํ™•์žฅ์„ฑ์„ ๊ณ ๋ คํ•˜์—ฌ WAS ์„œ๋ฒ„์— socket.io๋ฅผ ๋‘๊ณ  ์‚ฌ์šฉํ•˜์ž. (WAS๋งŒ ํ™•์žฅํ•  ์ˆ˜ ์žˆ๋„๋ก?)

+) ์†Œ์ผ“ ํ†ต์‹  ๋ถ„๋ฆฌํ•˜์ž!! (WAS ๋”ฐ๋กœ, ์‹œ๊ทธ๋„๋ง ์„œ๋ฒ„ ๋”ฐ๋กœ)


๐Ÿ™‹โ€โ™€๏ธ [์งˆ๋ฌธ 2] (Frontend)

storybook์„ ์‚ฌ์šฉํ•˜๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ, ๋‚ด๋ถ€์— ๋ผ์šฐํŒ…์ด๋‚˜ ๋„คํŠธ์›Œํฌ ํ†ต์‹  ๊ฐ™์€ ๊ธฐ๋Šฅ์ด ๋“ค์–ด๊ฐ€๊ฒŒ ๋˜๋ฉด story๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์—†๊ฒŒ ๋˜์„œ storybook๋ฅผ ๊ฒฐ๊ตญ ํ™œ์šฉํ•˜์ง€ ๋ชปํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.๊ทธ๋Ÿฐ ๋กœ์ง์„ ๋‹ค ๋ถ„๋ฆฌํ•ด์„œ storybook์„ ์‚ฌ์šฉํ•ด๋ณด๋Š” ๊ฒŒ ์ข‹์„ ์ง€ ์•„๋‹ˆ๋ฉด storybook์„ ํฌ๊ธฐํ• ์ง€ ๊ณ ๋ฏผ์ž…๋‹ˆ๋‹ค.

๐Ÿ’ก ๋‹ต๋ณ€

  • storybook์„ ์‚ฌ์šฉํ•˜๋Š” ๋ชฉ์ ์— ๋Œ€ํ•ด ์ƒ๊ฐํ•ด๋ณด๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.
  • ์›๋ž˜ ๋ชฉ์ ? ๋””์ž์ด๋„ˆ์™€ ํ˜‘์—…? ์ปดํฌ๋„ŒํŠธ์— ๋Œ€ํ•œ ๋ฌธ์„œํ™”?
  • ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋กœ์ง๊ณผ ๋ถ„๋ฆฌํ•˜๋Š” ์˜ค๋ฒ„ํ—ค๋“œ๋ฅผ ๊ฐ์ˆ˜ํ• ๋งŒํ•œ ์ง€ ์ƒ๊ฐํ•ด๋ณผ ๊ฒƒ

+) ์˜ค๋ฒ„ํ—ค๋“œ๊ฐ€ ํด ๊ฒƒ ๊ฐ™๋‹ค. storybook์„ ํฌ๊ธฐํ•˜์ž. (2023.11.16)

+) storybook์—์„œ ๋ผ์šฐํ„ฐ์™€ ๊ด€๋ จ๋˜์„œ mock์ฒ˜๋Ÿผ ์“ธ ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๊ธฐ๋Šฅ์ด ์žˆ๋‹ค. + api๋Š” msw

์จ๋ณผ๋งŒ ํ•œ ๊ฒƒ ๊ฐ™๋‹ค. ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ž‘์„ฑ ๊ธฐ๊ฐ„ (5์ฃผ์ฐจ) ๋•Œ ๊ฐ€๋Šฅํ•˜๋‹ค๋ฉด ์‹œ๋„ํ•ด๋ณด์ž (2023.11.20)


์ง„ํ–‰ ์ƒํ™ฉ

  • FE : ๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ, ์ฃผ์š” ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ ์ž‘์—…, ํ”„๋ก ํŠธ & ๋ฐฑ socket.io ์—ฐ๊ฒฐ
  • BE : ํ™˜๊ฒฝ ์„ธํŒ…, ์ฃผ์š” api ์ž‘์—…

๐Ÿ’ฆ ์šฐ๋‹นํƒ•ํƒ• ์ด์Šˆ ํ•ด๊ฒฐ๊ธฐ

BE

FE

FE/BE

๐Ÿง‘โ€๐Ÿซ ๋ฉ˜ํ† ๋ง ์ผ์ง€

๐Ÿ“ข ํšŒ์˜๋ก

๐Ÿ’ฌ ์Šคํฌ๋Ÿผ

๐Ÿ’ญ ํŒ€ ํšŒ๊ณ 

๐Ÿ’ญ ๊ฐœ์ธ ํšŒ๊ณ 

๐Ÿƒ Ongoing Project

Clone this wiki locally