- ๋ค์ ํ ๋ฒ ๋ฆฌ๋ง์ธ๋ฉํ๊ธฐ
๐ ์๋ฐ์คํฌ๋ฆฝํธ ํบ์๋ณด๊ธฐ 1 (JS์ ํน์ง๋ค...)
๐ ์๋ฐ์คํฌ๋ฆฝํธ ํบ์๋ณด๊ธฐ 2 (๋ณ์์ ๋ํ ๋ชจ๋ ๊ฒ)
๐ ์๋ฐ์คํฌ๋ฆฝํธ ํบ์๋ณด๊ธฐ 3 (์ฐ์ฐ์)
๐ ์๋ฐ์คํฌ๋ฆฝํธ ํบ์๋ณด๊ธฐ 4 (์ ์ด๋ฌธ)
๐ ์๋ฐ์คํฌ๋ฆฝํธ ํบ์๋ณด๊ธฐ 5 (ํจ์)
๐ ์๋ฐ์คํฌ๋ฆฝํธ ํน์ง 6 (๊ฐ์ฒด๋? / ์์ฑ์ ํจ์ / ๊ฐ์ฒด ๋ฆฌํฐ๋ด)
๐ค ์๋ฐ์คํฌ๋ฆฝํธ ํน์ง 7 (ํด๋์ค)
๐ป ์๋ฐ์คํฌ๋ฆฝํธ ํน์ง 8 (๋ฐฐ์ด / ๊ณ ์ฐจํจ์)
๐ด ์๋ฐ์คํฌ๋ฆฝํธ ํน์ง 9 (์ดํฐ๋ฌ๋ธ๊ณผ ์ ๋๋ ์ดํฐ)
๐จ ์๋ฐ์คํฌ๋ฆฝํธ ํน์ง 10 (Map๊ณผ Set)
๐ ์๋ฐ์คํฌ๋ฆฝํธ ํน์ง 11 (์ฐ์ฐ์)
๐งฉ ์๋ฐ์คํฌ๋ฆฝํธ์ ํน์ง 12 (์ฃผ์, ์๋ฌ์ฒ๋ฆฌ, ๋ชจ๋ํ)
๐ ์๋ฐ์คํฌ๋ฆฝํธ ํน์ง 13 (๋น๋๊ธฐ)
๐ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฉด์ ๋จ๊ณจ ๊ฐ๋
๋ค 2 (ํ๋กํ ํ์
)
๐ถ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฉด์ ๋จ๊ณจ ๊ฐ๋
๋ค 3 (ํด๋ก์ ธ)
๐ฉ๐ปโ๐ป ์๋ฐ์คํฌ๋ฆฝํธ ๋ฉด์ ๋จ๊ณจ ๊ฐ๋
๋ค 4 (This)
๐๐ปโโ๏ธ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฉด์ ๋จ๊ณจ ๊ฐ๋
๋ค 5 (๋ฐ๋ฒจ)
โญ๏ธ [๋ธ๋ผ์ฐ์ ] Web APIs (window)
๐ข HTTP ๊ฐ๋
์์๊ฐ๊ธฐ : IP ํ๋กํ ์ฝ์ ํ๊ณ
๐ข HTTP ๊ฐ๋
์์๊ฐ๊ธฐ (2) : PORT ์ DNS
๐ฟ ์๋ฃ๊ตฌ์กฐ ๊ฐ๋
์ ๋ฆฌ (1) ์๊ฐ๋ณต์ก๋, ๋น
์ค ํ๊ธฐ๋ฒ, ๋ฐฐ์ด, ์ฐ๊ฒฐ๋ฆฌ์คํธ
๐ฟ ์๋ฃ๊ตฌ์กฐ ๊ฐ๋
์ ๋ฆฌ (2) ์คํ, ํ, ๋ฑ, ํด์ํ
์ด๋ธ, ์
์ค๋ฌด์์ ๋ง์ฃผํ๋ ์ด์๋ค์ ์ด๋ป๊ฒ ํด๊ฒฐ ํ๋์ง์ ๊ฒฝํ ์ ๋ฌ๋ ํฌ์ธํธ์ ๋ํด ๊ธฐ๋กํฉ๋๋ค.
๐[JS] User Agent ๋ธ๋ผ์ฐ์ ์ ๋ณด ์ป๊ธฐ
๐์ซ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ bigNumber. js ์ฌ์ฉ๋ฒ
๐[iOS] scorll smooth ๋นํ์
๐ฒ ํ
์คํธํฐ ๋๋ฒ๊น
ํ๋ ๋ฐฉ๋ฒ
โจ ์ธ๊ธฐ TOP 10 ์ฝ์ธ ์๋ ์ฌ๋ผ์ด๋ ๋ชจ์
์ ํธ๋ ์ด๋ ์คํ (Trade-Off) ๊ธฐ๋ก
๐ useRef element (์์) ์ก์ ๊ฒฝ์ฐ
๐ฉ ์๋น์ค ๋ฉ์ธ์์ ํดํ (๋งํ์ ) ๋์ฐ๋ฉด์ ๋ฐฐ์ด์
๐ ๋คํฌ๋ชจ๋ ๊ตฌํ์ ์์์ผ ํ ์ง์๋ค
๐ ๊ฒ์ ๊ตฌํ ํ๋ฉด์ ๋๋์
๐ ์์๋ณต์ฌ ๊น์๋ณต์ฌ ๊ฐ๋
๐ ๋ฆฌ์กํธ hooks ์ข์ ์ฝ๋ ์์ฑ ๋ฐฉ์
๐ป IntelliJ + git (์ปค๋ฐ๋ด์ญ ๋๋ฆฌ๊ธฐ, ๋ธ๋ฐ์น ์ฒดํฌ์์)
๐ฉ๐ปโ๐ค Hooks ์ข
๋ฅ์ ๋ฐ๋ฅธ ์ฌ์ฉ์ค๋ช
๋ฒ
๐ ๊ฐ๋ฐํ ๋ ๋์๋๋ ๊ฒ์๊ธ (React, JS)
๐ ๋ฆฌ์กํธ CRA ์์์ ํซ๋ฆฌ๋ก๋ ์ค์
๋ก์ปฌ์์ ๊ธฐ๋ณธ๊ฐ์ผ๋ก ์ฌ์ฉํ git ์ฌ์ฉ์ ์ด๋ฆ๊ณผ ์ด๋ฉ์ผ ์ค์ (global ์ต์
)
(React) ํด๋น ์์น(URL)์ ์ ๊ทผ ๋ผ์์ ์์๋ง ์ ์ฉ ํ์
โ๏ธ ํฌ๋กฌ(Chrome) ๋๋ฒ๊ทธ ๋จนํต์ ํด๊ฒฐ๋ฐฉ๋ฒ
๐น [IntelliJ] ํด๋ ์ ๋ณด์ด๊ณ ํ์ผ๋ง ๋ณด์ด๋ ๋ฒ๊ทธ ํด๊ฒฐ ๋ฐฉ๋ฒ
๐
datePicker ์ฌ์ฉ์ ์ค๋ ๋ ์ง ์ดํ, ๋ฏธ๋ ๋ ์ง disable ์ฒ๋ฆฌ
๐ [JS]์ซ์ ๊ฐ๊ณ ๋์๋ณด์. ์์์ ๋ฐ์ฌ๋ฆผํ๋ ๋ฐฉ๋ฒ ๋ฑ๋ฑ ์ธ
๐ง [React] react-moment, moment.js ์ฌ์ฉํ์ฌ ์ค์๊ฐ์ผ๋ก ๋ณ๊ฒฝ๋๋ ์๊ฐ
๐คต๐ปโโ๏ธ ๋ฐฐํฌ๋ฅผ ์ํ ๊ณผ์ ๋ค (env... build...)
๐ค Lodash (๋ฐฐ์ด์์ ๊ฐ์ฒด๋ค์ ํธ๋ค๋งํ๊ธฐ ์ข์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ)
โ ๏ธ react ๋ฐ๋ณต๋ฌธ For๋ก JSX ๋ฆฌํดํ๊ธฐ
๐คฒ Recoil ์ฌ์ฉ๋ฒ (index ์์
์ ์ ์ฉํด๋ณด๋ฉด์ ๋๋์ ๋ฑ๋ฑ..)
๐ฉ ๋ฆฌ์กํธ ํด๋ง Polling ํ๋ ๋ฐฉ๋ฒ !
๐ [์ธํ
๋ฆฌ์ ์ด] Prettier ์ ์ฉํ๊ธฐ (์ ์ฅํ๋ฉด ์๋์ผ๋ก ์ด์๊ฒ ์ ๋ ฌ)
โ๏ธ HTTP ์ฃผ๋ก ๋ฐ์๋๋ ์๋ฌ์ฝ๋
๐ฟ ์คํฌ๋กค ๋กค๋ง ์ฌ๋ผ์ด๋ ๊ตฌํํ๊ธฐ
๐ ๋ชจ๋ฐ์ผ์ผ ๋ ํ
์คํธ ๊ธด๊ฑฐ ... ์ฒ๋ฆฌ
โ๏ธ react์์ innerHTML ์ฌ์ฉํ๊ธฐ
โญ๏ธ ํด๋น ๊ฒ์๊ธ ํด๋ฆญ ์ ํ๋ผ๋ฏธํฐ id ๊ฐ์ ๋ง์ถฐ ์ฝํ
์ธ ๋งตํ๋๊ธฐ
โค๏ธโ๐ฅ ๋ก์ปฌ์คํ ๋ฆฌ์ง window.localStorage
๐ React JSX ์ ์ฒจ๋ถ ํ์ผ ๋ค์ด๋ก๋ ํ๊ธฐ
๐ ๋งํฌ ๋ณต์ฌํ๊ธฐ ๊ตฌํํ๊ธฐ
โค๏ธโ๐ฉน SNS ์์
๊ณต์ ํ๊ธฐ ์์
ํ๊ธฐ
๐งโโ๏ธ Kakao ์์
์ฐ๋ API ์์
ํ ๋
๐ฃ ๋ฐ์ดํฐ๊ฐ proxy ํํ๋ก ๊ฐ์ด ์ถ๋ ฅ ๋ ๊ฒฝ์ฐ toJS()
๐คฆ๐ปโโ๏ธ ์๋ฒ ์ฃฝ์๋์ง ์ด์๋์ง ํ์ธํ๋ ๋ฐฉ๋ฒ
๐ป ๋ฆฌ๋
์ค ์ ์ฉํ ํฐ๋ฏธ๋ ๋ช
๋ น์ด
๐ก ์ ๋๊ฒฝ๋ก ../../ ์ด๋ฐ๊ฑฐ ์์ด ๋๋ ํ ๋ฆฌ ๊ฒฝ๋ก ๊น๋ํ๊ฒํ๊ธฐ
git ์ ์ฉํ ๋ช
๋ น์ด ๋ชจ์์ง
๐ ๋ฐ์ดํฐ fetching์ config ํ๋ผ๋ฏธํฐ ๊ฐ ๋ถ๋ฌ์ฌ ๋
๐ค ๋ ๋๋ง ํ DOM๋
ธ๋์ dangerouslySetInnerHTML ํ๊ทธ ์ฌ์ฉ์ purify ์ฌ์ฉํ์
๐ HTML ์ด๋ฉ์ผ ํ
ํ๋ฆฟ ํผ ์์
์ ์ ์์ฌํญ