์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- ํ๋กํผํฐ ์ดํธ๋ฆฌ๋ทฐํธ
- ํ์ ๋ณํ๊ณผ๋จ์ถํ๊ฐ
- ๋คํธ์ํฌ ์ฐ๊ฒฐ๊ณผ ๊ตฌ์ฑ์์
- ํ๋ก ํธ์๋ ์ฑ๋ฅ ์ต์ ํ ๊ฐ์ด๋
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์ ๋๋ ์ดํฐ์ async/await
- ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ๊ณผ์
- ES6ํจ์ ์ถ๊ฐ๊ธฐ๋ฅ
- ์ค์ฝํ
- ๋น์ ๊ณต์ด์ง๋ง ๊ฐ๋ฐ์๋ก ๋จน๊ณ ์ฝ๋๋ค
- Set๊ณผ Map
- ๊ธฐ์ ์ปจํผ๋ฐ์ค
- ์ด๋ฏธ์ง ๊ฐค๋ฌ๋ฆฌ ์ต์ ํ
- ์ธํฐ๋ท ์ฅ๋น
- ๋ฅ๋ค์ด๋ธ
- var ์ฌ์ฉ๊ธ์ง
- ๋นํธ์ธ ๊ฐ์ฒด
- ์ฌ๋ฆผํฝ ํต๊ณ ์๋น์ค ์ต์ ํ
- Property Attribute
- ์ด๋ฒคํธ
- ๋ธ๋ก๊ทธ ์๋น์ค ์ต์ ํ
- ํ๋ก๊ทธ๋๋จธ์ค
- ๋์คํธ๋ญ์ฒ๋ง
- DOM
- ์์๊ฐ๊ณผ๊ฐ์ฒด์๋น๊ต
- ์ ์ญ๋ณ์์๋ฌธ์ ์
- Babel๊ณผ Webpack
- ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive
- ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ
- const
- Today
- Total
๋ชฉ๋ก์ ์ฒด ๊ธ (437)
JDevBlog
๊ฑฐ๋ถ์ด๊ฐ์ ๊ฐ๋ฐ์์ ์งํ ๊ณต๊ฐ Evans Library https://evan-moon.github.io/
CRA(create-react-app) + TypeScript ํ๊ฒฝ ๋น๋ ํผํฌ๋จผ์ค ์ต์ ํ https://hyperconnect.github.io/2020/12/14/typescript-build-optimization.html TOAST UI FE Guide https://ui.toast.com/fe-guide/ko ์นด์นด์คํ์ด์ง๋ BFF(Backend For Frontend)๋ฅผ ์ด๋ป๊ฒ ์ ์ฉํ์๊น? https://fe-developers.kakaoent.com/2022/220310-kakaopage-bff/
Repository ํ์ตํ ์ต์ ํ ๊ธฐ๋ฒ ์ด๋ฏธ์ง ์ง์ฐ ๋ก๋ฉ ์ด๋ฏธ์ง ์ง์ฐ ๋ก๋ฉ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ ์ฉ ๋ ์ด์์ ์ด๋ ํผํ๊ธฐ ํ๋ฉด์์ ์์ ๋ณํ๋ก ๋ ์์ด์์ด ๋ฐ๋ฆฌ๋ ํ์ ๋ฆฌ๋์ค ๋ ๋๋ง ์ต์ ํ ๋ณ๋ชฉ ์ฝ๋ ์ต์ ํ ๋ฉ๋ชจ์ด์ ์ด์ ์ ์ฉ ์ด๋ฏธ์ง ์ง์ฐ ๋ก๋ฉ react-lazyload๋ผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ด์ฉํ์ฌ ๋น ๋ฅด๊ฒ ์ด๋ฏธ์ง ์ง์ฐ ๋ก๋ฉ์ ์ ์ฉํด ๋ณผ ๊ฒ์ ๋๋ค. ์ผ๋ฐ ์ปดํฌ๋ํธ๋ ์ด ์์ ๋ฃ์ด ์ง์ฐ ๋ก๋ํ ์ ์๋ค๋ ๊ฒ์ ๋๋ค. ์ด๋ฏธ์ง๊ฐ ํ๋ฉด์ ๋ค์ด์ค๋ ์์ ๋ณด๋ค ์กฐ๊ธ ๋ ๋ฏธ๋ฆฌ ์ด๋ฏธ์ง๋ฅผ ๋ถ๋ฌ์ ํ๋ฉด์ ๋ค์ด์จ ์์ ์๋ ์ด๋ฏธ์ง๊ฐ ์ค๋น๋์ด ์๋๋ก ํด์ผ ํฉ๋๋ค. ๋คํํ react-lazyload ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์๋ ๊ทธ๋ ๊ฒ ํ ์ ์๋ ์ต์ ์ ์ ๊ณตํด ์ฃผ๋๋ฐ, ๋ฐ๋ก offset์ด๋ผ๋ ์ต์ ์ ๋๋ค. ์ด ์ต์ ์๋ ์ผ๋ง๋ ๋ฏธ๋ฆฌ ์ด๋ฏธ์ง๋ฅผ ๋ก๋ํ ์ง ํฝ์ ๊ฐ์ผ๋ก ๋ฃ์ด..
Repository ํ์ตํ ์ต์ ํ ๊ธฐ๋ฒ ์ด๋ฏธ์ง ์ง์ฐ ๋ก๋ฉ ์ด๋ฏธ์ง ์ฌ์ด์ฆ ์ต์ ํ ์๋ฒ์ ์ ์ฅ๋์ด ์๋ ์ ์ ์ด๋ฏธ์ง ์ต์ ํ ํฐํธ ์ต์ ํ ์ปค์คํ ํฐํธ ์ ์ฉ ์ต์ ํ ์บ์ ์ต์ ํ ๋ถํ์ํ CSS ์ ๊ฑฐ ์ฌ์ฉํ์ง ์๋ CSS ์ฝ๋ ์ ๊ฑฐ ์ด๋ฏธ์ง ์ง์ฐ ๋ก๋ฉ ๋คํธ์ํฌ๋ฅผ ํ์ธํ ๋๋ ๋ช ํํ ํ๋ฆ์ ํ์ ํ ์ ์๋๋ก ๋คํธ์ํฌ์ throttling์ ์ ์ฉํฉ๋๋ค. banner-video๋ ํ์ด์ง์์ ๊ฐ์ฅ ์ฒ์์ผ๋ก ์ฌ์ฉ์์๊ฒ ๋ณด์ด๋ ์ฝํ ์ธ ์ธ๋ฐ ๊ฐ์ฅ ๋์ค์ ๋ก๋๋๋ฉด, ์ฌ์ฉ์๊ฐ ์ฒซ ํ๋ฉด์์ ์๋ฌด๊ฒ๋ ๋ณด์ง ๋ชปํ ์ฑ๋ก ์ค๋ซ๋์ ๋จธ๋ฌผ๊ฒ ๋๋ฏ๋ก ์ฌ์ฉ์ ๊ฒฝํ์ ์ข์ง ์์ ๊ฒ๋๋ค. ๋์์์ ๋ค์ด๋ก๋๋ฅผ ๋ฐฉํดํ๋, ๋น์ฅ ์ฌ์ฉ๋์ง ์๋ ์ด๋ฏธ์ง๋ฅผ ๋์ค์ ๋ค์ด๋ก๋๋๋๋ก ํ์ฌ ๋์์์ด ๋จผ์ ๋ค์ด๋ก๋๋๊ฒ ํ๋ ๊ฒ์ ๋๋ค. ์ฆ, ์ด๋ฏธ์ง๋ฅผ ์ง์ฐ ๋ก๋ํ๋ ๊ฒ์ด์ฃ ...
Repository ํ์ตํ ์ต์ ํ ๊ธฐ๋ฒ CSS ์ ๋๋ฉ์ด์ ์ต์ ํ ์ปดํฌ๋ํธ ์ง์ฐ ๋ก๋ฉ ๋จ์ผ ์ปดํฌ๋ํธ ๋ถํ ์ปดํฌ๋ํธ ์ฌ์ ๋ก๋ฉ ์ด๋ฏธ์ง ์ฌ์ ๋ก๋ฉ ์ ๋๋ฉ์ด์ ์ต์ ํ ๋ฌธ์ ์ ์ ๋๋ฉ์ด์ ์ฐพ๊ธฐ ์ค๋ฌธ ํญ๋ชฉ์ ํด๋ฆญํ๋ฉด ํด๋น ์๋ต์ ๋ํด ํํฐ๋ง๋๊ณ ๋ง๋ ๊ทธ๋ํ์ ๋ฐฐ๊ฒฝ ์๊ณผ ๋ง๋์ ๊ฐ๋ก ๊ธธ์ด๊ฐ ๋ณํฉ๋๋ค. ๊ทธ๋ฐ๋ฐ ์ด ์ ๋๋ฉ์ด์ ์ ๊ณ์ ๋ณด๋ค ๋ณด๋ฉด ์ฝ๊ฐ ์ด์ํ๊ฒ ๋๊ปด์ง๋๋ค. ๋ง๋๊ฐ ๋์ด๋ ๋ ๋ถ๋๋ฝ๊ฒ ๋์ด๋์ง ์๊ณ ์ด๋๊ฐ ์ด์ง ๋๊ธฐ๋ ๋ฏํ ๋๋์ด ์์ต๋๋ค. ์ด๋ฐ ๋๊น ํ์์ ์ํฌ(jank) ๋ผ๊ณ ํฉ๋๋ค. ๋๋ผ์ง ๋ชปํ๋ค๋ฉด, ๊ฐ๋ฐ์ ๋๊ตฌ๋ฅผ ์ด๊ณ Performance ํจ๋์ CPU ์ค์ ์ 6x slowdown์ผ๋ก ์ค์ ํ๋ฉด ์ ๋๋ฉ์ด์ ์ด ๋๊ธฐ๋ ํ์์ ๋ ์ ํ์ธํ ์ ์์ต๋๋ค. ์ ๋๋ฉ์ด์ ์ ์๋ฆฌ ์ผ๋ฐ์ ์ผ๋ก ์ฌ์ฉํ๋ ๋์คํ๋ ์ด์ ์ฃผ์ฌ์จ..
๊ฐ๋ฐ์๋ ๋๋์ฒด ๋ฌด์จ ์ผ์ ํ๋ ์ฌ๋์ธ๊ฐ์? ๊ฐ๋ฐ์๋ ์ฌ๋ฌ๋ถ์ด ์ฌ์ฉํ๋ ํ๋ก๊ทธ๋จ๋ค์ ์ค๊ณํ๊ณ , ์ค๊ณ๋๋ฅผ ์ค์ ์๋ํ๋ ์ ํ์ผ๋ก ๊ตฌํํด๋ด๋ ์ฌ๋๋ค์ ๋๋ค. ์ปดํจํฐ๋ก ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํ ๋ ผ๋ฆฌ์ ์ธ ํด๋ฒ์ ์ ์ํ๊ณ , ์ด๋ฅผ ์ค๊ณํ๊ณ ์ค์ ๋ก ์ํํด๋ณด๊ธฐ๋ ํฉ๋๋ค. ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ํตํด ์ฌ๋๊ณผ ๊ธฐ๊ณ๊ฐ ์ํตํ ์ ์๊ฒ ํด์ฃผ๋ ํต์ญ์ฌ์ด์, ๋ป๋๋ก ์ปดํจํฐ๋ฅผ ์์ง์ผ ์ ์๊ฒ ํ๋ ์ค๊ณ์์ด๊ธฐ๋ ํ๊ณ , ์ด ์ ์ฒด ๊ณผ์ ์ ์กฐ์จํ๋ ๊ด๋ฆฌ์์ด๊ธฐ๋ ํฉ๋๋ค. ๊ฐ๋ฐ์์ ํน์ฑ ๋น์ทํ ๋งฅ๋ฝ์์ ์ฑ์ทจ๊ฐ์ ์์ฃผ ๋ ธ์ถ๋ ์๋ก ๊ฐ๋ฐ์์ ํผํฌ๋จผ์ค๊ฐ ์ข์์ง๋ ํธ์ ๋๋ค. ๋ง์ฝ ๊ฐ๋ฐ์ ๋๋ฃ์ ํจ๊ป ์ผํด์ผ ํ๋ ์ํฉ์ด๋ผ๋ฉด ํ๋ก์ ํธ์ ๋ชฉํ๋ฅผ ์๊ฒ ์ชผ๊ฐ์ด ํ๋์ฉ ๊ฐ๊ฐ๊ฒฉํํด ๋๊ฐ๋ ํํ๋ก ํ์ ํ๋ฉด ์ข์ ์ฑ๊ณผ๊ฐ ๋์ฌ ๊ฒ์ ๋๋ค. ๊ฐ๋ฐ์๋ ํญ์ ๊ณต๋ถํด์ผ๋ง ์ด์๋จ์ ์ ์..
ํฌ๋กฌ, ์ฌํ๋ฆฌ, ํ์ด์ดํญ์ค, ์ฃ์ง ๊ฐ์ ์๋ฒ๊ทธ๋ฆฐ ๋ธ๋ผ์ฐ์ _evergreen browser 1์ ES6 ์ง์์จ์ ์ฝ 98%๋ก ๊ฑฐ์ ๋๋ถ๋ถ์ ES6 ์ฌ์์ ์ง์ํ๋ค. ES6+์ ES.NEXT์ ์ต์ ECMAScript ์ฌ์์ ์ฌ์ฉํ์ฌ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ ค๋ฉด ์ต์ ์ฌ์์ผ๋ก ์์ฑ๋ ์ฝ๋๋ฅผ ๊ฒฝ์ฐ์ ๋ฐ๋ผ IE๋ฅผ ํฌํจํ ๊ตฌํ ๋ธ๋ผ์ฐ์ ์์ ๋ฌธ์ ์์ด ๋์์ํค๊ธฐ ์ํ ๊ฐ๋ฐ ํ๊ฒฝ์ ๊ตฌ์ถํ๋ ๊ฒ์ด ํ์ํ๋ค. ๋ํ ๋๋ถ๋ถ์ ํ๋ก์ ํธ๊ฐ ๋ชจ๋์ ์ฌ์ฉํ๋ฏ๋ก ๋ชจ๋ ๋ก๋๋ ํ์ํ๋ค. ES6 ๋ชจ๋(ESM) ์ ๋๋ถ๋ถ์ ๋ชจ๋ ๋ธ๋ผ์ฐ์ (Chrome 61, FF 60, SF 10.1, Edge 16 ์ด์)์์ ์ฌ์ฉํ ์ ์๋ค. ํ์ง๋ง ๋ค์๊ณผ ๊ฐ์ ์ด์ ๋ก ์์ง๊น์ง๋ ESM๋ณด๋ค๋ ๋ณ๋์ ๋ชจ๋ ๋ก๋๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด ์ผ๋ฐ์ ์ด๋ค. IE๋ฅผ ํฌํจํ ๊ตฌํ ..
48.1 ๋ชจ๋์ ์ผ๋ฐ์ ์๋ฏธ ๋ชจ๋_module ์ด๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ฑํ๋ ๊ฐ๋ณ์ ์์๋ก์ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ฝ๋ ์กฐ๊ฐ์ ๋งํ๋ค. ๋ชจ๋์ด ์ฑ๋ฆฝํ๋ ค๋ฉด ๋ชจ๋์ ์์ ๋ง์ ํ์ผ ์ค์ฝํ(๋ชจ๋ ์ค์ฝํ)๋ฅผ ๊ฐ์ง ์ ์์ด์ผ ํ๋ค. ์์ ๋ง์ ํ์ผ ์ค์ฝํ๋ฅผ ๊ฐ๋ ๋ชจ๋์ ์์ฐ(๋ชจ๋์ ํฌํจ๋์ด ์๋ ๋ณ์, ํจ์, ๊ฐ์ฒด ๋ฑ)์ ๊ธฐ๋ณธ์ ์ผ๋ก ๋น๊ณต๊ฐ ์ํ๋ค. ๋ค์ ๋งํด, ์์ ๋ง์ ํ์ผ ์ค์ฝํ๋ฅผ ๊ฐ๋ ๋ชจ๋์ ๋ชจ๋ ์์ฐ์ ์บก์ํ๋์ด ๋ค๋ฅธ ๋ชจ๋์์ ์ ๊ทผํ ์ ์๋ค. ์ฆ, ๋ชจ๋์ ๊ฐ๋ณ์ ์กด์ฌ๋ก์ ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ๋ถ๋ฆฌ๋์ด ์กด์ฌํ๋ค. ๋ชจ๋์ ๊ณต๊ฐ๊ฐ ํ์ํ ์์ฐ์ ํ์ ํ์ฌ ๋ช ์์ ์ผ๋ก ์ ํ์ ๊ณต๊ฐ๊ฐ ๊ฐ๋ฅํ๋ค. ์ด๋ฅผ export๋ผ ํ๋ค. ๋ชจ๋ ์ฌ์ฉ์๋ ๋ชจ๋์ด ๊ณต๊ฐ_export ํ ์์ฐ ์ค ์ผ๋ถ ๋๋ ์ ์ฒด๋ฅผ ์ ํํด ์์ ์ ์ค์ฝํ ๋ด๋ก ๋ถ๋ฌ๋ค์ฌ ์ฌ์ฌ์ฉํ ์..