
๋ฉํ ๋์ ๊ทํ ๋ง์๋ค
- ์๊ธฐ์๊ฐ ํ์
- ํน์ ๋๋ฉ์ธ์์์ ์ธํด ๊ฒฝํ โ ใฑใ
- ๊ฒฐ๊ตญ ๋ง๋๋๊ฑด ์น์ด๋๊น
- ์ถฉ๋ถํ ์ข์ ๊ฒฝํ ๊ฐ๋ฅ
ํ๋กฑ์ด๋ค์ ๊ถ๊ธํ ์
๊ฐ๋๋ค ์์ผ๋ก ์ ๋ ฌํ์ด์ !!
๊น๋ฏผ์
ํ์ฌ ์ํฉ
์์ง์ ์ธ ์กฐ์ง๋ฌธํ๊ฐ ์๋ ๊ณณ์ ์ ์๊ฒ ์๋ฐ๊ฐ์ด ํฌ๊ฒ ๋ค๊ฐ์์ ๋ค์ ํ์ฌ๋ ์ํ์ ์ธ ์กฐ์ง๋ฌธํ๋ฅผ ๊ฐ์ง ๊ธฐ์
์ ๊ฐ์ ๋ค์ํ ์๊ฒฌ ์ ์ ๋ฐ ์๊ธฐ ์ฑ์ฅ, ์์ ๋ก์ด ๋ถ์๊ธฐ๋ฅผ ๋๊ปด๋ณด๊ณ ์ถ์ต๋๋ค.
๊ทธ๋ฌ๋ ์ง์ธ์ด ๋ณ๋ก ์์ด์ ์ธํฐ๋ท ๊ฒ์๋ง ํด์ผํ ๋ฟ์
๋๋ค.
๋ฉํ ๋์ ๋ค์ํ ์คํํธ์
์ ๊ฐ์ ๊ฑธ๋ก ์๊ณ ์์ต๋๋ค.
์ ๊ฐ ์๊ธฐ๋ก๋ ์คํํธ์
์ ์กฐ์ง๋ฌธํ๋ ๋์ฒด๋ก ์์ ๋กญ๊ณ ์ํ์ ์ด๋ผ๊ณ ์๊ณ ์์ต๋๋ค.
- ์คํํธ์ ์ ์กฐ์ง๋ฌธํ๋ค์ ๋์ฒด๋ก ์์ ๋กญ๊ณ ์ํ์ ์ด๋ผ๋๊ฒ ์ฌ์ค์ธ์ง ๊ถ๊ธํฉ๋๋ค.
- ํ์ฌ๋ฅผ ๋ค์ด๊ฐ์๊ธฐ ์ ์ ์ด๋ค๊ฒ์ ์ค์์ ํ๊ฒ ๋ณด์๋์ง ๊ถ๊ธํฉ๋๋ค. ๊ทธ์ ๋ฐ๋ฅธ ์ด์ ๋ ๊ถ๊ธํฉ๋๋ค.
- ์ด๋ ๊ณณ์ ๊ฐ๋ ๋ฐฐ์ธ ์ ์๊ฒ ์ง๋ง, ํนํ ๋ฐฐ์์ด ๋ง์ ๊ณณ์ ์ด๋ค ๊ณณ์ผ์ง ์ ์ ์๋ ๋ฐฉ๋ฒ์ด ์์๊น์..? (ex) ํ ํฌ ๋ธ๋ก๊ทธ๊ฐ ์๋ ๊ธฐ์ )
- ์คํํธ์ ์ ๊ฐ๊ฐ์ธ์ ์ฑ์ฅ ๋ํ ์ค์์ํ๋๊ฑธ๋ก ์๊ณ ์๋๋ฐ ์ฌ์ค์ธ์ง, ๋ง์ผ ์ฌ์ค์ด๋ผ๋ฉด ์ด๋์ ๊ทธ๋ฐ ๊ฑธ ๋๋ผ์ จ๋์ง ๊ถ๊ธํฉ๋๋ค.
๊ฐ์ธ์ ์ธ ์ง๋ฌธ
- ์ด์ ํ์ฌ๋ฅผ ๋ค๋๋ฉฐ ๋ฌผ๊ฒฝ๋ ฅ์ ์์ ๊ฒ ๊ฐ์ต๋๋ค. ๋ณ๋ณํ๊ฒ ์ฑ์ฅํ๋ ๋ฐฉ๋ฒ์ด ์ด๋ค๊ฑธ๊น์?
- ํ์ค์ ์ผ๋ก ๋ํ์ ๋ฌด์ ๋ฐ๋ฅธ ํ๊ณ๊ฐ ์๋์ง ๊ถ๊ธํฉ๋๋ค.
- ํ๊ตญ AWS์ฌ์ฉ์๋ชจ์์์ ํ๋ก ํธ์๋ ์๋ชจ์์ ๋ํด์ ๊ถ๊ธํฉ๋๋ค.
- ๋ค์๋๊ณ ๊ณ์๋ ๋น๊ทผ์ ๋ํด ๋ฉํ ๋์ด ๋๋ผ์๋ ์ฅ๋จ์ ์ ๋ฌด์์ด ์๋์ง ๊ถ๊ธํฉ๋๋ค.
- ๋ฉํ ๋์ ์ฃผ์์ ์๋ ๋น์ ๊ณต์๋ ์ด๋ค๊ฒ ์๋์ ์ผ๋ก ๋ถ์กฑํ๋ค๊ณ ๋๋ผ์ จ๋์ง ๊ถ๊ธํฉ๋๋ค.
- ๊ธฐํ์์ผ ๋ด์ ์ฝ๋ ์์ฑ ํ๋๊ฒ, ๊ทธ๋ฆฌ๊ณ ์ฑ๋ฅ์ ์ฐ์ ์ ํด์ผ ํ๋๊ฒ .. ์ ๋ ํ์์ฌ์ ํ์ฌ์์ ์ข ์ข ์๋ฐ์ด ๋ค์ด์ฌ ๋๊ฐ ์์์ต๋๋ค. ๊ทธ๋ฌ๋ฏ๋ก์จ ๋ณต๋ถ์ด ๋ง์์ก๋๋ฐ, ํํ์ ์ ๋ง์ถฐ์ผ ํ ๊น์..? ์ข์ ๋ฐฉ์์ด ์์๊น์?
- โ์ผ์์ก์ด๋คโ ํ์ ์ด๋ป๊ฒ ํ์ํ๊ฒ ๋์๋์??
์์ฌํ
- ์์ฆ ์ทจ์ ์์ฅ์ ๋ํฅ์ ์ด๋ค๊ฐ์ ? ๋ด๋ ์ ์ทจ์ ์์ฅ์ด ๋ง์ด ํ๋ฆด๊น์โฆ? ๐ฅฒ
- HTML/CSS, JS, React ๋ฑ ํ๋ก ํธ์๋ ๊ธฐ์ด ์ง์ ๊ณต๋ถ๋ฅผ ์ํ ์ฑ ์ถ์ฒ ํด์ฃผ์ธ์ !!
์ด์น๋ฏผ
์ ๋ค์ค
์ทจ์ ๊ด๋ จ
- ์ ์ ๊ฐ๋ฐ์ ์์ค์์, ๊ธฐ์ ๋ธ๋ก๊ทธ๋ ์ด๋ค ์์ผ๋ก ์์ฑํด์ผ ์ฑ์ฉ ์ ๋ ์ดํ ๋ ์ ์์๊น์? (ex. ๊ธฐ์ ์์ค, ๊ธ ์์จ, ํฌ์คํธ์ ๊ฐ์ ๋ฑ๋ฑ)
- ๊ฐ๋ฐ์ ํ ๋, ๊ทธ ๊ธฐ์ ์ ์ ์ผ๋์ง, ๊ธฐ์ ์ ํ์ ๊ทผ๊ฑฐ๊ฐ ํ์ํ๋ค๊ณ ํ๋๋ฐ, ์์งํ ๊ทธ๋์ ์ ๋ โ๊ทธ๋ฅ ~๋ฅผ ๋ฐฐ์๋ณด๊ณ ์ถ์ด์โ, โํ ์ค ์๋๊ฒ ~๋ฐ์ ์์ด์โ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋์ค์ ๋ฉด์ ์์ ์ฌ์ญค๋ณผ ์ ์์ผ๋ ๊ทธ๋ด์ธํ ์ด์ ๋ผ๋ ๋ง๋ค์ด๋๋๊ฒ ์ข์๊น์?
- ํ์ ๊ฐ๋ฐ์ ์ ์ฅ์์, ์ด๋ค ์ ์ ์ด ๋ค์ด์ค๊ธฐ๋ฅผ ๋ฐ๋ผ์๋์? (์ ์ ํ์ ๊ฐ๋ฐ์๊ฐ ๊ฐ์ถ์์ผ๋ฉด ํ๋ ์ญ๋)
- ์์ฆ์ ํ์ ๊ฐ๋ฐ์ ์ฑ์ฉ ์ ์ฝํ ์ธ์ด๋ฅผ JS๋ก ์ ํํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์์ง๊ณ ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
1) ํ์ ์ง๋ฌด๋ผ๋ฉด ๋ฐ๋์ ์ฝํ
๋ฅผ JS๋ก ๋ณด๋๊ฒ ์ ๋ฆฌํ ๊น์?
2) ์ ๋ ํ์ฌ ํ์ด์ฌ์ผ๋ก ์ฝํ
๋ฅผ ์ฐ์ตํด์๋๋ฐ, ๋นจ๋ฆฌ JS๋ก ๋๋ฆฌ๋๊ฒ ์ข์๊น์?
- ํ๋ก์ ํธ ๋ฆฌ๋๋ฏธ์ ์ด๋ค ๋ด์ฉ์ ์ฐ๋ ๊ฒ์ด ์ข์๊น์? ์ด๊ฑด ๊ผญ ์จ์ผํ๋ค!! ๋ผ๊ณ ์๊ฐํ์๋ ๋ถ๋ถ์ด ์์ผ์ ๊ฐ์?
- ๋ฐฐํฌ๊ฐ ์๋์ด ์๋ ๊ฒฝ์ฐ (์ ๊ทผ ๋ถ๊ฐ๋ฅํ ๊ฒฝ์ฐ)
- ๋ฐฐํฌ๊ฐ ์๋ฏธ ์์ผ๋ ค๋ฉด : ์ฌ์ฉ์๊ฐ ์๋ ๊ฒ โ ์ด๊ฒ ์ํฉํธ
- ์ฌ์ฉ์๊ฐ 0๋ช ์ด๋ฉด ์ด์ฐจํผ ๋ด๋ฆฌ๋๊น
๊ฐ์ธ์ ์ธ ์ง๋ฌธ
- ์์ฆ์ ํ๋ก ํธ์๋๋ ํ ์คํธ๊ฐ ์ค์ํ๋ค๊ณ ํ๋๋ฐ, ์ค๋ฌด์์๋ ํ ์คํธ ์ฝ๋๋ฅผ ์ง์ ์์ฑํ๊ณค ํ๋์? ์ ์ ๊ฐ๋ฐ์๊ฐ ๋๊ธฐ ์ํด์ ํ๋ก ํธ์๋ ํ ์คํธ๋ฅผ ๊ณต๋ถํด์ผ๋๋ค๋ฉด ์ด๋ป๊ฒ ๊ณต๋ถํ๋ฉด ์ข์๊น์?
- ํ๋ก์ ํธ๋ฅผ ํ๋ค๋ณด๋ฉด ์์ ์ผ๋ก ์ง์ ๊ฐ๋ฐํ๊ธฐ ์ด๋ ต๊ฑฐ๋ ์๊ฐ์ด ๋๋ฌด ์ค๋ ๊ฑธ๋ฆฌ๋ ๋ถ๋ถ(ex. ์บ๋ฆฐ๋, ์๊ณ, ๋ชจ๋ฌ ์ฌ๋ผ์ด๋ ๋ฑ๋ฑ, MUI๋ Bootstrap์ ์ฌ์ฉ) ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง์ด ์ฌ์ฉํ๊ฒ ๋๋๋ฐ,
1) ์ด๊ฒ ์ฑ์ฉ ์ ํ๊ฐ์์ ์ ์ข๊ฒ ์์ฉํ ๊น์?
2) ์ค๋ฌด์์๋ ์ด๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง์ด ์ฌ์ฉํ๋์?
- ํ์ฌ ํ์ ๊ฐ๋ฐ์ 3๋ช ์ด ๊ฐ์ด ํ๊ณ ์๋ ๊ท๋ชจ๊ฐ ์์ง ์์ ํ์ ์ ํ๋ ํ๊ณ ์์ต๋๋ค.
1) ๋์ค์ ์ทจ์
์ ์ํด์ ๋ค๋ฅธ ๊ฐ๋ฐ์๊ฐ ๋งก์ ํํธ์ฌ๋ ์ฝ๋๊ฐ ์ด๋ป๊ฒ ๋์๊ฐ๋์ง ํ์
ํ๊ณ ์๋๊ฒ ์ข์๊น์?
2) ์ฑ์ฉ ์ ์ง์์์ ํ์
ํ๋ก์ ํธ๋ฅผ ํ๊ฐํ ๋ ์ง์์๊ฐ ๋งก์ ํํธ์ ์ฝ๋๋ง ์ดํด๋ณด์๋์?
- ํดํ์ ํด ์กธ์ ์ ์กฐ๊ธ ๋ฏธ๋ค์๋ผ๋ ์ทจ์ค ์ ์ ์ธํด ๊ฒฝํ์ ์์๋๋๊ฒ ์ข์๊น์?
- ์๋น์ค๋ฅผ ๋ค๋ฃจ๋ ํ์ฌ๊ฐ ์๋ ๋ค๋ฅธ ๋๋ฉ์ธ์ ๋ค๋ฃจ๋ ํ์ฌ์์์ ์ธํด๋ ์ข๊ฒ ๋ด์ฃผ์ค๊น์ ?
- ์ ์ ์ฑ์ฉ ๊ณต๊ณ ๋ฅผ ๋ณด๋, ๋ณดํต ์ ๋ โ์ฐ๋ ์ฌํญโ์ ๊ฑฐ์ ๊ฐ์ถ์ง ๋ชปํ ๊ฒฝ์ฐ๊ฐ ๋ง์์ต๋๋ค. ๊ทธ๋๋ ์๊ฒฉ ์๊ฑด๋ง ๋๋ค๋ฉด ์์ ์ง์ํด๋ณด๋๊ฒ ์ข์๊น์?
- ์ ์
๊ฐ๋ฐ์์๊ฒ ํ๋ก ํธ์๋ ์ฑ๋ฅ ๊ฐ์ , ์ฑ๋ฅ ์ต์ ํ ๊ฒฝํ์ ์๊ตฌํ๋ ํ์ฌ๊ฐ ๋ง์ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋์ ์ ๋
useMemo, useCallback, React.memo
๋์ฝ๋ ์คํ๋ฆฌํ
,๋ ์ด์ง ๋ก๋ฉ
์ ๋๋ง ์ฌ์ฉํด๋ณด์๊ณ ,React dev tools
์Profiler
๋ก ๋ ๋๋ง ์๋๋ฅผ ์ธก์ ํ์ต๋๋ค.
1) ์์ ์ธ๊ธํ ์ ์ ๋ฐฉ๋ฒ์ด ์ข์ ๋ฐฉ๋ฒ์ด ๋ง๋์ง ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค
2) ์ค๋ฌด์์ ์ด๋ค ์์ผ๋ก ์ฑ๋ฅ์ ์ธก์ ํ๊ณ ์ด๋ค ๋ฐฉ์์ผ๋ก ๊ฐ์ ํ๋์ง ๊ถ๊ธํ๊ณ ,
3) ์ด๋ค ๋ฐฉ์์ผ๋ก ์ฑ๋ฅ์ ๊ฐ์ ํ๊ณ ํ
์คํธ ํด์ผ ์ฑ์ฉ ๊ณผ์ ์์ โ์ ์ด ์ง์์๋ ์ฑ๋ฅ ๊ฐ์ ์ ์ ๋๋ก ํด๋ณด์๊ตฌ๋โ๋ผ๊ณ ํ๊ฐ ๋ฐ์ ์ ์์์ง ๊ถ๊ธํฉ๋๋ค.