- ์ ์ฒด๋ณด๊ธฐ(144)
- React(10)
- CSS(10)
- UI(9)
- ux(9)
- UIUX(8)
- ๋ถ์คํธ์บ ํ(4)
- ์ฑ๋ฆฐ์ง(4)
- html(4)
- ๋ค์ด๋ฒ(4)
- ํ ์ดํ๋ก์ ํธ(3)
- ๋์์ธ(3)
- ํ๋ก์ ํธ(2)
- node.js(2)
- typescript(2)
- ๋ฉ์์ด์ฌ์์ฒ๋ผ(2)
- Node(2)
- 2021(2)
- media query(2)
- ์ฝ๋ฉํ ์คํธ(2)
- SMACSS(1)
- ์คํ๋ฆฐํธ(1)
- ๋ฆฌ์กํธ(1)
- transform(1)
- ๋ฒจ๋ก๊ทธ ํด๋ก ์ฝ๋ฉ(1)
- ๋ชจ๋(1)
- OOCSS(1)
- React.FC(1)
- ๋ธ๋ผ์ฐ์ (1)
- velog(1)
- TDD(1)
- ํ๋ก ํธ์๋(1)
- useState(1)
- python(1)
- js(1)
- ๋ชจ๋์์คํ (1)
- Flex(1)
- tailwind(1)
- webpack(1)
- Backend(1)
- ๊ฐ์๋ฐ์๋ณด(1)
- font family(1)
- jsx.element(1)
- bootstrap(1)
- z-index(1)
- CSS in JS(1)
- interface(1)
- font ์ต์ ํ(1)
- useRef(1)
- styled components(1)
- ๋ฏธ๋์ด์ฟผ๋ฆฌ(1)
- ๋ ๋๋ง(1)
- font(1)
- type(1)
- transition(1)
- jest(1)
- user-snippet(1)
- components(1)
- htmlcss(1)
- JSX(1)
- react.js(1)
- IR(1)
- Props(1)
- ๋ธ๋ผ์ฐ์ ๋ ๋๋ง(1)
- grid(1)
- algorithm(1)
- emmet(1)
- test(1)
- ์ต์ ํ(1)
- nextjs(1)
- scss(1)
- ํ๊ณ (1)
- css-in-css(1)
- web(1)
- BEM(1)
- ๋ฉ๋ชจ๋ฆฌ๊ตฌ์กฐ(1)
- htmltag(1)
- Elements(1)
- ubuntu(1)
- linux(1)
next.js์ rewrite์ redirect
tldr; ์ ์ ๊ฐ ์ด๋ค path๋ก ์ ๊ทผํ๋ ๊ฒฝ์ฐ, ํน์ ์ฌ์ดํธ๋ก ์ฎ๊ฒจ์ฃผ๋ next ์์ฒด ๊ธฐ๋ฅ 2๊ฐ์ง
log log ํ๋ก์ ํธ ) ํ๋ก์ ํธ ์ค๋ช
2022 ํ๊ณ ์ํ์ค๋์??
loglog ํ๋ก์ ํธ ) 3. tinycolor2
์ฌ๋ฌ ํ์ ์ ์ปฌ๋ฌ๋ฅผ ๋ค์ํ๊ฒ ๋ณํ ๋ฐ ํ์ฉํ ์ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
loglog ํ๋ก์ ํธ ) 2. html2canvas
์น์ ํน์ ์ปดํฌ๋ํธ๋ฅผ canvas ํํ๋ก ๋ณ๊ฒฝํ๊ณ ์ถ์ ๋ ์ฌ์ฉํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
loglog ํ๋ก์ ํธ ) 1. react-grid-layout
๊ทธ๋ฆฌ๋๋ฅผ ๋ ์ด์์์์ scalable ํ๊ฒ ์ฌ์ฉํ๊ณ ์ถ์ ๋ ์ฌ์ฉํ ์ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ ) 7. ๋น์ฆ๋์ค ์ธ๊ณ์ ๋์์ธ
๋๋๋ ๋ ธ๋จผ์ ๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ (๋โผ๏ธ)
๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ ) 6. ๋์์ธ ์๊ฐํ๊ธฐ
๋๋๋ ๋ ธ๋จผ์ ๋์์ธ๊ณผ ์ธ๊ฐ ์ฌ๋ฆฌ
๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ ) 5. ์ธ๊ฐ ์ค๋ฅ? ์๋, ๋์ ๋์์ธ (2)
๋๋๋ ๋ ธ๋จผ์ ๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ
๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ ) 5. ์ธ๊ฐ ์ค๋ฅ? ์๋, ๋์ ๋์์ธ (1)
๋๋๋ ๋ ธ๋จผ์ ๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ
๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ ) 4. ํ ์ผ ์๊ธฐ : ์ ์ฝ, ๋ฐ๊ฒฌ ๊ฐ๋ฅ์ฑ, ํผ๋๋ฐฑ
๋๋๋ ๋ ธ๋จผ์ ๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ
๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ ) 3. ๋จธ๋ฆฟ์์ ์ง์๊ณผ ์ธ์์์ ์ง์
๋๋๋ ๋ ธ๋จผ์ ๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ
๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ ) 2. ์ผ์ ํ์์ ์ฌ๋ฆฌํ (2)
๋๋๋ ๋ ธ๋จผ์ ๋์์ธ๊ณผ ์ธ๊ฐ ์ฌ๋ฆฌ
๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ ) 2. ์ผ์ ํ์์ ์ฌ๋ฆฌํ (1)
๋๋๋ ๋ ธ๋จผ์ ๋์์ธ๊ณผ ์ธ๊ฐ ์ฌ๋ฆฌ
๋์์ธ๊ณผ ์ธ๊ฐ์ฌ๋ฆฌ ) 1. ์ํ์ฉํ์ ์ ์ ๋ณ๋ฆฌํ
๋๋๋ ๋ ธ๋จผ์ ๋์์ธ๊ณผ ์ธ๊ฐ ์ฌ๋ฆฌ
HTTP ์๋ฒฝ๊ฐ์ด๋ : HTTP ๊ฐ๊ด
HTTP๋ ์ ๋ขฐ์ฑ ์๋ ๋ฐ์ดํฐ ์ ์ก ํ๋กํ ์ฝ(TCP/IP)์ ์ฌ์ฉโ ์ ์ก ์ค ๋ฐ์ดํฐ๊ฐ ์์๋๊ฑฐ๋ ์๊ณก๋๋ ์ผ์ด ์์์น ์๋ฒ(HTTP ์๋ฒ)๋ HTTP ํ๋กํ ์ฝ๋ก ์์ฌ์ํต์ธํฐ๋ท์ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅHTTP ํด๋ผ์ด์ธํธ๊ฐ ์์ฒญํ ๋ฐ์ดํฐ๋ฅผ ์ ๊ณต์๋ฅผ ๋ค์ด \[www.naver.com
forwardRef
Ref๋ฅผ ์์ ์์์๊ฒ ์ ๋ฌํ๊ณ ์ถ์ ๋ ์ฌ์ฉํ๋ ๊ธฐ๋ฒ
Jotai ๊ธฐ๋ณธ ๊ฐ๋ ์ตํ๊ธฐ
์ถ๊ฐ ๋ฆฌ๋ ๋๋ง ์์, ๋ฆฌ์กํธ์ ์ํ ์ํ, ๊ทธ๋ฆฌ๊ณ ์์คํ์ค์ ๋ณ๋ ฌ ๊ธฐ๋ฅ๋ค์ ์ฅ์ ๋ค์ ๋ชจ๋ ์ทจํ ์ ์๊ณ , ์ฌํํ react.useState ๋์ฒด์ฌ๋ถํฐ ๋ณต์กํ ์๊ตฌ์ฌํญ์ ๊ฐ์ง ํฐ ์ค์ผ์ผ์ ์ ํ๋ฆฌ์ผ์ด์ ๊น์ง ์ปค๋ฒ ๊ฐ๋ฅํ ๐Jotai๐