์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋ฐฑ ํจ์์ this ๋ฐ์ธ๋ฉ
์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋ฐฑ ํจ์์ ์ ์ด๊ถ
์ฝ๋ฐฑ ํจ์์ ํธ์ถ ์์ , ์ธ์, this ๋ฐ์ธ๋ฉ์ด ์ด๋ป๊ฒ ์ ์ด๋๋๊ฐ
๊ธฐ๋ณธํ๊ณผ ์ฐธ์กฐํ์ ์ฐจ์ด์ ๋ฉ๋ชจ๋ฆฌ ๋์ ๋ฐฉ์
React์ SSR vs CSR ์ดํดํ๊ธฐ
React์ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง(SSR) vs ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง(CSR) ์ดํดํ๊ธฐ
Git: ์ด๊ธฐ ์ปค๋ฐ๋ถํฐ ์์ ํ๊ธฐ
๋ฆฌ์กํธ(React)์ ํน์ง
nodemon๊ณผ ts-node๋ฅผ ์ฌ์ฉํ ESM TypeScript ํ์ผ ์คํ ๋ฌธ์ ํด๊ฒฐ
Vercel ๋ฐฐํฌ ์ MongoDB ์ฃผ์ ์ค์ ๊ณผ CORS ์ด์ ํด๊ฒฐ ๋ฐฉ๋ฒ
Vercel ๋ฐฐํฌ ์ ๊ฒฝ๋ก ์ค์ ์ด์์ ํด๊ฒฐ ๋ฐฉ๋ฒ
๋ฐ์์ ๊ฐ์ฌ๋์ Git & GitHub ํน๊ฐ ์ ๋ฆฌ
[TIL] EJS, Express, MongoDB๋ก ์ฌํํ ๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ
EJS, Express, MongoDB๋ก ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ
[TIL] ์๋ฐ์คํฌ๋ฆฝํธ ๋ฐฐ์ด, Set ๊ฐ์ฒด, Map ๊ฐ์ฒด
JavaScript ๋ณ์์ ๋ฉ๋ชจ๋ฆฌ ๊ด๋ฆฌ
JavaScript ๋ณ์์ ๋ฉ๋ชจ๋ฆฌ ๊ด๋ฆฌ: Hoisting, undefined, null, ๊ทธ๋ฆฌ๊ณ ๊ฐ๋น์ง ์ปฌ๋ ์
์๋ฐ์คํฌ๋ฆฝํธ ๋ฉ๋ชจ๋ฆฌ ๊ด๋ฆฌ ์ฌํ
์ด ๊ธ์์๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ์์ ํ์ ๊ณผ ๋ถ๋ณ์ฑ, ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ์๋ ๋ฐฉ์, ๊ทธ๋ฆฌ๊ณ ๊ฐ๋น์ง ์ปฌ๋ ์ (Garbage Collection) ์๊ณ ๋ฆฌ์ฆ์ธ Mark and Sweep์ ๋ํด ์ฌ๋ ์๊ฒ ๋ค๋ฃน๋๋ค. ์ด๋ฅผ ํตํด ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ฉ๋ชจ๋ฆฌ ๊ด๋ฆฌ๊ฐ ์ด๋ป๊ฒ ์ด๋ฃจ์ด์ง๋์ง, ๊ทธ๋ฆฌ๊ณ ๋ฉ๋ชจ๋ฆฌ ๋์๋ฅผ ๋ฐฉ์งํ๊ธฐ ์ํด ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ด ์ด๋ค ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๋์ง ์ดํดํ ์ ์์ต๋๋ค.
์๋ฐ์คํฌ๋ฆฝํธ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ
JSX ๋ฐ ๊ด๋ จ ๊ฐ๋ ์ ๋ฆฌ
Git: ์ด๋ฏธ ํธ์ํ ์ปค๋ฐ ๋ฉ์์ง ์์ ํ๊ธฐ
Git: ํธ์๋ ๋ธ๋์น๋ช ๋ณ๊ฒฝ ๋ฐฉ๋ฒ
Git: Repository Mirror Clone ๋ฐ ์๋ก์ด Repository๋ก Pushํ๊ธฐ
Git: Repository Mirror Clone ๋ฐ ์๋ก์ด Repository๋ก Pushํ๊ธฐ
DOM์ ์ ํํ ๋ฌด์์ผ๊น?
DOM(Document Object Model)์ ์น ํ์ด์ง์ ๋ํ ์ธํฐํ์ด์ค์ ๋๋ค.
ํด๋ฆฌํ(Polyfill)
ํด๋ฆฌํ(polyfill)์ ์ต์ ์น ํ์ค์ ๊ธฐ๋ฅ์ ์ง์ํ์ง ์๋ ์ค๋๋ ๋ธ๋ผ์ฐ์ ๋ ํ๊ฒฝ์์๋ ํด๋น ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์๋๋ก ํ๋ ์ฝ๋์ ๋๋ค.
ํด์๋ฑ (#!)๊ณผ History API
HTML5์ History API๋ ์ฑ๊ธ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ (SPA) ๊ตฌํ์ ์ค์ํ ์ญํ ์ ํ๋ฉฐ, ํด์๋ฑ (#)์ ๋์ฒดํ๋ ํ๋์ ์ธ ๋ฐฉ๋ฒ์ ๋๋ค. ์ด ๊ธ์์๋ ํด์๋ฑ ๊ณผ History API์ ๋์ ๋ฐฉ์, ์ฅ๋จ์ , ์ฃผ์ ๋ธ๋ผ์ฐ์ ์ง์ ํํฉ, ์ต์ ํ๋ ์์ํฌ์์ ์ฐ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค. History API๋ SEO ์นํ์ ์ด๊ณ , ๊นจ๋ํ URL์ ์ ๊ณตํ๋ฉฐ, ๋ ๋์ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ๋ฅํ๊ฒ ํฉ๋๋ค.
About React!
Learn React ๐