Note
๋น๊ทผ๋ง์ผ ํ๋ก ํธ ๊ฐ๋ฐ์ ์ฑ์ฉ ์ธ์
์ธ์ฝ
2021. 2. 11. 15:33
๐ฅ ๋น๊ทผ๋ง์ผ ํ๋ก ํธ ๊ฐ๋ฐ์ ์ฑ์ฉ ์ธ์
์์ํ๋ฉฐ
๊ตฌ์ง์๋ ์๋๋ฉฐ ํ๋ก ํธ ๊ฐ๋ฐ์๋ ์๋์ง๋ง ๋น ๋ฅด๊ฒ ์ฑ์ฅํ๋ ์กฐ์ง์ ์ด๋ค ๊ฐ๋ฐ์์ ํจ๊ปํ๊ณ ์ถ์์ง, ์ด๋ป๊ฒ ์ผํ๋์ง ์ด์ผ๊ธฐ๋ฅผ ๋ฃ๊ณ ์ถ์ด์ ๋ณธ ์ธ์ ์ ์ฐธ์ฌํ์์ต๋๋ค. 2์ 8์ผ(์) ์ ๋ 7์ 30๋ถ ๋ถํฐ ์งํ๋ 2์๊ฐ 30๋ถ ๋ถ๋์ ์ธ์ ์ ๊ฐ๋ตํ๊ฒ ๋งํฌ์ ์ผ๋ก ๋จ๊น๋๋ค.
์๋ 9์ ๋น๊ทผ๋ง์ผ ์ฑ์ฉ ์คํ์ธ์ ์ ์ฐธ๊ฐํ์ฌ ๋งํฌ์ ์ ๋จ๊ฒผ์ต๋๋ค. ์ฐธ๊ณ ํด์ฃผ์ธ์!
ํ์ฌ ์๊ฐ
- ์๊ตญ, ๋ฏธ๊ตญ, ์บ๋๋ค ๊ธ๋ก๋ฒ ์ง์ถํจ
- ์ด๊ธฐ ์ฝ๋ก๋ ์์ ๋ง์คํฌ ํํฉ ์๋ฆผ์ด ํ๋ฃจ ๋ง์ ๊ฐ๋ฐํ์ฌ ๋ฐฐํฌ
- ์ฐ๋ฆฌ ๋๋ค ๊ตญํ์์ ํ๋ณด์ ๋ณด์ฌ์ค
- ํธ์ฐ ํผํด ๋๊ธฐ ๋ชจ๊ธ
- JSConf ์ฐธ๊ฐํ์ฌ ์คํ์ ๋ฒณ์ง ์ฃผ์์
- ๋ฆฌํ ์ (Retention) ๋๋ค. ์ด์ฉ์์ ๋ค์ํ ํผ๋๋ฐฑ ๋ฐ์ ์ ์๋ค.
- ๋ค๋ฅธ ์ฑ๊ณผ ๋น๊ตํ์ ๋ ์ฌ์ฉ์ ํ๊ท ์ด์ฉ์๊ฐ์ด ๋๋ค.
ํ๋ก ํธ์๋ ์๊ฐ
- ์ด 8๋ช
- ๊ด์ฌ ์๋ ๊ธฐ์ ์ฌ์ฉํ ์ ์๋๋ก
- ์ ์ ๊ฐ์น ์ต์ฐ์
- ์ด๊ธฐ ๋จ๊ณ์์๋ DB ๊ฑด๋๋ฐ๊ณ ํ์ด์ด ์คํ ์ด๋ก ๋น ๋ฅด๊ฒ ํ๋กํ ํ์ . ์ ๋์ ์ผ๋ก ๊ธฐ์ ์ ๊ฐ์ ธ๊ฐ
- ๊ผผ๊ผผํ๊ณ ์์ ์ฑ์ ๋ํด ๊ณ ๋ ค๋ฅผ ํ ์ ์์ง๋ง, ํ์์๋ ํธ๋ ์ด๋์คํ๊ฐ ์๋ค๊ณ ์๊ฐํด์ ๊ฐ๊ฐ์ธ์๊ฒ ๋ฏฟ์์ ์ฃผ๊ณ ๊ฐ์ธ์ด ๋น ๋ฅด๊ฒ ๋ฐฐํฌํ๋๋ก ํจ
- ๊ธฐ์ ์ด์ , ํ๋ ์ผ์ ์ฆ๊ฑฐ์์ ๋๋ผ๋ ์ฌ๋์ด ์์ผ๋ฉด ํจ
Karrotframe ์๊ฐ
- Karrotframe NPM: https://www.npmjs.com/package/karrotframe
- ๋ค์ดํฐ๋ธ ์ฑ ๊ฒฝํ์ ์น๋ทฐ์์ ๊ฒฝํํ๊ฒ ํ์.
- ํ๋ฉด ๊ฐ์ ์ ํ์ ์ํด๋ณด์
- ์น๋ทฐ์ ๋จ์ . a์์ b๋ก ๋ฐ์ดํฐ๋ฅผ ๋๊ธธ ๋ ๋ฌธ์ ๊ฐ ๋ฐ์, a๋ ๋ชฉ๋ก, b๋ ๊ธ์ฐ๊ธฐ ํ๋ฉด์ด๋ผ๊ณ ํ๋ฉด b์์ ๊ธ์ ์ฐ๊ณ a๋ก ๋์ด๊ฐ๋ฉด ๋ด๊ฐ ์ด ๊ธ์ด ์๋จ์ ๋ณด์ด๊ฒ ํ๋ ค๊ณ ๋ค์ดํฐ๋ธ์ ์์กดํ ์๋ฐ์ ์๋ค.
- ์น๋ทฐ๊ฐ ํต์ ์ด ์ด๋ ต๋ค.
- ๋ชจ๋ฐ์ผ ๋ค์ดํฐ๋ธ ํ๊ฒฝ์ด ๋ฉ๋ชจ๋ฆฌ ์ ํ์ด ์ฌํ๊ณ , CPU ์ ํ์ด ์๋ค. ๊ทธ๋ ๊ธฐ์ ์จ๊ฒจ์ง ์น๋ทฐ๊ฐ ์ธ๋ก๋ ๋๋ ํ์์ด ์๊ฒผ๋ค. ๊ทธ๋์ ์ด๋ฒคํธ๋ฅผ ๋ฐ์์ผ ํ๋ ์น๋ทฐ๊ฐ ์ฃฝ์ด๋ฒ๋ฆฌ๋ ์น๋ทฐ ํต์ ์ฅ์ ๊ฐ ์๊ธฐ๋ ๊ฒฝ์ฐ๊ฐ ์๊ฒผ๋ค.
- ์ฑ๊ธํ์ด์ง๋ก ํฌ์ํ ์ ํ ํจ๊ณผ๋ฅผ ๋ง๋ค๊ณ ์ถ์๋ค.
- ionic ์จ๋ณผ๊น?
- ์์ด์ค๋์ ์ ๋๋ฉ์ด์ ์ ํ ํจ๊ณผ๊ฐ ์์ฐ์ค๋ฝ๊ณ ์ปค๋ฎค๋ํฐ๊ฐ ์ ๋ฐ์ ํ๋ค. ์ค์ ํธ์ฆ์จ๊น์ง ํ๋ค.
- ํธ์ฆ์จ ํ์ ๊ฒฝ์ฐ ๋น์ ์์ด์ค๋์ ๊ฒฝ์ฐ ํธ๋ฆฌ์์ดํน์ ์ง์ํ์ง ์์. ๋ฒ๋ค ์ฉ๋์ด ๋๋ฌด ์ปค์ง๋ค.
- React Native Web + React Navigation 5 ์จ๋ณผ๊น?
- ๊ฒํ ๋ง ํด๋ณด๊ณ ๊ฐ๋ฐํ์ง๋ ์์๋ค.
- React Navigation์ด React Native ํ์ผ
- React Native ์ํ๊ณ๋ฅผ ์ดํดํด์ผ ํจ. ์ ์ ์์ด ๊ฐ๋ฐํ๋ ๋ฐ ์๊ฐ์ด ๊ฑธ๋ฆฌ๊ฒ ๋ค๊ณ ํ๋จ.
- Karrotframe ์์
- ์ง์ ๋ง๋ค์!
๋น๊ทผ๋ง์ผ ํ๋ก ํธํ ์ฑ์ฉ ๊ณต๊ณ
- ์ ๋ฐ์ ์ธ ํ๋ก์ ํธ์ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ๊ณ ์๋ค.
- ๊ธฐ์ ์คํ์ด vue, ์ต๊ทค๋ฌ๋ฅผ ์ฌ์ฉํด๋ ์ข์ง๋ง, ํ ์ด๋ก๋ผ๋ React๋ฅผ ์ฌ์ฉํด๋ด์ผ ๋ฉด์ ๋ ์ํตํ ์ ์๋ค.
- ์ผ๋ฐ์ ์ผ๋ก ๋ง์ด ํ๋ ๋ง์ ์ผ๋๋ฐ ๊ณ ์ฌ์ ํ๊ณ ์ด ๊ฒ. ๋ค๋ฅธ ํ์ฌ์ ๋ง์ด ๋น์ทํ๊ฒ ๋์๋ค.
- ํ์๋ฉด์ (๊ฐ๋ต๋ฒ์ ) โ ์ง๋ฌด๋ฉด์ (ํ๋ก ํธ 4๋ถ์ด ์ฐธ์ฌ, ๊ธฐ์ ์ ๋ํด์ ๊น์ด ์๊ฒ, ์ด๋ป๊ฒ ์ ๋ฌด๋ฅผ ํ๋์ง ์ด์ผ๊ธฐ) โ ์ปฌ์ฒํ(์์๋ถ๊ณผ ๋น๊ทผ๋ง์ผ๊ณผ ๋ง๋์ง ์๋ก์ ํ์ ๋ง์ถค)
- ์ธํด์ ์ ๋ฝ์๋ ์ด์ ๋ ๋์๋๋ฆฌ๊ณ ๊ฐ์ด ์ฑ์ฅํ๋ ๊ณผ์ ์ด ํ์ํ๋ฐ ํ์ฌ๋ ํ ํ๋ก๋ํธ์ ํ ๋ช ์ฉ ์์๋์ด์ ์ผ์ ์งํํ๊ณ ์๋ค. ๊ทธ๋ฌ๋ค ๋ณด๋ ์ฝ๋๋ฆฌ๋ทฐ๋ฅผ ์ ๊ทน์ ์ผ๋ก ํ ์ ์๋ ์ํฉ์ด๋ผ ์งํํ์ง ์์๋ค๊ฐ ์ด๋ฒ์ ์ข์ ๊ธฐํ๋ก ํ๋ ๊ฒ.
- ๋ชจ๋ฐ์ผ ์น๋ทฐ ๊ธฐ๋ฐ ๋น์ฆ๋์ค ํ๋กํ ํ๋ฌ๋ํธ ๊ฐ๋ฐํ๋ค.
- ์ปฌ์ฒํ ๋ฉด์ ์ด ์๋ค. ๋ ๋ฌ๊ฐ ์ธํด ์ดํ ๋๋ฃํ๊ฐ, ๊ฒฝ์์ง๋ฉด์ ์ ๊ฑฐ์ณ์ ๋น๊ทผ๋ง์ผ๊ณผ ๊ณ์ํ ์ง ๊ฒฐ์ ํ๋ค.
Q&A
- ์ ๊ท์ง ์ ์
์ง์ํ๊ณ ์ํํ๋๋ฐ ์ธํด ์ง์ํด๋ ๋๋๊ฐ?
- ์๊ด์๋ค. ๋ณ๊ฐ์ ํ๋ก์ธ์ค
- ์ฌํ๊ทผ๋ฌด?
- ํ์ฌ ์ฌํ๊ทผ๋ฌด ์ค, ์ฝ๋ก๋ ์ด์ ์๋ 1์ฃผ์ผ์ ํ๋ฃจ ์ฌํ๊ทผ๋ฌด ํ์๋ค.
- ์ฑ์ฉ ์ฐ๊ณํ ์ธํด์ธ์ง?
- ์ฒดํํ ์ธํด. ๋ ๋ฌ ํจ๊ปํ๋ฉด์ ํ์ ํ๋ ๊ฒ์ ์ฒดํ
- ์ ์ฌ ๋ฌธํฑ์ ๋ฎ๋ค.
- ์ํ๋ ๊ฒฝ์ฐ ํ์ด ์ ๋ง์ผ๋ฉด ์ ์์ ํ๋ ๊ฒ. ๊ทธ๋ฌ๋ 100% ๋ณด์ฅ์ ์๋.
- ์ด๋ฒ์ ์ฑ์ฉ ์ดํ ์ธ์ ์ธํด์ ๋ค์ ์ฑ์ฉํ ์ง๋ ๋ฏธ์
- ์ธํด ์ง์ ๊ธฐ์ค์ผ๋ก ๊ฐ๋ฐ๊ฒฝ๋ ฅ์ด ์๋ ์์ด์ง ๊ฐ๋ฅํ๊ฐ?
- ์ฝ๋ฉ ์ค๋ ฅ ์์ผ๋ฉด ๊ด์ฐฎ๋ค.
- ์์ ๋ฐ๋ก ์ผํด์ผ ํ๋ค.
- ๊ฒฝ๋ ฅ ๋ช ๋
์ด์?
- ๋ฐ์ง์ง ์๋๋ค.
- ์๋ผ๋ฒจ?
- ๊ดญ์ฅํ ์ข๋ค๊ณ ์๊ฐํ๋ค. ์ผ์ ๋๋ด๋ฉด ํด๊ทผ ๊ฐ๋ฅ
- ์ถํด๊ทผ ์๊ฐ?
- 9-11์ ์ฌ์ด ์ด์ ์์จ์ถ๊ทผ
- 11์ ์ด์ ๊น์ง ์ถ๊ทผํ๊ณ ํด๊ทผ์ ์์ ๋กญ๊ฒ ํ๋ ์ ๋๊ฐ ์ค๋(21. 02. 08) ์๊ฒผ๋ค.
- ๋ช ๋ช
์ฑ์ฉ ์์ ? ์ฑ์ฉ ์๊ธฐ?
- ์ง๊ธ ๋น์ฅ ์ง์ํด์ฃผ์๋ฉด ๋๋ค. ๋ฐ๋ก ์ ํ ๊ท๋ชจ๋ ์๋ค.
- ํจ๊ปํ๊ณ ์ถ์ ๋ถ์ด๋ฉด ์ฑ์ฉํ๋ค.
- ์์ ์ฑ์ฉ์ด๋ค.
- ์ธํด์ 2๋ช ์ ๋ ์ฑ์ฉ์์
- ํ๋ก ํธ์๋ ์ฝ๋ฉํ
์คํธ?
- ์ฝ๋ฉํ ์คํธ๋ ์๋ค. ์ฌ์ด๋ํ๋ก์ ํธ ํ ๊ฒ์ Github์ ์ฌ๋ฆด ํ ๋ฐ ๊ทธ๊ฑธ ๋ณด์ฌ์ฃผ๋ฉด ํ ์ค ํ ์ค ๋ค ์ฝ๋๋ค. ์ด๋ ฅ์์ ์ฒจ๋ถํด์ฃผ์ด๋ผ.
- ์ ์
, ์ธํด ๋์์ ์ง์ ๊ฐ๋ฅํ๊ฐ?
- ๋์ ์ง์ํ ์ ์๋ค. ๋ณธ์ธ์ ์ ํ.
- ์ด๋ฐ ๋ถ์ ์ฐพ์์์์ ํ์ ์์์ธ๊ฐ?
- ํ์๋ผ๊ณ ์๊ฐํ๊ณ ์ ์์ง๋ง, TS๋ก ํ๋ก์ ํธ ๊ฒฝํ์ด ์์ ์ ์๋ค. ์ค์ค๋ก ๊ณต๋ถํ์ ์ ๋ฉด์ ๋ ๋ํํ ์ ์๋ค๋ฉด ๊ด๊ณ์๋ค.
- ๊ฒฝ๋ ฅ์ง ์์ต ๊ธฐ๊ฐ?
- 3๊ฐ์ ์์ต ๊ธฐ๊ฐ ๊ฐ๋๋ค.
- ์๋ฅ์์ ์ฃผ์ํ๊ฒ ๋ณด๋ ๊ฒ
- ํน์ ๋ถ๋ถ์ผ๋ก ํฉ๋ถ์ ๊ฒฐ์ ํ์ง๋ ์๋๋ค.
- ์๋ฅ์์ ๋๊ตฐ๊ฐ ๊ธฐ์ค์ ๊ฐ์ง ์๊ณ ์ฌ๋ฌ ํ๋ก ํธ ๊ฐ๋ฐ์๋ถ์ด ํฌ๋ก์ค์ฒดํฌ๋ฅผ ํ๋ค.
- github ๊ณต์ ํด์ฃผ๋ฉด ์ด๋ป๊ฒ ๊ณต์ ํ๊ณ ์ด๋ป๊ฒ ์ผํ๋์ง ์ฐธ๊ณ ๋ฅผ ๋ง์ด ํ๋ค.
- ์ธํ์ฐ์ค ๊ฐ๋ฐ, ํ๋ก๋ํธ ๊ฐ๋ฐ ๋น์ค
- ํ๋ก๋ํธ์ ๋ง์ ๋น์ค์ ๋๋ค.
- ํ๋ก๊ทธ๋๋จธ์ค์์ ์งํ๋๋ ํ๋ก ํธ์ค๋ ์ฝ๋ฉํ
์คํธ์์ ๋น๊ทผ๋ง์ผ์ ๊ฒฝ์ฐ ์์ ๋ช%, ์ ์ ์ปท์ด ๊ถ๊ธ?
- ํ๋ก๊ทธ๋๋จธ์ค์์ ๋์ด์ค๋ ์ปท์ ๋ชจ๋ฅธ๋ค.
- ์ ์์ ์๊ด์์ด ํ๋ถ ํ๋ถ ์ฝ๋, ์ด๋ ฅ์, Github๋ ํ์ธํ๋ค.
- ์คํฐ๋ธ๊ฐ ํ๋ก๊ทธ๋๋จธ์ค๋ฅผ ํตํด์ ์ฑ์ฉํ๋ค. 300๋ถ ์ ๋ ํ๋ก๊ทธ๋๋จธ์ค์์ ์๋ฅ๊ฐ ๋์ด์์๋๋ฐ ๋ฌผ๋ก ์์ ๋ถ๋ค์ ์ฃผ๋ก ๋ณด์ง๋ง ์คํฐ๋ธ๋ ์๋์ชฝ์ ์์๋ค. ์ผ์ผ์ด ๋ด์ ์คํฐ๋ธ๊ฐ ๋ถํํด์ ์ง๊ธ ์์๋ฆฌ์ ์๋ค.
- ์๋๋ก์ด๋ ๊ฐ๋ฐ์ ํ๋ก ํธ ์ง์ ๊ฐ๋ฅํ์ง?
- ๋ฉด์ , ๋ณด๋ด์ค ์ฝ๋๋ฅผ ๋ณด๊ณ ๋ฉด์ ์์ ๊ธฐ์ฌ๋ฅผ ํ ์ ์๋์ง ํ๋จํ๋ค.
- ํ๋ก ํธ์ ์ ์ ์ ๋ ์ญ๋์ด๋ฉด ์ ์ ์ผ๋ก ์๊ฐ.
- ์ผ๋ฐ ์น์ผ๋ก ํ๋ก๋ํธ ํ์ฅ ๊ณํ?
- ์๋น์ค ์์ญ์ธ ๋๋ค์ํ, ์ค๊ณ ๊ฑฐ๋๋ ์ฐ์ ์์ ๋์ง ์๋ค.
- ์ง์ญ์ฌ์ฅ๋์ด ์ฌ์ฉํ๋ ๊ด๊ณ ํ๋ซํผ์ ๊ด๋ฆฌํ๋ ๊ฒ์ ๋ชจ๋ฐ์ผ์ด ์๋ PC์์ ํ๋ ๊ฒ์ ์ ํธํ ์ ์๊ธฐ์ ์ด๋ฐ ๋ถ๋ถ์ ๋นจ๋ฆฌ ๋ง๋ค๋ ค๊ณ ํ๋ค.
- ํ๋ฝํ๋ฉด ์ฌ์ง์ ๋ถ์ด์ต?
- ๋ถ์ด์ต ์๋ค.
- ๋์ด์ ํ?
- ๊ณ ๋ฑํ์ ์ด์์ด๋ฉด ๊ด์ฐฎ๋ค.
- ๋ฐฑ์คํผ์ค ๊ธฐ์ ์คํ
- Next.js, HTML, JQuery ๋ฑ๋ฑ ๋ค์
- ํ๋ซํผ ๊ฐ๋ฐ์์ Go ์ธ์ด ๊ฐ๋ฐ์๊ฐ ํ์ํ๊ฐ?
- ํ์ํ๋ค.
- ํ์๋ฉด์ , ์ง๋ฌด๋ฉด์ ์ฐจ์ด
- ํ์๋ฉด์ : ๋ฉด์ ๊ด 1๋ช , ๊ธฐ์ ๊ด๋ จ ์ด์ผ๊ธฐ
- ์ง๋ฌด๋ฉด์ : ๋ผ๋ก ๋ชฐ๋ ค๊ฐ์ ์ฌ๋ ์๋ ๊ธฐ์ ์ง๋ฌธ
- ๊ฐ๋ฑ ์กฐ์ ?
- ๊ฐ๋ฑ์ด ์๋ค. ๋ถ์๊ธฐ ์ข๋ค.
- ๊ฐ๋ฑ ์ํฉ์ด ์์ ์ ์์ง๋ง ์ข์ ์ ํ์ ๋ง๋ค๊ธฐ ์ํ ํ ๋ก ์ ๊ณผ์ ์ด๋ค. ๋๊ฐ ์๋ฌ๋์ง๋ ์๋ค.
- ์ฑ์ฉ ๊ณผ์ ์๋ ๊ฑด์ค์ ์ธ ํผ๋๋ฐฑ์ ๋ฐ์๋ค์ด๋ ๋ถ์ ์ฐพ๋๋ค.
- ์๋ฅ ๊ฒํ ํ๋ ๋ถ?
- ๊ฐ๋ฐํ๋ง ๋ณธ๋ค.
- ์ฝ๋ฉํ
์คํธ ์งํ ์ ํ๋ ์ด์
- ์ค์ ์ ์ธ ๊ฒฝํ์ด ์ค์ํ๋ค. ์ง์ง ํด๋ดค๋์ง ์๊ณ ๋ง ์๋์ง
- ๊ธฐ์ ์ ์ง๋ฌธ์ด ์ฌ๋์๋ค.
- ์ฝ๋ฉํ ์คํธ๊ฐ ์ง์์์๊ฒ ๋ถ๋ด์ด๋ค.
- ๋น๊ทผ๋ง์ผ ๊ฐ๋ฐ์ ๊ท๋ชจ
- 6-70๋ช
- QA ?
- ์๋ค.
- ์๋ก์ด ๊ธฐ์ ?
- ์ ๊ทน์ ์ด๋ค. recoil js ๋ฑ๋ฑ
- ์๋ก์ด ๊ธฐ์ ์ ์ฉ, ๊ณต์ ์ข์ํ๋ค.
- ๋ฉด์ ์ค๋นํ ๊ฒ
- ์ด๋ ฅ์์ ์ ์ถํ ๊ฒ์ ์ ์์ง
- ์ฝ๋๋ฆฌ๋ทฐ ์๋์ง?
- ์๋ค. ์ฌ๋ ฅ์ด ์๊ณ ๊ฐ์ ๋ค๋ฅธ ๋๋ฉ์ธ์ ํ๊ณ ์์ด์
- ์ธํด์ ๊ฒฝ์ฐ ์์ ์์
- ๋น๊ทผ๋ง์ผ ๊ฐ๋ฐ์๊ฐ ์ง๊ธ๊น์ง ์๋ฐ์ ์ผ๋ก ํด์ฌํ ์ผ์ด ์์ ๊ผฝ์.
- ๋น๊ทผ๋ง์ผ ์ญ์ฌ์ ์น ํ๋ก ํธ์์ ํด์ฌํ ์ฌ๋์ ์๋ค.
- ํ์ฌ ๋ถ์๊ธฐ?
- ๋๋ฌด ์ข๊ณ ์ด๋ฐ ํ์ฌ๋ ์๋ค๊ณ ์๊ฐ
- ๋ค๋ค ์ด์ฌํ ํด์ ์๋ฐ๊ฐ์ด ์ด์ง ๋ค์ง๋ง, ์ฑ์ฅ์ ์ํ ๊ธ์ ์ ์ธ ์๋ฐ๊ฐ์ด๋ค.
- ๊ตฌ๋ถ?
- ์ ์ฌํ๋ฉด ์ ์ , ๊ฒฝ๋ ฅ ๊ตฌ๋ถ์ด ์๋ค. ์ ์ฌํ๋ฉด ๋๋ฉ์ธ ํ๋ ๋งก์์ ์งํํด์ผ ํ๋ค. ์ค์ค๋ก ์ด๋ค ํ๋ก๋ํธ๋ฅผ ๊ฐ๋ฐํด์ผ ํ๋ค.
- ์คํ์์ค ๊ธฐ์ฌ?
- ๋ค ๋ค์ด๊ฐ์ ๋ณธ๋ค.
- ํ์ฌ์์น
- ๊ฐ๋จ์ ์๋ค. ์ ๋ ผํ์ผ๋ก ์ด์ฌ ๊ณํ
- ๊ฒฝ๋ ฅ ์ธ์ ๊ธฐ์ค?
- ๊ฒฝ๋ ฅ์ ๋ณ๋ ์๊ฐํ์ง ์๋๋ค. ๋ฅ๋ ฅ ๋ณธ๋ค.
- Lint?
- ES Lint, Prettier ์ฐ๊ณ ์๋ค.
- ๊ธ๋ก๋ฒ ์๋น์ค ํ์ฅ์ ์ํด ๋ฌธํ์ ์ฐจ์ด๋ก ์ธํด ํ๋ก ํธ ๋ณ๊ฒฝ์ ์ด๋ป๊ฒ ๊ด๋ฆฌํ๋์ง
- ์น ํ๋ก ํธ๋ ๊ตญ๋ด์ ์ง์ค
- ๋ค์ดํฐ๋ธ ๊ฐ๋ฐํ๋ ๋ถ๋ค์ด ์ ์ ๊ฒ์ด๋ค.
- ๋งค๋ ์จ๋์์ ์ญ์จ(Celsius)๋ฅผ ์ฌ์ฉํ์ง ์๋ ๋๋ผ์ ๊ฒฝ์ฐ ๋ค๋ฅธ ์งํ๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด ํ๋ก ํธ๋ฅผ ๋ฐ๊พธ๋ ์์
- ์ธํด ๊ต์กํ ๋ ์ฌ์๊ฐ ๋ถ๋์ง?
- ๊ฐ์ด ์ผ์ ํ๋ ๊ฒ
- ๋๊ตฐ๊ฐ ์ ์๋์ฒ๋ผ ๊ฐ๋ฅด์ณ๋๋ฆฌ๋ ๊ฒ์ ์๋
- ์ธํด์ผ๋ก ๋ค์ด์๋ ํ ๋ช ์ ๋๋ฃ. ๊ฐ์ด ๋ญ๊ฐ๋ฅผ ํ๋ ์ผ์ด ๋ง๋ค.
- ๊ธฐํ์, ๋์์ด๋ ์ด๋ค ๋๊ตฌ?
- Slack, Figma
- ์ฌ๋ด ์ง๋ฌด์ ํ
- ๊ฐ๋ฅ, ๊ทธ๋ฌ๋ ๊ฐ๋ฐ์๊ฐ ๋์์ด๋๊ฐ ๋๋ ๊ฒ์ ํ๋ค๋ค
- ๊ฐ๋ฐ ์ง๊ตฐ ์ฌ์ด์์ ์ง๋ฌด ์ ํ์ ์์๋ค. ๋ฃจ๋น โ ์๋ฐ์คํฌ๋ฆฝํธ
- ์ผ๊ทผ์๋น?
- ํฌ๊ด์๊ธ์
- ์ ๊ท์๋น์ค ์ ๊ธฐํ๋ถํฐ ๊ฐ๋ฐ๊น์ง ์ผ๋ง๋?
- ๋ฆฐํ๊ฒ์ ์ข์ํ๊ธฐ์ ์ ๋ง ๋น ๋ฅด๊ฒ ํ๋ค.
- ๋ฐฐํฌ ์๊ธฐ?
- ๊ฐ๋ฐ์๊ฐ ์ํ ๋
- ์ฅ์ ๊ฐ ๋๋ฉด ๋ฐฐํฌํ ์ฌ๋์ด ์ฑ ์์ ์ง๊ณ ํด๊ฒฐํ๋ค.
- ์น๋ทฐ์ SSR?
- ์ฌ์ฉํ์ง ์๋๋ค.
- ์น๋ทฐ, ๋ค์ดํฐ๋ธ์์ ํต์ ์ ์ํ API๋ ์์ฒด ๊ตฌ์ถ? ๋ฆฌ์ํธ ์ํ๊ด๋ฆฌ ์ ๋ฆฌ์ํธ์ ๋๊ธฐํ ํ๋ ค๋ฉด ์ด๋ป๊ฒ ํ๋์ง?
- ํต์ ์ ์ํ API๋ ์์ฒด ๊ตฌ์ถ ์ฌ์ฉ
- ๋ฆฌ์ํธ ์ํ๊ด๋ฆฌ ์ ๋๊ธฐํ๋ ํจ์ ์ฝ ๋ฐฉ์
- ํ๊ท ์ฐ๋ น?
- ์ ์ ํธ
- ํ๋ซํผ ๋์์ด๋์ ํ์
ํ ๋ ์ต์ฐ์ ์ผ๋ก ํด๊ฒฐํ๊ณ ์ถ์ ๊ณผ์
- ๋์์ธ ์์คํ
- CI CD?
- Circle CI, Git Action
- ์ฑ์ฉ ๊ธฐ๊ฐ
- 1์ฃผ์ผ ์ดํ๋ก ๋๋ด๋ ค๊ณ ํ๋ค.
- ๋นจ๋ฆฌ ๊ฐ๋ฐ์๋ฅผ ๋ชจ์๊ณ ์ถ๋ค. ์ธ์ฌํ์์๋ ์ด์ดํ๊ฒ ๋ฉด์ ์ผ์ ์ ์ก๋๋ค.
- ํ์๋ฉด์ ?
- ๋ฉด์ ๊ด ํ ๋ถ์ด ์ค์ ํตํด์ 30๋ถ ์ ๋ ์งํํ๋ค.
- IDE?
- ์ธํ ๋ฆฌ์ ์ด, VS Code.
- ํด์ ๋ญ ์ฐ๋ ํ์ฌ์์ ์ง์ํด์ค๋ค.
- ์ด์ ํธ๋ํน?
- ํ๋ง๋ค ๋ค๋ฅด์ง๋ง Jira
- ๋ณต์ง?
- ๋ฐ์ด๋ ๋๋ฃ, ๊ทธ๋ฆฌ๊ณ ๋ฐ์ด๋ ๋๋ฃ๊ฐ ๋ชจ์ผ ์ ์๋ ํ๊ฒฝ
- 6~7๊ฐ์ ๋ค๋๋ฉด์ ์คํธ๋ ์ค ๋ฐ๋๊ฒ ์๋ค.
- ๋น๊ทผ๋ง์ผ ๊ตฟ์ฆ๊ฐ ๋์ค๋ฉด ์ ์ผ ๋จผ์ ๊ฐ์ ธ๊ฐ ์ ์๋ค.
- ์๋ ๋ณต์ง๊ฐ ์๋ค. github ์ด๋ค.
- ๋ ๋ชจ๋ค์ด๋ ์๋ค. ๋นํ 500 ์๋ค.
- ์ปคํผ ๋ฌด์ ํ 100์ ๋ง์ ๋ผ
- ์ปจํผ๋ฐ์ค ์ง์๋น
- ์
๋ฌด ์ค๊ฐ์ ๋น๊ทผ๊ฑฐ๋ ๊ฐ๋ฅ?
- ์ ๋ฌด ์ค๊ฐ์ ๋น๊ทผ ๊ฑฐ๋ํ๋ค๊ณ ์ฌ๋ผ์ง๋ ๋ถ๋ค ์๋ค.
- context?
- use state, Redux ์ฐ๋ ํ ์๋ค.
- ์์ ๋ญ๋ ํ๋ฉด ๋๋๋ฐ ์ฅ์ ๊ฐ ๋๋ฉด ๋ณธ์ธ์ด ์ฅ์ ๋ฅผ ๊ณ ์น๋ฉด ๋๋ค.
- TS, Java ์ ํ ๊ธฐ์ค
- ๊ฒฐ์ ๋ฑ๋ฑ ์ ์คํด์ผ ํ๋ ๋ถ๋ถ์ Java ์
- ํ์ ๋ฆฌ์์ค์ ๋ฐ๋ผ์ ๊ฐ๋ฐํ๋ค.
- ๋ฉด์ ์ CS ์ง๋ฌธ?
- ์ํ๋ค.
- ๋ฆฌ์ํธ ํ์ CS ์ ๊ณต์ ์๋ฌด๋ ์๋ค.
- ํฌ๋ก์ค๋ธ๋ผ์ฐ์ง ํ
์คํธ?
- babel preset
- ๊ฐค๋ญ์ s3์ ๊ฐ์ด ์ผ์ผ์ด ํ๊ฒฝ์ ๋ค ์ฒดํฌํ์ง๋ ์๋๋ค.
- ์ผ๋จ ๋๊ฐ๊ณ ํฐ์ง๋ฉด ๋กค๋ฐฑ
- ์ํต?
- ํด๋ฝํ์ฐ์ค์์ ํ ์์ผ ์ด์ผ๊ธฐํ๊ณ ์์