ํ์ ์ฑ๋ฆฐ์ง 8๊ธฐ - SNS Project
์ฝ 4์ฃผ๋์ "ํ ์ ํฌ๊ธฐ๋ก ์๋ผ๋จน๋ React.js ์ค์ ํ๋ก์ ํธ - SNSํธ" ๊ฐ์๋ฅผ ์๊ฐํ๋ ์๊ฐ์ฑ๋ฆฐ์ง์ ๋๋ค. (์ง๋ํ๋ง ์ ๊ณต, ๋ฏธ์ ์์) ์ด์ ๋ ์ค์ ์ ๋์ ํ ์ฐจ๋ก์ ๋๋ค ๐ฅ React.js + TypeScript + Supabase๋ก ์ค๋ฌด๊ธ SNS๋ฅผ ํจ๊ป ๊ฐ๋ฐํด๋ณด๋ฉฐ ์ธ์ฆ&์ธ๊ฐ, ๋ฌดํ์คํฌ๋กค, ์ด๋ฏธ์ง ์ ๋ก๋, ์ข์์, ๋ฌดํ ์ค์ฒฉ ๋๊ธ, ๋คํฌ๋ชจ๋ ๋ฑ์ ๊ธฐ๋ฅ์ ๋ง๋ค์ด ๋ด ๋๋ค. ์ด ๊ณผ์ ์์ Zustand์ Tanstack Query๋ฅผ ์ด์ฉํ ์๋ฒ ๋ฐ ์ ์ญ ์ํ ๊ด๋ฆฌ ๊ธฐ๋ฒ๋ ์ดํด๋ณผ ์์ ์ ๋๋ค.
์๋ ํ์ธ์ ์๊ฐ์ ์ฌ๋ฌ๋ถ, ์ด์ ํ์ ๋๋ค ๐
๋ฌด๋์ด ์ฌ๋ฆ ๋ค๋ค ์ ์ด๊ฒจ๋ด๊ณ ๊ณ์ ๊ฐ์?
๋์์ ์ง์น ์ฌ๋ฌ๋ถ๋ค์ ์ํด ์์ด์คํฌ๋ฆผ ์ฒ๋ผ ์์ํ ํ ์ธ ์ด๋ฒคํธ๋ฅผ ๋ง๋ จํด๋ดค์ด์ ๐ฆ
์์ ์์ํ, ์ฌ๋ฆ ๋ธํ ํ ์ธ ์๋ด
8์์ ๋ง์ง๋ง์ ๋ง์ดํด ๋ฑ 2์ผ ๋์
ํ์ ์๋ฆฌ์ฆ ์ ์ฒด ๊ฐ์ 50% ํ ์ธ ์ด๋ฒคํธ๋ฅผ ์งํํฉ๋๋ค.ํ ์ธ ํ์ด์ง : https://link.onebitefe.com/r/7b2lxi
์ฝ๋ฉ์ ์ฒ์ ์์ํ๋ ๋ถ๋ค๋ถํฐ
React, TypeScript, Next.js๋ฅผ ์ ๋๋ก ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ถ๋ค๊น์ง
๋ชจ๋ ํ์ ์๋ฆฌ์ฆ ๊ฐ์๋ฅผ ๋ฐ๊ฐ์ผ๋ก ์๊ฐํด๋ณด์ค ์ ์์ต๋๋ค.์ฃผ์ ์ฌํญ
50% ํ ์ธ ์ด๋ฒคํธ๋ ๋จ 2์ผ๋์๋ง ์งํ๋๋ฉฐ,
ํ ๋ฒ ๋ฐ๊ธํ์ ์ฟ ํฐ์ ์ธํ๋ฐ ์ ์ฑ ์ 24์๊ฐ ๋ด์ ์ฌ์ฉํ์ ์ผํฉ๋๋ค.(*์ฌ์ฉ ๊ธฐํ์ด ์ง๋ ์ฟ ํฐ์ ์ฌ๋ฐ๊ธ์ด ์ด๋ ต์ต๋๋ค)
์๋ ํ์ธ์ ์ด์ ํ์ ๋๋ค.
์์์์ผ๋ก๋ ์ค๋๋ง์ ์ธ์ฌ๋๋ฆฌ๋ค์ ๋ฌด๋์ด ์ฌ๋ฆ ๋ค๋ค ์ ์ด๊ฒจ๋ด๊ณ ๊ณ์ ๊ฐ์ ?!
์ ๋ ์๋ฐ์ ํ์ผ๋ก ๊ฐ์ ํ ๋ฒํ จ๋ด๊ณ ์์ต๋๋ค ๐ ใ ใ ใ
์ค๋์ ์ฌ๋ฌ๋ถ๋ค๊ป ์ถ์ฒํด๋๋ฆฌ๊ณ ์ถ์ ๋์(๊ฐ์)๊ฐ ์์ด ์์์์ ์ฐ๊ฒ ๋์์ด์!
ํ๋ก ํธ์๋ ์์คํ ์ค๊ณ : ๋ถ์ฐ ์์คํ ์ผ๋ก์์ ํ๋ก ํธ์๋ ๋ผ๋ ๋์์ธ๋ฐ์
ํ์ฌ ์ธํ๋ฐ์์ ๊ฐ์ ํํ๋ก ํ๋งค์ค์ด๊ณ 50% ์ผ๋ฆฌ๋ฒ๋ ํ ์ธ์ด ์งํ์ค์ด์์!

์ด ๋์๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก์จ ์๋น์ค๋ฅผ ์ค๊ณํ ๋์ ๊ณ ๋ คํด์ผ ํ๋ ๋ถ๋ถ๋ค์
๋จ์ํ ์ปดํฌ๋ํธ์์๋ถํฐ ์์คํ ์ ์ฌ๊ณ ๋ก ๊น์ง ๋จ๊ณ๋ณ๋ก ํ์ฅ์์ผ์ฃผ๋ ๋ด์ฉ์ ๋ด๊ณ ์์ด์
์๋น์ค ๊ท๋ชจ๊ฐ ์ปค์ง์๋ก "์ด๊ฒ ์ต์ ์ ๊ตฌ์กฐ์ผ๊น?"๋ผ๋ ๊ณ ๋ฏผ์ด ๋ง์ผ์ จ๋ ๋ถ๋ค๊ป ๊ฐ๋ ฅํ๊ฒ ์ถ์ฒ๋๋ฆฌ๊ณ ์ถ์ด์!

๋์์ ์ ์ ์๋ ์ํ๋ผ์์์ ๊ฐ๋ฐ์์ จ๋ ์ฅํ์ค ํค์ฐ๋ ์ด์ ๋ฐ์
Byte Freaks Studio(a.k.a Kill-9)๋๊ป์ ํ๊ตญ์ด๋ก ์ ๋ฒ์ญํด ๋์๋ก ํด๋ด์ฃผ์ จ์ด์

์๊ด์ค๋ฝ๊ฒ๋ ์ ์๊ฒ ์ถ์ฒ์ฌ๋ฅผ ๋จ๊ธธ ์ ์๋ ๊ธฐํ๋ฅผ ์ฃผ์ ์ ์ ์ถ์ฒ์ฌ๋ ๋จ๊ฒจ์ ธ์๋ต๋๋ค ๐
PS. ํน์๋ ... ๊ด๊ณ ์๋์ผ?! ์ปค๋ฏธ์ ๋ฐ๋๊ฑฐ ์๋์ผ!? ๋ผ๊ณ ์๊ฐํ์ค ์ ์๋๋ฐ์ ...
์ฒจ๋ถํด๋๋ฆฐ ๊ฐ์ ๋งํฌ๋ Byte Freaks Studio(a.k.a Kill-9) ๊ฐ์ฌ๋์ ํ๋ณด ๋งํฌ๋ก!
์ ํํธ๋์ค ๋งํฌ๊ฐ ์๋๋๋ค. ์ ์๊ฒ๋ ์ด๋ ํ ์์ต๋ ๋์์ค์ง ์์์ ๐ฅฒ
๊ทธ์ ์ฌ๋ฌ๋ถ์ด ์๊ฐ๋ ๋ ์ฝ์ด๋ณด์๋ฉด ์ ๋ง ์ข์ ๋ด์ฉ๋ค์ด ๋ง์ด ๋ด๊ฒจ์์ด ๊ผญ ์ถ์ฒ๋๋ฆฌ๊ณ ์ถ์์ต๋๋ค!
๋ฌด๋์ด ์ฌ๋ฆ ์ ๋์๊ธธ ๋ฐ๋๋๋ค!
์ง์ฌ์ ๋ด์ ํญ์ ์์ํฉ๋๋ค.
๊ฐ์ฌํฉ๋๋ค
์ด์ ํ ๋๋ฆผ

์๋ ํ์ธ์ ์๊ฐ์ ์ฌ๋ ค๋ถ, ์ด์ ํ์ ๋๋ค ๐
์ ๊ท ๊ฐ์ "ํ ์ ํฌ๊ธฐ๋ก ์๋ผ๋จน๋ ๋ฐ์ด๋ธ์ฝ๋ฉ"์ ์ ์์ด ๋ชจ๋ ์๋ฃ๋์ด
5์ 12์ผ(ํ์์ผ)์ ์ถ์ ๋ ์์ ์ ๋๋ค.
์ฌ์ ๋ฑ๋ก ์ด๋ฒคํธ ์๋ด
โฃ ์ด๋ฒคํธ ํํ ์๋ด
์ ์ฒญ์ ์ ์ 50% ํ ์ธ ์ฟ ํฐ ์ ๊ณต
์ถ์ฒจ 30๋ช 100% ํ ์ธ ์ฟ ํฐ ์ ๊ณต
โฃ ์ด๋ฒคํธ ์ผ์ ์๋ด
์ ์ฒญ ๊ธฐ๊ฐ : 05์ 11์ผ ์์์ผ ์์ ๊น์ง
๋น์ฒจ์ ๋ฐ ์ฟ ํฐ ๋ฐ์ก : 05์ 12์ผ ํ์์ผ ์ค
โฃ ์ด๋ฒคํธ ์ ์ฒญ ๋ฐฉ๋ฒ
์๋์ ๊ตฌ๊ธํผ์ผ๋ก ์ ์ฒญ ๋ถํ๋๋ฆฝ๋๋ค!
https://link.onebitefe.com/r/fr4gd7
์ ๊ท ๊ฐ์ ์๊ฐ
๊ฐ์ ์๊ฐ ์์ :https://youtu.be/8aFULNwP5pg
AI๋ ๋ฑ ๋น์ ๋งํผ๋ง ํ๋ฅญํฉ๋๋ค.

๊ฐ์ ๋๊ตฌ๋ฅผ ์จ๋ ๊ฒฐ๊ณผ์ ๊น์ด๋ ์ฌ์ฉ์์ ์ดํด๋์ ๋ฐ๋ผ ๋ฌ๋ผ์ง๋๋ค.
AI์๊ฒ "๋ง๋ค์ด์ค"๋ผ๊ณ ์์ฒญํ๋ ๊ฑด ๋๊ตฌ๋ ํ ์ ์์ง๋ง, AI๊ฐ ์ง ์ฝ๋๊ฐ ์ ์๋ํ๋์ง, ์ ์ ๋๋์ง ์ดํดํ์ง ๋ชปํ๋ฉด ๊ฒฐ๊ตญ ์ด๋ ์๊ฐ ๋งํ๊ฒ ๋ฉ๋๋ค.
์ง๋ 6๊ฐ์๊ฐ ๊ทธ "๋งํ๋ ์ง์ "์ ๋์ด๊ฐ์ค ์ ์๋๋ก, AI ๋๊ตฌ ์ฌ์ฉ๋ฒ๊ณผ ๋ฐ์ด๋ธ ์ฝ๋ฉ์ ๊ผญ ํ์ํ ํต์ฌ ๊ฐ๋ฐ ์ง์์ ํจ๊ป ๋ด์ ์ ๊ฐ์๋ฅผ ์ค๋นํ์ต๋๋ค.
์ต์ํ์ ํต์ฌ ๊ฐ๋ฐ ์ง์๋ง
ํ ์ ํฌ๊ธฐ๋ก ์๋์ต๋๋ค
๋ณด๊ธฐ์ ์ข์ ๋ก์ด,
๋จน๊ธฐ์๋ ์ข์ผ๋๊น
๋ณต์กํ ๊ฐ๋ ๋ ์ฝ๊ฒ ์ ๋ฆฌํ์ค ์ ์๋๋ก,
์ง๊ด์ ์ธ ์ ๋๋ฉ์ด์ ์๊ฐ์๋ฃ์ ํจ๊ปํฉ๋๋ค.
์ด๋ ค์ด ๊ฐ๋ ๋ค์ ํ๋ฆฌํฐ ๋์ ์๊ฐ์๋ฃ๋ฅผ ํตํด ์ฝ๊ฒ ์ค๋ช ํฉ๋๋ค.
์ฌ๋ฌ๋ถ๋ค์ ๋ง์ ๊ด์ฌ ๋ถํ๋๋ฆฝ๋๋ค ๐
ํญ์ ๊ฐ์ฌํฉ๋๋ค. ์ด์ ํ ๋๋ฆผ
์๋ ํ์ธ์ ์๊ฐ์ ์ฌ๋ฌ๋ถ ๐ ๊นํจ๋น์ ๋๋ค.
ํ์ ์ฑ๋ฆฐ์ง 9๊ธฐ ๋ชจ์ง ๋ง๊ฐ์ด 5์ผ ๋จ์ ๋ค์ ํ๋ฒ ์๋ด๋๋ฆฝ๋๋ค โฐ
(~4์ 6์ผ ์์์ผ ์์ ๊น์ง)โฆ ํ์ ์ฑ๋ฆฐ์ง๋?
ํ์ ์ฑ๋ฆฐ์ง๋ ๋ฏธ์ ๊ณผ ์ง๋ํ๋ฅผ ํตํด ์งํ๋๋ ์๊ฐ ์ฑ๋ฆฐ์ง์ ๋๋ค.
๋ง์ ๋ถ๋ค๊ป์ ์๊ฐ์ ๋๋ฌํ๊ธฐ ์ด๋ ค์ ํ์ ๋ค๋ ์ ์ ๋ฐํ์ผ๋ก ๊ธฐํ ๋์์ผ๋ฉฐ,
๊ฐ์ ์ ์์๋ก์จ ๋๊น์ง ์ฑ ์์ง๋ ๋ง์์ผ๋ก ์๊ฐ์ ๋ถ๋ค์ด ์ธ๋กญ์ง ์๊ฒ!
๋๊น์ง ์ฆ๊ฒ๊ฒ ์๊ฐ ํ์๊ธธ ๋ฐ๋ผ๋ ๋ชฉ์ ์ผ๋ก ์งํํ๊ณ ์์ต๋๋ค.โฆ ์ฐธ๊ฐ์๋ถ๋ค๊ป ๋๋ฆฌ๋ ์ ๋ฌผ
์ด๋ฒ ํ์ ์ฑ๋ฆฐ์ง 9๊ธฐ ์ฐธ๊ฐ์๋ถ๋ค๊ป๋ ์ฑ๋ฆฐ์ง์ ํด๋นํ๋ ๊ฐ์ 30% ํ ์ธ ์ฟ ํฐ์ ๋๋ฆฌ๊ณ ์์ต๋๋ค.
๊ฐ์ ํ ์ธ ์ฟ ํฐ์ ์๋์ ์ฑ๋ฆฐ์ง๋ณ ์์ธ ํ์ด์ง๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ธ์!
โฆ ์ ์ฒญ ๊ฐ๋ฅํ ์ฑ๋ฆฐ์ง ๋ชฉ๋ก
ํ ์ ํฌ๊ธฐ๋ก ์๋ผ๋จน๋ ํ์ ์คํฌ๋ฆฝํธ (์ฃผ 5ํ ๋ฏธ์ )
ํ ์ ํฌ๊ธฐ๋ก ์๋ผ๋จน๋ React.js (์ฃผ 1ํ ๋ฏธ์ , ํ๋ก์ ํธ์ ๊ฐ๋จ ํด์ฆ)
ํ ์ ํฌ๊ธฐ๋ก ์๋ผ๋จน๋ Next.js (์ฃผ 1ํ ๋ฏธ์ , ํ๋ก์ ํธ์ ๊ฐ๋จ ํด์ฆ)
โฆ ์ฑ๋ฆฐ์ง ์ ์ฒญ์ด ๊ณ ๋ฏผ๋๋ค๋ฉด?
ํ์ ์ฑ๋ฆฐ์ง 9๊ธฐ ์ ์ฒญ์ ๊ณ ๋ฏผ์ค์ด์๋ผ๋ฉด,
4์ 6์ผ ์์์ผ ์คํ 7์์ ์งํ ์์ ์ธ ๋ฌด๋ฃ Live๋ฅผ ์ ์ฒญํด์ฃผ์ธ์!ํ์ ์ฑ๋ฆฐ์ง์ ๋ํ ๊ฐ๋จ ์๊ฐ์ Q&A๋ฅผ ์งํํ ์์ ์ด๋, ๋ง์ ์ฐธ์ฌ ๋ถํ๋๋ฆฝ๋๋ค.
๋ฌด๋ฃ ๋ผ์ด๋ธ ์ ์ฒญํ๊ธฐ : https://link.onebitefe.com/r/7wqf9w
์๊ฐ์ ์ฌ๋ฌ๋ถ๋ค์ ๋ง์ ์ฐธ์ฌ ๋ถํ๋๋ฆฝ๋๋ค.
๊ฐ์ฌํฉ๋๋ค ๐๐ปโโ๏ธ

ํ์ ์ฑ๋ฆฐ์ง 9๊ธฐ ๋ชจ์ง ์๋ด
์ฑ๋ฆฐ์ง๋ง๋ค ๊ธ์ก๊ณผ ๊ธฐ๊ฐ์ด ์์ดํ๋, ์์ธํ ๋ด์ฉ์ ์๋ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ธ์ ๐
โฆ ํ์ ์ฑ๋ฆฐ์ง๋?
ํ์ ์ฑ๋ฆฐ์ง๋ ๋ฏธ์ ๊ณผ ์ง๋ํ๋ฅผ ํตํด ์งํ๋๋ ์๊ฐ ์ฑ๋ฆฐ์ง์ ๋๋ค.
๋ง์ ๋ถ๋ค๊ป์ ์๊ฐ์ ๋๋ฌํ๊ธฐ ์ด๋ ค์ ํ์ ๋ค๋ ์ ์ ๋ฐํ์ผ๋ก ๊ธฐํ ๋์์ผ๋ฉฐ,
๊ฐ์ ์ ์์๋ก์จ ๋๊น์ง ์ฑ ์์ง๋ ๋ง์์ผ๋ก ์๊ฐ์ ๋ถ๋ค์ด ์ธ๋กญ์ง ์๊ฒ!
๋๊น์ง ์ฆ๊ฒ๊ฒ ์๊ฐ ํ์๊ธธ ๋ฐ๋ผ๋ ๋ชฉ์ ์ผ๋ก ์งํํ๊ณ ์์ต๋๋ค.โฆ ์ด๋ป๊ฒ ์งํ๋๋์?
์ฐธ๊ฐ์ ๋ถ๋ค์๊ฒ๋ ์ง๋ํ์ ๊ฐ์ ๋ด์ฉ์ ๋ณต์ตํ์ค ์ ์๋ ๋ฏธ์ ์ด ์ ๊ณต๋ฉ๋๋ค.
์ง๋ํ์ ๋ฐ๋ผ ๊ฐ์๋ฅผ ์๊ฐํ๋ฉด์, ๋ณต์ต ๋ฏธ์ ์ ํด๊ฒฐํด ์ ์ถํฉ๋๋ค.
(JS, TS ์ฑ๋ฆฐ์ง๋ ์ฃผ 5ํ, React.js, Next.js ์ฑ๋ฆฐ์ง๋ ์ฃผ 1ํ ๋ฏธ์ ์ด ์ ๊ณต๋ฉ๋๋ค)
์ ์ฒญ ๋ฐฉ๋ฒ
1) ์ํ๋ ์ฃผ์ ์ ์ฑ๋ฆฐ์ง ์ ์ฒญ
์ด๋ฒ ํ์ ์ฑ๋ฆฐ์ง 9๊ธฐ๋ ์ด 4๊ฐ์ ๊ฐ์๋ก ์งํ๋ฉ๋๋ค.
์๋์ ๋งํฌ๋ก ์ํ๋ ๊ฐ์์ ์ฐธ๊ฐ ์ ์ฒญํด์ฃผ์ธ์ ๐
2) ๋ฌด๋ฃ Live OT ์ ์ฒญ
์ ์๋ด์ ๋ฐ๋ผ ์ํ๋ ์ฃผ์ ์ ์ฑ๋ฆฐ์ง์ ์ ์ฒญํ์ จ๋ค๋ฉด,
์๋์ ๋งํฌ๋ก ์ฑ๋ฆฐ์ง ์ฐธ๊ฐ์๋ค์ ์ํ ๋ฌด๋ฃ Live OT์ ์ ์ฒญํ๋ฉด ๋ฉ๋๋ค.
(4์ 6์ผ ์คํ 7์ ์์ )(Live OT๋ ์ ์ฒญ์ ํ์ง ์์ผ์๋๋ผ๋ ์ฑ๋ฆฐ์ง ์ฐธ๊ฐ์๋ถ ์ ์์๊ฒ ๋ นํ๋ณธ์ผ๋ก ์ ๊ณต๋ฉ๋๋ค)
๋ง์ ๊ด์ฌ ๋ถํ๋๋ฆฝ๋๋ค ๐






