Skip to content
@Will-BE-Developer

Will BE

๊ฐœ๋ฐœ์ž๋กœ ์ทจ์—…ํ•˜๊ณ ์‹ถ์€ ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•œ ํ™”์ƒ๋ฉด์ ‘ ์—ฐ์Šต ์ปค๋ฎค๋‹ˆํ‹ฐ


Why Will-Be ?

์š”์ฆ˜ ํ™”์ƒ ๋ฉด์ ‘ ์•ˆ๋ณด๋Š” ๊ณณ ์žˆ๋‚˜์š”? WillBe์™€ ํ•จ๊ป˜ ์ค€๋น„ํ•ด๋ณผ๊นŒ์š” ๐Ÿ‘จโ€๐Ÿ’ป


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


๐Ÿ“† ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„

  • 2022.04.29 ~ 2022.06.03

๐Ÿ˜Ž Members

์•ˆ๋™ํ˜„ ๋ฐ•์„ฑํ˜œ ์ž„์žฌํ˜„ ๊น€๊ฒฝํ˜„ ์ด์ฃผ๋ฆฌ
Frontend Frontend Backend Backend Backend


ํ”„๋กœ์ ํŠธ ๊ธฐ๋Šฅ ์†Œ๊ฐœ

๐Ÿฐย ์นด์นด์˜ค ๋กœ๊ทธ์ธ / ์ด๋ฉ”์ผ ๋กœ๊ทธ์ธ

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

๐ŸฆŠย ๋‚˜๋ฅผ ์†Œ๊ฐœํ•˜๋Š” ํ”„๋กœํ•„

  • ํ”„๋กœํ•„ ๋‹‰๋„ค์ž„, ์‚ฌ์ง„, github๋งํฌ์™€ ์ž๊ธฐ์†Œ๊ฐœ๊นŒ์ง€ ๊ฐœ๋ฐœ์ž๋“ค์˜ ๊ณต๊ฐ„์ด๋‹ˆ๋งŒํผ ๋‚˜๋ฅผ ์–ดํ•„ํ•  ์ˆ˜ ์žˆ์–ด์š”. ์œ ์ €์˜ ๋‹‰๋„ค์ž„์„ ํด๋ฆญํ•˜๋ฉด ํ•ด๋‹น ์œ ์ € ๋ชจ๋‹ฌ์ฐฝ์œผ๋กœ ์ •๋ณด๊ฐ€ ๋ณด์—ฌ์ง€๊ฒŒ ๋ผ์š”.

๐Ÿธย ๋ฉด์ ‘์—ฐ์Šต์„ ์‹ค์ „์ฒ˜๋Ÿผ!

  • ๋ฉด์ ‘ ์—ฐ์Šต๋„ ์‹ค์ „์ฒ˜๋Ÿผ ํ•ด์•ผ ์‹ค๋ ฅ์ด ๋Š˜์–ด์š”! WIllBe์˜ ๋ฉด์ ‘์‹œ์Šคํ…œ์€ ์นดํ…Œ๊ณ ๋ฆฌ์— ๋งž๋Š” ๋žœ๋ค์งˆ๋ฌธ๊ณผ 3๋ถ„์˜ ์ œํ•œ์‹œ๊ฐ„์ด ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. ์ค‘๊ฐ„์— ๋ฉˆ์ถœ ์ˆ˜๋Š” ์—†์ง€๋งŒ ์žฌ๋„์ „์˜ ๊ธฐํšŒ๋Š” ์–ผ๋งˆ๋“ ์ง€ ์žˆ๋‹ต๋‹ˆ๋‹ค!

๐Ÿ™ย ๋‚˜๋งŒ๋ณด๊ธฐ / ๊ณต์œ ํ•˜๊ธฐ

  • ๋ถ€๋„๋Ÿฝ๋‹ค๋ฉด '๋‚˜๋งŒ๋ณด๊ธฐ'๋ฅผ ์„ ํƒํ•ด ์‹œํฌ๋ฆฟํ•˜๊ฒŒ ์ž์‹ ์˜ ๋ฉด์ ‘ ๋ชจ์Šต์„ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ์–ด์š”!
  • ๋‚ด ๋‹ต๋ณ€์ด ๋งŒ์กฑ์Šค๋Ÿฌ์›Œ ์ž๋ž‘ํ•˜๊ณ  ์‹ถ๊ฑฐ๋‚˜, ๋” ์„ฑ์žฅํ•˜๊ณ  ์‹ถ์–ด ํ”ผ๋“œ๋ฐฑ์„ ๋“ฃ๊ณ ์‹ถ๋‹ค๋ฉด WillBe ํ”ผ๋“œ๋ฐฑ ๊ฒŒ์‹œํŒ์— ๊ณต์œ ํ•ด์š”!

๐Ÿผย ๋งˆ์ดํŽ˜์ด์ง€

  • ๋‚˜์˜ ํ”„๋กœํ•„ / ๋‚˜์˜ ๋ฉด์ ‘ ๊ธฐ๋ก / ๋‚ด๊ฐ€ ์Šคํฌ๋žฉํ•œ ๋ฉด์ ‘์˜์ƒ ์„ ๋ณผ ์ˆ˜ ์žˆ์–ด์š”.

๐Ÿจย ์œŒ๋น„์˜ ํ•„ํ„ฐ ๊ธฐ๋Šฅ

  • ๊ด€์‹ฌ์žˆ๋Š” ์นดํ…Œ๊ณ ๋ฆฌ๋งŒ ๊ณ ๋ฅด๋Š” ๊ฒƒ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ตœ์‹ ์ˆœ ์ข‹์•„์š”์ˆœ ์Šคํฌ๋žฉ์ˆœ๊นŒ์ง€ ๋ฐ˜์˜๋˜๋Š” ํ•„ํ„ฐ๊ธฐ๋Šฅ์ด ์žˆ์–ด์š”.

๐Ÿ ย ์œŒ๋น„๋งŒ์˜ ํ”Œ๋ ˆ์ด์–ด

  • ๋ฉด์ ‘ ์˜์ƒ์€ ์œŒ๋น„๋งŒ์˜ ํ”Œ๋ ˆ์ด์–ด ๊ธฐ๋Šฅ๊ณผ ๋””์ž์ธ์ด ๋‹ด๊ฒจ์žˆ์–ด์š”! ์ข‹์•˜๋˜ ์‹œ์ ์— ์ข‹์•„์š”๋ฅผ ๋งˆ๊ตฌ๋งˆ๊ตฌ ๋ˆ„๋ฅด๋ฉด ์‹œ๊ฐ„๋Œ€๋ฅผ ๋ฐ˜์˜ํ•œ TOP3 ์ข‹์•„์š” ์‹œ๊ฐ„์ด ์‚ฐ์ถœ๋ฉ๋‹ˆ๋‹ค! ๊ทธ ์‹œ๊ฐ„์„ ํด๋ฆญํ•˜๋ฉด ํ•ด๋‹น ์‹œ๊ฐ„๋Œ€๋กœ ๋ฐ”๋กœ ๋ณผ ์ˆ˜ ์žˆ์–ด์š”.
  • ์Šคํฌ๋žฉ ๋˜ํ•œ ์˜์ƒ์„ ๋ณด๋ฉฐ ๋ฐ”๋กœ ํ•  ์ˆ˜ ์žˆ๋‹ต๋‹ˆ๋‹ค.

๐Ÿนย ๋Œ€๋Œ“๊ธ€ ๊ธฐ๋Šฅ

  • ์˜์ƒ์— ๋Œ€ํ•œ ๋Œ“๊ธ€ ๋ฟ๋งŒ์•„๋‹ˆ๋ผ ๋Œ“๊ธ€์— ๋Œ€ํ•œ ์˜๊ฒฌ๋„ ๋‚จ๊ธธ ์ˆ˜ ์žˆ๋Š” ๋Œ€๋Œ“๊ธ€ ๊ธฐ๋Šฅ๋„ ๊ฐ–์ถ”์—ˆ์–ด์š”.

๐Ÿ ย ์ฃผ๊ฐ„ ๋ฉด์ ‘ ์™•

  • ๋งค์ฃผ๋งˆ๋‹ค ์Šคํฌ๋žฉ์ˆœ, ๋Œ“๊ธ€ ์ˆœ ๋“ฑ์œผ๋กœ Weekly ๋ฉด์ ‘์™•์„ ์‚ฐ์ถœํ•ด์š”. ์ฐธ์—ฌํ•ด์„œ ๋ฉด์ ‘์™•์— ๋“ฑ๊ทนํ•ด๋ณด์„ธ์š”!

๐Ÿถ ์˜ค๋Š˜์˜ ์ถ”์ฒœ ๋ฉด์ ‘ ์งˆ๋ฌธ

  • ๋ฉ”์ธ ํŽ˜์ด์ง€์—์„œ ๋งค์ผ ๋‹ค๋ฅธ ์งˆ๋ฌธ์„ ์ถ”์ฒœํ•ด์ค˜์š”! ์œ ์ผํ•˜๊ฒŒ ์งˆ๋ฌธ์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์ด๋ž๋‹ˆ๋‹ค.


Architecture

WillBe-Infra-Architecture



๐Ÿ›  Tools

Design

Frontend




Frontend Infrastructure

Backend

Backend Infrastructure



๐Ÿ”ฅ Trouble Shooting

Frontend Trouble Shooting

Issue1

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

์›์ธ

IOS15๋ถ€ํ„ฐ webm audio๋Š” ์ง€์›ํ•˜์ง€๋งŒ ์•„์ง ์˜์ƒ์€ ์ง€์›ํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ์‚ฌ์‹ค์„ ์•Œ๊ฒŒ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ ์ˆœ์„œ

  1. mp4์ปจํ…Œ์ด๋„ˆ๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๊ณ  mediarecorder๋ฅผ ๋‹ค์‹œ ์ฐพ์•„๋ณธ ๊ฒฐ๊ณผ h264์ฝ”๋ฑ์€ ์ง€์›ํ•˜์ง€๋งŒ mp4 mimeType์„ ์ง€์›ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.
  2. ffmpeg.wasm๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ธŒ๋ผ์šฐ์ €์—์„œ mp4๋กœ ์ปจ๋ฒ„ํŒ…์ด ๊ฐ€๋Šฅํ•˜์˜€์ง€๋งŒ ์ž‘์—… ๋„์ค‘์— ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์ข…๋ฃŒํ•˜๊ฒŒ ๋œ๋‹ค๋ฉด ์ปจ๋ฒ„ํŒ… ๊ณผ์ •์ด ๋ชจ๋‘ ๋‚ ์•„๊ฐ€๊ณ  ์œ ์ €์˜ ๋Œ€๊ธฐ์‹œ๊ฐ„์„ ์ƒ๊ฐํ•˜์—ฌ์„œ ๋‹ค๋ฅธ ๋ฐฉ์•ˆ์„ ์ฐพ์•˜์Šต๋‹ˆ๋‹ค.
  3. ๋ธŒ๋ผ์šฐ์ €์—์„œ webm์œผ๋กœ ์ธ์ฝ”๋”ฉ ํ›„ S3์— ์ €์žฅํ•œ ๋’ค ์„œ๋ฒ„์—์„œ mp4๋กœ ์ปจ๋ฒ„ํŒ… ํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ•˜์˜€๊ณ , ์„œ๋ฒ„์—์„œ FFmpeg๋กœ ์ปจ๋ฒ„ํŒ…ํ•˜์—ฌ ์ €์žฅํ•˜์˜€์Šต๋‹ˆ๋‹ค.

Issue2 (WebRTC ๊ด€๋ จ ์—๋Ÿฌ ํ•ธ๋“ค๋ง)

์œ ์ €๊ฐ€ ์นด๋ฉ”๋ผ ์ ‘๊ทผ์„ ์ฐจ๋‹จํ–ˆ์„ ๊ฒฝ์šฐ

  • ์นด๋ฉ”๋ผ๊ฐ€ ์ฐจ๋‹จ๋˜์—ˆ๋‹ค๋Š” ์•ˆ๋‚ด์™€ ํ•จ๊ป˜ ํ•ด์ œ ๋ฐฉ๋ฒ•์„ ์•ˆ๋‚ดํ•˜๋Š” ์ด๋ฏธ์ง€๋ฅผ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. Frame 1028

Internet explorer ์—์„œ ์ ‘์†ํ•  ๊ฒฝ์šฐ

  • IE๋Š” ์ง€์›ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ €๋กœ ์ ‘์†์„ ์œ ๋„ํ•˜๋Š” ์•ˆ๋‚ด๋ฌธ์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ์Šคํฌ๋ฆฐ์ƒท 2022-05-24 ์˜คํ›„ 12 30 00

Backend Trouble Shooting

Popular repositories Loading

  1. Backend Backend Public

    ํ•ญํ•ด99 6๊ธฐ ์‹ค์ „ํ”„๋กœ์ ํŠธ - Will Be(์œŒ๋น„)

    Java 6 2

  2. Frontend Frontend Public

    ๊ฐœ๋ฐœ์ž๋กœ ์ทจ์—…ํ•˜๊ณ ์‹ถ์€ ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•œ ํ™”์ƒ๋ฉด์ ‘ ์—ฐ์Šต ์ปค๋ฎค๋‹ˆํ‹ฐ

    JavaScript 2 3

  3. .github .github Public

    1 1

Repositories

Showing 3 of 3 repositories

Top languages

Loadingโ€ฆ

Most used topics

Loadingโ€ฆ