-
Notifications
You must be signed in to change notification settings - Fork 7
๐ WEEK 01 ์ฃผ๊ฐ ํ๊ณ
Sujong Kwak edited this page Nov 8, 2024
·
3 revisions
-
์์
- ๋ชปํ๋ ๊ฑธ ๋ชปํด์ ๋คํ์ด์์. ^^. (๋๋ด)
- ๊ฐ์ธ์ ์ผ๋ก ํ์ฐ๋๊ป์ ํจํค์ง ๋งค๋์ ๊ด๋ จ ๋ ์นด๋ก์ด ์ง๋ฌธ์ ํด์ค์ ์ข์์ด์.
๋ฉด์ ์์ ๊ทธ๋ฐ ์ง๋ฌธ์ ๋ฐ์์ผ๋ฉด ๋นํฉํ๊ฒ ๋ค๊ณ ์๊ฐํด์ ๋ ๊ณต๋ถํด์ผ๊ฒ ๋ค๊ณ ๋๊ผ์ด์. - ์ด๋ฒ ์ฃผ ํผ๋์ค๋ฌ์ ์ง๋ง, ํ ์ปจ๋ฒค์ ๊ณผ ๊ธฐ์ ์คํ์ ์ ์ ํ ๊ฒ ๊ฐ์์ ๋คํ์ด์์.
-
ํ์ฐ
- ์ค์ผ์ค์ ์ ์ง์ผฐ์ด์. (์ง๊ฐ์ด ์์์ด์)
- '์'๋ผ๋ ์ง๋ฌธ์ ์ง์์ ์ผ๋ก ์๊ฐํ๋ฉด์ ์ ๊ทผํ๋ ์ ์ด ์ข์์ด์.
- ํ์ด ์๊ฐ๋ณด๋ค ๋นจ๋ฆฌ ์นํด์ง ๊ฒ ๊ฐ์์.
-
๋ค์
- ํ์ ํฉ์๋ ๊ทธ๋ผ์ด๋ ๋ฃฐ์ ์ ์ง์ผฐ์ด์.
- ์๊ฒฌ์ ์์ ๋กญ๊ฒ ๋๋๊ณ ํฉ๋ฆฌ์ ์ผ๋ก ๊ฒฐ๋ก ์ ์ด๋์ด๋ธ ์ ์ด ์ข์์ด์.
- โ๊ทผ๊ฑฐ ์๋ ์ ํโ์ ํ๋ ค๊ณ ๋ ธ๋ ฅํ์ด์.
-
๋ฏธ๋ผ
- ๋ค์ํ ๊ธฐ์ ์ ์ ์ฉํ๋ ค๊ณ ๋ ธ๋ ฅํ์ด์.
- ์ฌ๋ฏธ์๋ ์ฃผ์ ๋ก ํ ํ๋ก์ ํธ๋ฅผ ์ ์ ํด์ ๋ง์กฑ์ค๋ฌ์์.
-
์ ์
- ๋ญ๋ ๋ ผ๋ฆฌ์ ์ด๊ณ ๊ทผ๊ฑฐ ์๋ ์ ๊ทผ์ ํ๋ ค๊ณ ๋ ธ๋ ฅํด์ ์ข์์ด์.
- ๊ธฐ์ ์ ์ผ๋ก ํ์ฅํ ์ ์๋ ์ฃผ์ ๋ฅผ ์ ์ ํด์ ์ข์์ด์.
-
์ ์
- ํ์ ์๊ฐ๊ณผ ์ฌ๋ ์๊ฐ์ ๊ท์น์ ์ผ๋ก ์ ํ์ผ๋ฉด ์ข๊ฒ ์ด์.
- ๊ฐ์ธ์ ์ผ๋ก ๋ถ์กฑํ๋ค๊ณ ๋๊ปด์ ์ ๊ทน์ ์ผ๋ก ์ฐธ์ฌํ์ง ๋ชปํ์ด์. (ํ์ฐ๋์ด ํํ ๊ฒ ๊ฐ์ ์ด์ง ๊ฑฑ์ ๋ผ์ ^,,^)
- ์ง๊ฐ์ ํ ๋ฒ ํ์ด์โฆ ใ ใ (์ถ๊ทผ ์๊ฐ์ ์งํ์ฒ ์ ํ์ผ๊ฒ ์ด์.)
- ๋ถ์บ ๋ด์์ ์ฑ๊ฒจ์ผ ํ ์ผ์ด ๋ง๋ค ๋ณด๋ ๋์น๋ ๊ฒฝ์ฐ๊ฐ ๋ฐ์ํ์ด์.
-
๋ฏธ๋ผ
- ๊ฐ์ ์ด์ผ๊ธฐ๋ฅผ ๊ธธ๊ฒ ๋ฐ๋ณตํ๊ฒ ๋๋ ๊ฒ ๊ฐ์์. (์ ๊ฐ ๋ฌธ์ ๋ผ๋ฉด ์ฃ์กํด์)
- ์น์ ํ๊ฒ ๋งํด์ฃผ์ธ์~. ์ ๋ค๋ฅด๊ณ ์ด ๋ค๋ฅด๋๊น์~.
-
ํ์ฐ
- โ์โ๋ฅผ ์๊ฐํ ๋ ์ ํ์ ์๋ชปํด์ ์๋ชป๋ ๊ธธ๋ก ๊ฐ ๋๊ฐ ์์๊ณ , โ์โ๋ฅผ ์๊ฐํ ์ง์ ์ ๋์ณ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ ๋๊ฐ ์์ด์.
- UX ์ค๋๋ ฅ์ ๋์ด๊ธฐ ์ํ ๊ทผ๊ฑฐ ์ ์๊ฐ ๋ถ์กฑํ์ด์.
-
์์
- ์ง๊ฐํ์ด์โฆ ใ ใ
- ๊ธฐ์ ์ ์ธ ํ์ต ์๊ฐ์ด ์์์ด์..! (๊ธฐํ ์ฃผ๊ฐ์ด๋ผ ์ด์ฉ ์ ์๊ธด ํ์ง๋ง์.)
- ์ด๋ฒ ์ฃผ ๊ณตํต ์์ ๋ก ์์ผ ํต์ , CRDT, OT ์์๋ณด๊ธฐ๋ก ํ์ด์.
-
๋ค์
- ๋ณด๋๊ฒ์ ํ ์๊ฐ์ด ๋ถ์กฑํ์ด์.
- ์ง๊ฐ์ ํ ๋ฒ ํ์ด์.
-
๋ฏธ๋ผ
- ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํธ๋ฌ๋ธ์ํ
๊ด๋ จ ๋ฌธ์ํ๋ฅผ ์ ๋๋ก ํ๊ธฐ
- ์ด ๊ธฐ์ ์ด ํ์ํ ๋ฐฐ๊ฒฝ, ์ค์น ๋ฐฉ๋ฒ, ๊ฐ๋จํ ์์ , ์ฅ๋จ์ ์ ๋ฆฌ
- ์ฐธ๊ณ : Notion IT Request Template
- ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํธ๋ฌ๋ธ์ํ
๊ด๋ จ ๋ฌธ์ํ๋ฅผ ์ ๋๋ก ํ๊ธฐ
-
ํ์ฐ
- ๋ฌธ์ ๋ฅผ ๋ ํจ์จ์ ์ผ๋ก ๋๋๊ณ ์ ์ํ๋ ๊ธฐ์ค ์ธ์ฐ๊ธฐ
- ํ์ฌ ํด๊ฒฐํ ์ ์๋ ๋ฌธ์ ๋ ๊ทธ ์ํฉ๊ณผ ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๊ธฐ๋กํ๊ณ , ๋ฐ๋ก ์ ์ฉํ๋๋ก ํจ.
- ๋น์ฅ ํด๊ฒฐ์ ์ด๋ ค์ฐ๋ ํ์ ๊ฐ๋ฅํ ๋ฌธ์ ๋ ๋ฌธ์ ๋ฐ์ ์์ ์ ๊ธฐ๋กํ๊ณ , ํด๊ฒฐ ๋ฐฉ๋ฒ์ ํ์ํ์ฌ ์ ์ฉํจ.
- ํ์ฌ ํด๊ฒฐ๋ ํ์ ๋ ์ด๋ ค์ด ๋ฌธ์ ๋ ํ์ ๊ณผ์ ์ ์ ์ํ๊ณ , ์ดํ ๋ชฉํ์ ๋ํ ์ผ์ด์ค๋ณ๋ก ๊ณํ์ ์ธ์.
- UX ๊ณต๋ถ๋ฅผ ๋ค์ ์์ํ๊ธฐ
- ๋ฌธ์ ๋ฅผ ๋ ํจ์จ์ ์ผ๋ก ๋๋๊ณ ์ ์ํ๋ ๊ธฐ์ค ์ธ์ฐ๊ธฐ
-
์์
- ๊ฐ์ ๊ณต๋ถํ ๋ด์ฉ์ ํ๋์ ๋ฌธ์๋ก ํฉ์น๊ธฐ
- ๊ธฐ์ ๋ก๊ทธ์ ์ฐ์ ์์ ๋กญ๊ฒ ๊ธฐ๋กํ ํ, ํ๋์ ์์ฑ๋ ๋ฌธ์๋ก ํตํฉํ๊ธฐ
- ์ด๋ฒ ์ฃผ ์์ ๋์ฃผ์ ๋ ์์ผ, CRDT, ์บ๋ฒ์ค ์ค ์ ํํ๊ธฐ
- ๊ฐ์ ๊ณต๋ถํ ๋ด์ฉ์ ํ๋์ ๋ฌธ์๋ก ํฉ์น๊ธฐ
-
์ ์
- ์ถ๊ทผ ์๊ฐ๋์๋ ์งํ์ฒ ์ ์ฃผ๋ก ์ด์ฉํ๊ธฐ (2ํธ์ ํผ์ก์ ๊ฐ์ํด์ผ ํ ๋ฏโฆ)
- ๋ถ์บ ์์ ํด์ผ ํ ์ผ๊ณผ ๋ฌธ์ํํด์ผ ํ ๋ด์ฉ์ ๊ฐ ์์ผ๋ณ๋ก ์ ๋ฆฌํ์ฌ ๋์น์ง ์๋๋ก ํ๊ธฐ
- ๊ธฐ์ ๋ถ์กฑ์ผ๋ก ๋ณ๋ชฉ์ด ๋ฐ์ํ๋ฏ๋ก WebRTC, CRDT, ๋ฐฑ์๋ ํ์ตํ๊ธฐ
- ์ด์ฌํ ํ๊ธฐ!
-
๋ค์
- ์ค์ผ์ค ์ถฉ์คํ ์ํํ๊ธฐ
- ๋ ์ผ์ฐ ์ถ๊ทผํ๊ธฐ
- ๊ทธ๋ผ์ด๋ ๋ฃฐ ๋ค์ ์ฝ๊ธฐ ๋ฐ ํ์์๊ฒ ๋ ๊ด์ฌ ๊ฐ๊ธฐ
- 1. ๊ฐ๋ฐ ํ๊ฒฝ ์ธํ ๋ฐ ํ๋ก์ ํธ ๋ฌธ์ํ
- 2. ์ค์๊ฐ ํต์
- 3. ์ธํ๋ผ ๋ฐ CI/CD
- 4. ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด Canvas ๊ตฌํํ๊ธฐ
- 5. ์บ๋ฒ์ค ๋๊ธฐํ๋ฅผ ์ํ ์์ CRDT ๊ตฌํ๊ธฐ
-
6. ์ปดํฌ๋ํธ ํจํด๋ถํฐ ์น์์ผ๊น์ง, ํจ์จ์ ์ธ FE ์ค๊ณ
- ์ข์ ์ปดํฌ๋ํธ๋ ๋ฌด์์ธ๊ฐ? + Headless Pattern
- ํจ์จ์ ์ธ UI ์ปดํฌ๋ํธ ์คํ์ผ๋ง: Tailwind CSS + cn.ts
- Tailwind CSS๋ก ๋์์ธ ์์คํ ๋ฐ UI ์ปดํฌ๋ํธ ์ธํ
- ์น์์ผ ํด๋ผ์ด์ธํธ ๊ตฌํ๊ธฐ: React ํ๊ฒฝ์์ ํจ์จ์ ์ธ ์น์์ผ ์ํคํ ์ฒ
- ์น์์ผ ํด๋ผ์ด์ธํธ ์ฝ๋ ๋ถ์ ๋ฐ ๊ณต์
- 7. ํธ๋ฌ๋ธ ์ํ ๋ฐ ์ฑ๋ฅ/UX ๊ฐ์
- 1์ฃผ์ฐจ ๊ธฐ์ ๊ณต์
- 2์ฃผ์ฐจ ๋ฐ๋ชจ ๋ฐ์ด
- 3์ฃผ์ฐจ ๋ฐ๋ชจ ๋ฐ์ด
- 4์ฃผ์ฐจ ๋ฐ๋ชจ ๋ฐ์ด
- 5์ฃผ์ฐจ ๋ฐ๋ชจ ๋ฐ์ด
- WEEK 06 ์ฃผ๊ฐ ๊ณํ
- WEEK 06 ๋ฐ์ผ๋ฆฌ ์คํฌ๋ผ
- WEEK 06 ์ฃผ๊ฐ ํ๊ณ