
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ฝ๊ณ ๋น ๋ฅด๊ฒ ํ๋ ํ๋ ์์ํฌ์ ๋๋ค. ๊ฐ์ข ๋ ์ด์์, ์ ๋ ฅ์ฐฝ, ๋ฒํผ ๊ฐ์ HTML UI ์ปดํฌ๋ํธ๋ฅผ CSS์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํด ์ฐ๊ธฐ ํธํ๊ฒ ์ ๊ณตํฉ๋๋ค. ๋ฌธ์ ์ฐธ๊ณ Bootstrap ์์ํ๊ธฐ

MDN, BOX & ITEM, Block & Inline, <a> ํ๊ทธ, <ol> ํ๊ทธ, <ul> ํ๊ทธ, <li> ํ๊ทธ, input ํ๊ทธ, label ํ๊ทธ

<br> ํ๊ทธ, <p> ํ๊ทธ, <img> ํ๊ทธ, <meta> ํ๊ทธ, <link> ํ๊ทธ

์น์ฌ์ดํธ ๋ง๋ค๊ธฐ

์ ํ์ (selector), padding, margin, border, ๊ฒฐํฉ์, CSS ์ ๋ ํฐ ์ฐ์ต

display / position / static / relative / absolute / fixed / sticky / visibility / ๊ธธ์ด

Flexbox / flex-direction / align-items / justify-content

font / background-color / border / padding / margin

Axios ๋ Node.js๋ฅผ ์ํ Promise API๋ฅผ ํ์ฉํ๋ HTTP ๋น๋๊ธฐ ํต์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค. ๋ฐฑ์๋์ ํ๋ก ํธ์๋์์ ํต์ ์ ์ฝ๊ฒ ํ๊ธฐ ์ํด AJAX ์ ๋๋ถ์ด ์ฌ์ฉํ๋ค.

HTML, CSS ๋ฐ JavaScript๋ฅผ ์ฌ์ฉํ์ฌ ๋ฒกํฐ ์์ด์ฝ์ ์ ๊ณตํ๋ ๋ฌด๋ฃ ์คํ ์์ค ์์ด์ฝ ํดํท์ ๋๋ค.

Javascript ? / ์๋ฃํ (Data Type) / var / let / var์ let, const์ ์ฐจ์ด?

๋์ ์ฐ์ฐ์ / ์ฌ์น ์ฐ์ฐ์ / ์ฐ์ ์ฐ์ฐ์ / ์ฆ๊ฐ ์ฐ์ฐ์ / ๊ด๊ณ ์ฐ์ฐ์ / ๋๋ฑ ์ฐ์ฐ์ / ์ผ์น ์ฐ์ฐ์ / ์ด์ง ๋ ผ๋ฆฌ ์ฐ์ฐ์ / ํจ์

React ? / Virtual DOM ? / Component-Based / ์ฌ์ฌ์ฉ์ฑ(Reusability) / React Native

๊ธฐ์กด ์นํ์ด์ง์ React ์ถ๊ฐํ๊ธฐ, Create React App ์ฌ์ฉํ๊ธฐ

JSX ? / JSX ์ฝ๋์ JavaScript ์ฝ๋์ ์ฐจ์ด / JSX ์ฝ๋์ ์ฅ์ / ํ๊ทธ์ ์์ฑ๊ฐ์ ์ฌ์ฉํ๊ธฐ / ์์(children)์ ์ฌ์ฉํ๊ธฐ

Element ? / createElementํจ์ ํ๋ผ๋ฏธํฐ / Element์ ๋ถ๋ณ์ฑ / Element ๋ ๋๋ง

React Component / Props / ํจ์ ์ปดํฌ๋ํธ(Function Component) / ํด๋์ค ์ปดํฌ๋ํธ(Class Component) / Component ๋ ๋๋ง / Component ํฉ์ฑ๊ณผ ์ถ์ถ

State / Lifecycle

ํด๋์ค ์ปดํฌ๋ํธ์ ํจ์ ์ปดํฌ๋ํธ์ ์ฐจ์ด / Hooks / useState() / useEffect() / useMemo() / useCallback() / useRef() / Callback ref

Hook์ ๊ท์น / eslint-plugin-react-hooks / Custom Hook

Event / Event Handler / Arguments

์กฐ๊ฑด๋ถ ๋ ๋๋ง / truthy์ falsy / Element Variavles / Inline If / Inline If-Else / Component ๋ ๋๋ง ์ค์งํ๋ ๋ฒ

List / Key / map()

React์ Form / Controlled Components / Textarea ํ๊ทธ / Select ํ๊ทธ / File input ํ๊ทธ / Multiple inputs / Input Null Value

Shared State

Composition / Containtment / Specialization /

Context / React.createContext() / Context.Provider / Class.contextType / Context.Consumer / function as a child / Context.displayName / useContext()

Automatic Batching / Transitions / Suspense / ํด๋ผ์ด์ธํธ์ ์๋ฒ ๋ ๋๋ง API ์ ๋ฐ์ดํธ / ์๋ก์ด Strict ๋ชจ๋ ์๋ ๋ฐฉ์ / ์๋ก์ด ํ

CSS ๋ฌธ๋ฒ์ ๊ทธ๋๋ก ์ฌ์ฉํ๋ฉด์ ๊ฒฐ๊ณผ๋ฌผ์ ์คํ์ผ๋ง๋ ์ปดํฌ๋ํธ ํํ๋ก ๋ง๋ค์ด์ฃผ๋ ์คํ์์ค ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. ์ปดํฌ๋ํธ ๊ฐ๋ ์ ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ React ๊ฐ๋ฐ์ ๋ง์ด ์ฌ์ฉ๋ฉ๋๋ค.

JWT ? JSON Web Token์ ์ค๋ง๋ก, json ๊ฐ์ฒด๋ฅผ ์ฌ์ฉํด์ ํ ํฐ ์์ฒด์ ์ ๋ณด๋ค์ ์ ์ฅํ๊ณ ์๋ ์น ํ ํฐ์ ๋งํฉ๋๋ค. JWT ๋ RFC 7519 ์น ํ์ค์ผ๋ก ์ง์ ๋์ด ์์ต๋๋ค. JWT ๊ณต์ ํํ์ด์ง JWT ๋ header, payload, signa

AJAX , fetch API, Axios