๐จ Google signin ๋ฒํผ ๋ ๋๋ง ์ด์
React 18 production mode์ Strict Mode์์ ์ปดํฌ๋ํธ์ ์์์ฑ์ ๊ฒ์ฌํ๊ธฐ ์ํด useEffect๋ฅผ ๋ ๋ฒ ์คํํ๋ค.
React Query useQuery, ๊ฒ์๊ฒฐ๊ณผ ์บ์ฑํ๊ธฐ
๐ฅ react study Duckparta
Routing (Server-side , Client-side)
Flux pattern, redux-thunk, redux-toolkit (configureStore, createAction, createReducer, createSlice)
Redux ์ค์น, action type, action creator, combineReducer, store ์์ฑ, Reducer ์ ์ฉ
๋ก๊ทธ์ธ, ๋๊ธ ๊ธฐ๋ฅ ๊ตฌํํ๊ธฐ (localStorage, Recoil useSetRecoilState, useRecoilValue) ๐จ Warning: Maximum update depth exceeded.
Node.js์ non-blocking I/O, single thread, ์ด๋ฒคํธ ๋ฃจํ
๐จ Support for the experimental syntax 'jsx' isn't currently enabled
ํจ์ ์ ์ธ์ vs ํจ์ ์ ์ธ์ vs ํ์ดํ ํจ์, ํ์ดํ ํจ์์ this, ESmodules (import, export), ํด์ฆ + ์ค๋ต๋ ธํธ
โ๏ธ var vs let vs const, lexical scope, Object.entries, computed property name
create-react-app ์์ด ๊ฐ๋ฐํ๊ฒฝ ์ค์ ํ๊ธฐ, Babel plugin, preset, Webpack
โ๏ธ html ์์ ์ธ๋ผ์ธ onClick ์์ฑ์ผ๋ก ์ด๋ฒคํธ ์ฒ๋ฆฌํ๊ธฐ, useState๋ก ์ํ ๊ด๋ฆฌํ๊ธฐ
โ๏ธ ๋ฌธ์์ด S๊ฐ ์ฃผ์ด์ก์ ๋, ์ง์ง์ด ์ ๊ฑฐํ๊ธฐ๋ฅผ ์ฑ๊ณต์ ์ผ๋ก ์ํํ ์ ์๋์ง ๋ฐํํ๋ ํจ์๋ฅผ ์์ฑํด ์ฃผ์ธ์. ์ฑ๊ณต์ ์ผ๋ก ์ํํ ์ ์์ผ๋ฉด 1์, ์๋ ๊ฒฝ์ฐ 0์ ๋ฆฌํดํด์ฃผ๋ฉด ๋ฉ๋๋ค.
โ๏ธ setInterval ์ค๋ณต์ ๋ฐฉ์งํ๊ธฐ ์ํด์ ์ ํํ๊ฒ ํ ๋ณ์์ setInterval์ ์ ์ํ๊ณ ์ด ๋ณ์๋ฅผ clearIntervalํด์ค์ผํ๋ค.
โ๏ธ s๊ฐ "1"์ด ๋ ๋๊น์ง ๊ณ์ํด์ s์ ์ด์ง ๋ณํ์ ๊ฐํ์ ๋, ์ด์ง ๋ณํ์ ํ์์ ๋ณํ ๊ณผ์ ์์ ์ ๊ฑฐ๋ ๋ชจ๋ 0์ ๊ฐ์๋ฅผ ๊ฐ๊ฐ ๋ฐฐ์ด์ ๋ด์ return ํ๋๋ก solution ํจ์๋ฅผ ์์ฑํด์ฃผ์ธ์.
โ๏ธ ๋จผ์ ๋ฐฐํฌ๋์ด์ผ ํ๋ ์์๋๋ก ์์ ์ ์ง๋๊ฐ ์ ํ ์ ์ ๋ฐฐ์ด progresses์ ๊ฐ ์์ ์ ๊ฐ๋ฐ ์๋๊ฐ ์ ํ ์ ์ ๋ฐฐ์ด speeds๊ฐ ์ฃผ์ด์ง ๋ ๊ฐ ๋ฐฐํฌ๋ง๋ค ๋ช ๊ฐ์ ๊ธฐ๋ฅ์ด ๋ฐฐํฌ๋๋์ง๋ฅผ return ํ๋๋ก solution ํจ์๋ฅผ ์์ฑํ์ธ์.
โ๏ธ 2 ์ด์์ n์ด ์ ๋ ฅ๋์์ ๋, n๋ฒ์งธ ํผ๋ณด๋์น ์๋ฅผ 1234567์ผ๋ก ๋๋ ๋๋จธ์ง๋ฅผ ๋ฆฌํดํ๋ ํจ์, solution์ ์์ฑํด ์ฃผ์ธ์.
โ๏ธ ๋ฌธ์์ด s๊ฐ ์ฃผ์ด์ก์ ๋, s๋ฅผ JadenCase๋ก ๋ฐ๊พผ ๋ฌธ์์ด์ ๋ฆฌํดํ๋ ํจ์, solution์ ์์ฑํด์ฃผ์ธ์.