๋ถ๋์์์ ์ผ๋ก ์ธํด ์ด๋ค ์ค๋ฅ๊ฐ ์ ์๊ธฐ๋์ง ์์๋ณด์
๋ํ์ ์ธ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ๋ํด ์์๋ณด๊ณ ์ธ์ ์ฌ์ฉํ๋ฉด ์ข์์ง ์๊ฐํด๋ณด์
๋ฉํ๋ฐ์ดํฐ์ ๋ฃ์ ์ ์๋ ์ต์ ์ ๋ญ๊ฐ ์์๊น?
LCP ์ ์๋ก ์ฌ์ฉ์์๊ฒ ๋น ๋ฅด๊ฒ ์น ์ฌ์ดํธ๋ฅผ ๋ณด์ฌ์ฃผ์
React๋ ์ด๋ค ํ๋ฆ์ผ๋ก ๋ฐ์ ํ๊ฒ ๋์์๊น?
ํ๋ก์ ํธ๋ฅผ ํ๊ณ ํ๋ฉฐ
์๋ฐ์คํฌ๋ฆฝํธ์์ this๋ ํจ์๊ฐ ํธ์ถ๋ ๋ ๊ฒฐ์ ๋๋ ์ปจํ ์คํธ๋ฅผ ๊ฐ๋ฆฌํค๋ ํค์๋๋ก, ํธ์ถ ๋ฐฉ์์ ๋ฐ๋ผ ๊ฐ์ด ๋ฌ๋ผ์ง๋๋ค.
[ Coding Inside ]์ ์ฒซ ๋ฒ์งธ ์ฑ , ๋ฉด์ ์ ์ํ CS ์ ๊ณต์ง์๋ ธํธ
์คํ ์ปจํ ์คํธ์ ๋ํด์
FE ๋ฉด์ ์ง๋ฌธ | ์ด๋ฒคํธ ๋ฃจํ, ๋งคํฌ๋กํ์คํฌ ํ์ ๋ง์ดํฌ๋กํ์คํฌ ํ์ ๋ํด์
SEO์ ๋ํด์ ์์๋ณด๊ณ React์์๋ NextJS์ฒ๋ผ MetaTag ์ ์ฉํ๊ธฐ
์๋ฃ ๊ตฌ์กฐ๋ฅผ ์ ํ๊ณผ ๋น์ ํ์ผ๋ก ๋๋ ๊ฐ๋ตํ ์ ๋ฆฌ
๋น๋๊ธฐ ์ฒ๋ฆฌ๋ฅผ ํตํด ๋ ๋น ๋ฅด๊ณ ๋ถ๋๋ฌ์ด ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๊ธฐ ์ํด Suspense์ Error Boundary๋ฅผ ํจ๊ป ํ์ฉํด๋ด์
๋๋ฐ์ด์ฑ(Debouncing)๊ณผ ์ฐ๋กํ๋ง(Throttling)์ด ๋ญ๋ฐ?
Book Study, CodingInside [Computer Science Note] chap03. section02.
React, Lighthouse๋ก ์ฑ๋ฅ ์ต์ ํํ๊ธฐ
์ํคํ ์ฒ ์ค๊ณ ์ข ๋ฅ
๋์์ธ ํจํด๊ณผ ํ๋ก๊ทธ๋๋ฐ ํจ๋ฌ๋ค์
์ฑ๋ฅ ํฅ์์ ์ํด ๋ชจ์์ ๊ทธ๋ฆฌ๊ณ ๋๋ ์