๐ JavaScript ๊ด๋ จ ๊ฒ์๊ธ
๐ ๋ฉด์ ๊ด๊ป์ ๊ฐ๋ก๋, ๋ฒ๋ค๋ฌ๊ฐ ๋ฌด์์ด๋ ๋ฌผ์ผ๋
์ง์์๊ฐ ํก์ค์์ค ๋๋ตํ๋งค ๋ง์นจ๋ด ๋ชจ๋ฅด๊ฒ ๋ค๋ฉฐ ๋ ํ๋ฆฌ๋๋ผ - ๋ฉด 11:14
๐ เดฆเดฟ=ยดโ๏ฝ) ์๋ ํ์์ฉ์ ๋ํ๋ถ๊ธฐ์ ์ฉ
๋๋๊ทธ ์ค ๋๋กญ, ์ ๋๋ฉ์ด์ ๋ฑ์ ๋ฆฌ์กํธ๋ก ๊ตฌํํ๊ณ , JS๋ก ๋ฐ๊ฟ์ ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ์ผ๋ก ๋ง๋ค๊ธฐ
์ผ์ผ ํ์ต์ ๋ฆฌ - Day01
Node.js ํ์ค ์ ๋ ฅ, JavaScript ํด๋์ค ์ฉ๋ฒ ๋ฑ
๐ณ๏ธ ๋ฆฌ์กํธ ์ฌ์ฉ์ ์ ๋ ฅ : onClick ๐ onSubmit
์ด๋๊ฒ์๊ณ ๋ฅผ๊น์์์๋ง์ถฐ๋ณด์ธ์๋ฉ๋๋๋์ปคํผ์ง
๐ช ๋ฆฌ์กํธ ํ (React Hooks) ์์ ์ ํจ๊ป ํบ์๋ณด๊ธฐ
์ด๊ฒ๋ง ์์ผ๋ฉด ๋น์ ๋ ํ ํฌ(Hook)์ ์ฅ ใ ใ ใ
๐๏ธ Gatsby ๋ธ๋ก๊ทธ ๊น@๋กฑํ ๋ชฉ์ฐจ(Table Of Contents) ๋ง๋ค๊ธฐ
์๋น ๋ชฉ์ฐจ๋ผ๋ฉด ๋ธ๋ก๊ทธ๊ฐ ์์ด์ผ.
๐ ๋คํฌ๋ชจ๋ 5์ด์ปท with CSS ์ฑ์ ๊ธฐ์ light-dark()ํจ์ - (Gatsby ๋ธ๋ก๊ทธ)
๋ถ์ข ๊บผ์ค๋? ๋ธ๋ก๊ทธ์ข ๋ณด๊ฒ.
๐ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋น๋๊ธฐ ์์ ๊ณผ Async/Await
JavaScript ๋น๋๊ธฐ ์์ 3ํ์ ๋๋ค
๐ Gatsby ๋ธ๋ก๊ทธ์ Progress Bar ๋ฃ๊ธฐ
Failed to server render ์๋ฌ์ ์ฃผ์ํฉ์๋ค.
๐ค ์๋ฐ์คํฌ๋ฆฝํธ์ ๋น๋๊ธฐ ์์ ๊ณผ Promise
JavaScript ๋น๋๊ธฐ ์์ 2ํ์ ๋๋ค
โฏ๏ธ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋น๋๊ธฐ ์์ ๊ณผ ์ฝ๋ฐฑํจ์
JavaScript ๋น๋๊ธฐ ์์ 1ํ์ ๋๋ค
๐ ํ์ ์คํฌ๋ฆฝํธ๊ฐ ๋๊ณ ์ถ์ ๋ฆฌ์กํธ ์ปดํฌ๋ํธ๋ ๋์๊ฒ..
JavaScript๋ก ์์ฑํ React Component๋ฅผ TypeScript๋ก ๋ง์ด๊ทธ๋ ์ด์ ํ๊ธฐ. (.js -> .tsx)
๐ ์ ๋.. ํ์ ์คํฌ๋ฆฝํธ ๊ณต๋ถ ํ์ค๋์? (TypeScript)
TypeScript Document ์คํฐ๋ ์ ๋ฏธ.