ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ํ์ํ ์ง์๋ค์ ๊ณต๋ถํ๊ณ ์์ฝ ์ ๋ฆฌํ์์ต๋๋ค.
JavaScript
- ์ฑ
๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive
๋ฅผ ์ฝ๊ณ ๊ณต๋ถํ ์๋ฐ์คํฌ๋ฆฝํธ ๋ด์ฉ์ ์ ๋ฆฌํ์์ต๋๋ค. - ๋งค์ผ ํ ์ฑํฐ์ฉ ๋ด์ฉ์ ์ ๋ฐ์ดํธํ์์ต๋๋ค. (๋ด์ฉ์ด ๋ง์ผ๋ฉด 2-3๋ฒ์ ๋๋ ์ ๋ฐ์ดํธ)
- ์น ๊ฐ๋ฐ์์ ์ค์ํ ์ธ์ด๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ฌธ๋ฒ์ ์ ๋๋ก ๊ณต๋ถํ์ฌ ์กฐ๊ธ ๋ ์ ์ฐํ๊ฒ ์ฝ๋ฉํ๊ธฐ ์ํด ๊ณต๋ถ๋ฅผ ์งํํ๊ณ ์์ต๋๋ค.
- ๋ณ์ (variable)
- ํํ์๊ณผ ๋ฌธ (expression and statement)
- ๋ฐ์ดํฐ ํ์ (data type)
- ์ฐ์ฐ์ (operator)
- ์ ์ด๋ฌธ (control flow statement)
- ํ์ ๋ณํ๊ณผ ๋จ์ถ ํ๊ฐ (type conversion and short-circuit evaluation)
- ๊ฐ์ฒด ๋ฆฌํฐ๋ด (object literal)
- ์์ ๊ฐ๊ณผ ๊ฐ์ฒด์ ๋น๊ต (primitives and objects)
- ํจ์ (function)
- ์ค์ฝํ (scope)
- ์ ์ญ ๋ณ์์ ๋ฌธ์ ์ (problems with global variable)
- let, const ํค์๋์ ๋ธ๋ก ๋ ๋ฒจ ์ค์ฝํ (let, const keyword and block level scope)
- ํ๋กํผํฐ ์ดํธ๋ฆฌ๋ทฐํธ (property attribute)
- ์์ฑ์ ํจ์์ ์ํ ๊ฐ์ฒด ์์ฑ (object creation by constructor)
- ํจ์์ ์ผ๊ธ ๊ฐ์ฒด (function and first-class object)
- ํ๋กํ ํ์ (prototype)
- strict mode
- ๋นํธ์ธ ๊ฐ์ฒด (built-in object)
- this
- ์คํ ์ปจํ ์คํธ (execution context)
- ํด๋ก์ (closure)
- ํด๋์ค (class)
- ES6 ํจ์์ ์ถ๊ฐ ๊ธฐ๋ฅ (additional features of ES6 function)
- ๋ฐฐ์ด (array)
- Number
- Math
- Date
- RegExp
- String
- Symbol
- ์ดํฐ๋ฌ๋ธ (iterable)
- ์คํ๋ ๋ ๋ฌธ๋ฒ (spread syntax)
- ๋์คํธ๋ญ์ฒ๋ง ํ ๋น (destructuring assignment)
- Set๊ณผ Map (Set and Map)
- ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ๊ณผ์ (browser rendering process)
- DOM
- ํ์ด๋จธ (timer)
- ๋น๋๊ธฐ ํ๋ก๊ทธ๋๋ฐ (asynchoronous programming)
- Ajax
- REST API
- ํ๋ก๋ฏธ์ค (Promise)
- ์ ๋๋ ์ดํฐ์ async/await (generator and async/await)
- ์๋ฌ ์ฒ๋ฆฌ (error handling)
- ๋ชจ๋ (module)
Redux
- Redux ๊ณต์ ๋ฌธ์๋ฅผ ๊ณต๋ถํ ๋ด์ฉ์ ๋ฒ์ญ ๋ฐ ์ ๋ฆฌํ์์ต๋๋ค.
- Redux ๊ณต์ ๋ฌธ์ ์ธ์๋ ๋ค๋ฅธ ์๋ฃ๋ค์ ์ฐธ๊ณ ํ์ฌ ๋ด์ฉ์ ๋ณด๊ฐํ์์ต๋๋ค.
- Redux๋ ์ํ๋ฅผ ๊ด๋ฆฌํ ์ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก, ์ ํ๋ฆฌ์ผ์ด์ ์์ ์ํ๊ฐ ์ธ์ , ์ด๋์, ์, ์ด๋ป๊ฒ ์ ๋ฐ์ดํธ ๋์๋์ง ์ฝ๊ฒ ์ ์ ์๋๋ก ๋์์ค๋๋ค.
- React์์ ๋ณต์กํ ์ํ ๊ด๋ฆฌ๋ก ์ด๋ ค์์ ๊ฒช์ด ๊ณต๋ถ๋ฅผ ์งํํ๊ณ ์์ต๋๋ค.
- Redux ์์ํ๊ธฐ (Start Redux)
- Redux์ ๊ฐ์์ ๊ฐ๋ (Redux Overview and Concepts)
- Redux์ ์ฑ ๊ตฌ์กฐ (Redux App Structure)
- Redux์ ๋ฐ์ดํฐ ํ๋ฆ (Redux Data Flow)
- Redux ๋ฐ์ดํฐ ์ฌ์ฉํ๊ธฐ (Using Redux Data)
TypeScript
- ์ฑ
์ฝ๊ฒ ์์ํ๋ ํ์ ์คํฌ๋ฆฝํธ
์ TypeScript ๊ณต์ ๋ฌธ์๋ฅผ ๊ณต๋ถํ ๋ด์ฉ์ ์ ๋ฆฌํ์์ต๋๋ค. - TypeScript๋ JavaScript์ ํ์ ์ ๋ํ ์ธ์ด๋ก ์์ ์ฑ์ ๋ํด ์์์น ๋ชปํ ์ค๋ฅ๋ฅผ ์๋ฐฉํ๊ณ ์ฝ๋์ ๊ฐ๋ ์ฑ์ ๋์ฌ์ค๋๋ค.
- JavaScript์์ ๋ณ์๋ฅผ ์ฌ์ฉํ๊ฑฐ๋ ํจ์๋ฅผ ํธ์ถํ ๋ ํ์ ์ด ์์ด ์์ํ๋๋ก ์ฝ๋๋ฅผ ์์ฑํ์ง ๋ชปํ๋ ์ด๋ ค์์ ๊ฒช์ด ๊ณต๋ถ๋ฅผ ์งํํ๊ณ ์์ต๋๋ค.
- ํ์ ์คํฌ๋ฆฝํธ์ ์๊ฐ์ ๋ฐฐ๊ฒฝ (Introduction and background)
- ํ์ ์คํฌ๋ฆฝํธ์ ๊ธฐ์ด: ๋ณ์์ ํจ์์ ํ์ ์ ์ (Type definition for variable and function)
- ์ธํฐํ์ด์ค (Interface)
- ์ฐ์ฐ์๋ฅผ ์ฌ์ฉํ ํ์ ์ ์ (Type definition using operators)
- ํ์ ๋ณ์นญ (Type alias)
- ์ด๋ (Enum)
- ํด๋์ค (Class)
- ์ ๋ค๋ฆญ (Generic)
- ์ค์ต ํ๋ก์ ํธ: ์ ํ๋ฒํธ๋ถ ์ฑ (PhoneBook)
- ํ์ ์ถ๋ก (Type Interface)
- ํ์ ๋จ์ธ (Type assertion)
- ํ์ ๊ฐ๋ (Type guard)
- ํ์ ํธํ (Type compatibility)
- ํ์ ๋ชจ๋ (Type module)
- ์ ํธ๋ฆฌํฐ ํ์ (Utility type)
- ๋งต๋ ํ์ (Mapped type)