๊ฐ๋ฐ์๋ก ์ทจ์ ํ๊ณ ์ถ์ ์ฌ๋๋ค์ ์ํ ํ์๋ฉด์ ์ฐ์ต ์ปค๋ฎค๋ํฐ
๋ฉด์ ์ ์ฐ์ตํ ์ ์ ์์ง๋ง, ๋ณธ์ธ์ ๋ชจ์ต์ ์ง์ ๋
นํํด ๋ณด์ ์ ์์ผ์ ๊ฐ์?
๊ธด์ฅํ๋ฉด ๋์ค๋ ๋ชฉ์๋ฆฌ ํค, ์ด์ธ๋ฆฌ์ง ์๋ ์ ์ค์ฒ ๋ฑ ์๋ฆฌ๋ด์ด ์ฐ์ตํ๋ ๊ฒ๋ง์ผ๋ก ์ ์ ์์๊น์?
์๋น์ ํจ๊ป ๋ด๊ฐ ๋ชจ๋ฅด๋ ๋์ ๋ฉด์ ์ต๊ด์ ์๊ณ ๊ฐ์ ์ ๋ ๊ฐํ๊ฒ ์ฝ์ ์ ๊ธฐ๋กํ๋ฉฐ ๋ณด์ํด๋ณด์ธ์!
- 2022.04.29 ~ 2022.06.03
| ์๋ํ | ๋ฐ์ฑํ | ์์ฌํ | ๊น๊ฒฝํ | ์ด์ฃผ๋ฆฌ |
![]() |
![]() |
![]() |
![]() |
![]() |
| Frontend | Frontend | Backend | Backend | Backend |
- ์นด์นด์ค๋ฅผ ํตํ ์์ ๋ก๊ทธ์ธ์ผ๋ก ๊ฐ๋จํ๊ฒ ๊ฐ์ ํ ์ ์์ด์. ์ด๋ฉ์ผ ํ์๊ฐ์ ์์๋ ์ ํจํ ์ด๋ฉ์ผ๋ง ๊ฐ์ ํ ์ ์๋๋ก ์ค๋ณตํ์ธ๊ณผ ๋๋ถ์ด ์ด๋ฉ์ผ ์ธ์ฆ ๋งํฌ ๋ฐฉ์์ ๋์ ํ์ด์.
- ํ๋กํ ๋๋ค์, ์ฌ์ง, github๋งํฌ์ ์๊ธฐ์๊ฐ๊น์ง ๊ฐ๋ฐ์๋ค์ ๊ณต๊ฐ์ด๋๋งํผ ๋๋ฅผ ์ดํํ ์ ์์ด์. ์ ์ ์ ๋๋ค์์ ํด๋ฆญํ๋ฉด ํด๋น ์ ์ ๋ชจ๋ฌ์ฐฝ์ผ๋ก ์ ๋ณด๊ฐ ๋ณด์ฌ์ง๊ฒ ๋ผ์.
- ๋ฉด์ ์ฐ์ต๋ ์ค์ ์ฒ๋ผ ํด์ผ ์ค๋ ฅ์ด ๋์ด์! WIllBe์ ๋ฉด์ ์์คํ ์ ์นดํ ๊ณ ๋ฆฌ์ ๋ง๋ ๋๋ค์ง๋ฌธ๊ณผ 3๋ถ์ ์ ํ์๊ฐ์ด ์ฃผ์ด์ง๋๋ค. ์ค๊ฐ์ ๋ฉ์ถ ์๋ ์์ง๋ง ์ฌ๋์ ์ ๊ธฐํ๋ ์ผ๋ง๋ ์ง ์๋ต๋๋ค!
- ๋ถ๋๋ฝ๋ค๋ฉด '๋๋ง๋ณด๊ธฐ'๋ฅผ ์ ํํด ์ํฌ๋ฆฟํ๊ฒ ์์ ์ ๋ฉด์ ๋ชจ์ต์ ๊ธฐ๋กํ ์ ์์ด์!
- ๋ด ๋ต๋ณ์ด ๋ง์กฑ์ค๋ฌ์ ์๋ํ๊ณ ์ถ๊ฑฐ๋, ๋ ์ฑ์ฅํ๊ณ ์ถ์ด ํผ๋๋ฐฑ์ ๋ฃ๊ณ ์ถ๋ค๋ฉด WillBe ํผ๋๋ฐฑ ๊ฒ์ํ์ ๊ณต์ ํด์!
- ๋์ ํ๋กํ / ๋์ ๋ฉด์ ๊ธฐ๋ก / ๋ด๊ฐ ์คํฌ๋ฉํ ๋ฉด์ ์์ ์ ๋ณผ ์ ์์ด์.
- ๊ด์ฌ์๋ ์นดํ ๊ณ ๋ฆฌ๋ง ๊ณ ๋ฅด๋ ๊ฒ ๋ฟ๋ง ์๋๋ผ ์ต์ ์ ์ข์์์ ์คํฌ๋ฉ์๊น์ง ๋ฐ์๋๋ ํํฐ๊ธฐ๋ฅ์ด ์์ด์.
- ๋ฉด์ ์์์ ์๋น๋ง์ ํ๋ ์ด์ด ๊ธฐ๋ฅ๊ณผ ๋์์ธ์ด ๋ด๊ฒจ์์ด์! ์ข์๋ ์์ ์ ์ข์์๋ฅผ ๋ง๊ตฌ๋ง๊ตฌ ๋๋ฅด๋ฉด ์๊ฐ๋๋ฅผ ๋ฐ์ํ TOP3 ์ข์์ ์๊ฐ์ด ์ฐ์ถ๋ฉ๋๋ค! ๊ทธ ์๊ฐ์ ํด๋ฆญํ๋ฉด ํด๋น ์๊ฐ๋๋ก ๋ฐ๋ก ๋ณผ ์ ์์ด์.
- ์คํฌ๋ฉ ๋ํ ์์์ ๋ณด๋ฉฐ ๋ฐ๋ก ํ ์ ์๋ต๋๋ค.
- ์์์ ๋ํ ๋๊ธ ๋ฟ๋ง์๋๋ผ ๋๊ธ์ ๋ํ ์๊ฒฌ๋ ๋จ๊ธธ ์ ์๋ ๋๋๊ธ ๊ธฐ๋ฅ๋ ๊ฐ์ถ์์ด์.
- ๋งค์ฃผ๋ง๋ค ์คํฌ๋ฉ์, ๋๊ธ ์ ๋ฑ์ผ๋ก Weekly ๋ฉด์ ์์ ์ฐ์ถํด์. ์ฐธ์ฌํด์ ๋ฉด์ ์์ ๋ฑ๊ทนํด๋ณด์ธ์!
- ๋ฉ์ธ ํ์ด์ง์์ ๋งค์ผ ๋ค๋ฅธ ์ง๋ฌธ์ ์ถ์ฒํด์ค์! ์ ์ผํ๊ฒ ์ง๋ฌธ์ ์ ํํ ์ ์๋ ๊ณต๊ฐ์ด๋๋๋ค.
Frontend Trouble Shooting
๋์์์ ์ธ์ฝ๋ฉํ ๋ MediaRecorder์์ ์ง์ํ๋ ์ฝ๋ฑ์ค ๋๋ถ๋ถ ํ๋ซํผ์์ ์ฌ์ฉ๊ฐ๋ฅํ vp8 ์ฝ๋ฑ๊ณผ ํด๋น ์ฝ๋ฑ์ผ๋ก ๋ง๋ค ์ ์๋ webm์ปจํ ์ด๋๋ฅผ ์ฌ์ฉํ์ฌ ๋์์์ ์ธ์ฝ๋ฉํ์๋๋, IOS์์๋ ์ฌ์๋์ง ์๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์์ต๋๋ค.
IOS15๋ถํฐ webm audio๋ ์ง์ํ์ง๋ง ์์ง ์์์ ์ง์ํ์ง ์๋๋ค๋ ์ฌ์ค์ ์๊ฒ๋์์ต๋๋ค.
- mp4์ปจํ ์ด๋๋ฅผ ์ฌ์ฉํ๋ ค๊ณ mediarecorder๋ฅผ ๋ค์ ์ฐพ์๋ณธ ๊ฒฐ๊ณผ h264์ฝ๋ฑ์ ์ง์ํ์ง๋ง mp4 mimeType์ ์ง์ํ์ง ์์์ต๋๋ค.
- ffmpeg.wasm๋ฅผ ์ด์ฉํ์ฌ ๋ธ๋ผ์ฐ์ ์์ mp4๋ก ์ปจ๋ฒํ ์ด ๊ฐ๋ฅํ์์ง๋ง ์์ ๋์ค์ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ข ๋ฃํ๊ฒ ๋๋ค๋ฉด ์ปจ๋ฒํ ๊ณผ์ ์ด ๋ชจ๋ ๋ ์๊ฐ๊ณ ์ ์ ์ ๋๊ธฐ์๊ฐ์ ์๊ฐํ์ฌ์ ๋ค๋ฅธ ๋ฐฉ์์ ์ฐพ์์ต๋๋ค.
- ๋ธ๋ผ์ฐ์ ์์ webm์ผ๋ก ์ธ์ฝ๋ฉ ํ S3์ ์ ์ฅํ ๋ค ์๋ฒ์์ mp4๋ก ์ปจ๋ฒํ ํ๊ธฐ๋ก ๊ฒฐ์ ํ์๊ณ , ์๋ฒ์์ FFmpeg๋ก ์ปจ๋ฒํ ํ์ฌ ์ ์ฅํ์์ต๋๋ค.








