๐ชช ํ ๋ฌ ์ธํด
1.VS Code ๋ช ๋ น์ด ๋จ์ถํค
VS Code ๋ช ๋ น์ด ๋จ์ถํค https://demun.github.io/vscode-tutorial/shortcuts/
2.svg ์์์ div ํ ์คํธ ์์ฑ
svg ์์์ div ํ ์คํธ ์์ฑSVG text ์์๋ง ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ (์ถ์ฒ):jsxCopyreturn ( <svg width="100%" height="100%" viewBox="0 0 600 600" fill="none" xmlns
3.Toast UI vs Radix UI
์ฝ๋๋ฅผ ์ ๋ง ๊ฐ๋ณ๊ฒ ์ฐ๋จนํ๋ ค๊ณ ์ฝ๋ ์ค์ธ๋ฐ,toast์ radix๋ฅผ ์ฌ์ฉ๋ ๋ถ๋ถ์ด ๋ค๋ฅธ ๊ฒ์ ๋ฐ๊ฒฌํ๊ณ ๋ ์ฌ์ด์ ์ด๋ค ์ฐจ์ด๊ฐ ์์ผ๋ฉฐ ์ด๋ค ์ด์ ์์ ๋ค๋ฅด๊ฒ ์ฌ์ฉ๋๋์ง ๊ถ๊ธํด์ก๋ค.์ฌ์ฉ์์๊ฒ ์ผ์์ ์ธ ์๋ฆผ์ ๋ณด์ฌ์ค ๋ ์ฌ์ฉํ๋ค.ํ๋ฉด ์๋จ์ด๋ ํ๋จ์ ์ ๊น ๋ํ๋ฌ๋ค๊ฐ ์๋์ผ๋ก ์ฌ
4.push ์ค๋ฅ
error: RPC failed; HTTP 400 curl 22 The requested URL returned error: 400: HTTP 400 ์๋ฌ๊ฐ ๋ฐ์ํ์ต๋๋ค.fatal: the remote end hung up unexpectedly: ์๊ฒฉ ์๋ฒ์์ ์ฐ๊ฒฐ์ด
5.Tailwind, HTML, CSS
6.NewBadgeType, forwardRef
๋ถ๋ชจ ์ปดํฌ๋ํธ์์ ์์ ์ปดํฌ๋ํธ์ ref๋ฅผ ์ง์ ์ ๊ทผํ ์ ์๋๋ก ๋์์ฃผ๋ React์ ๊ธฐ๋ฅ.์ฌ๊ธฐ์ NewBadgeType1์ forwardRef๋ก ๊ฐ์ธ์ ธ ์์ด์ ์ธ๋ถ์์ ref๋ฅผ ๋ฐ์์ฌ ์ ์์.์๋ง ์ด ์ปดํฌ๋ํธ๊ฐ ์ธ๋ถ์์ ref๋ฅผ ํตํด ํน์ ์์๋ฅผ ์กฐ์ํ ํ์๊ฐ ์
7.Google Translate, removeChild, Node ์๋ฌ
Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.GoogleTranslate๋ ๋ฆฌ์กํธ DOM์ ํ ์คํธ ๋ ธ๋๋ฅผ ์ฐพ์์ ๋ค
8.SEO ๊ฐ์
Head ํ๊ทธ๋ Metadata API: Next.js ๋ฒ์ ์ ๋ฐ๋ผ ๊ด๋ จ ์ค์ ์ด ์ฌ๋ฐ๋ฅด๊ฒ ๋์ด ์๋์ง ํ์ธNext.js 12 ์ดํ: pages/\_app.js์ <Head> ํ๊ทธNext.js 13 ์ด์: app/layout.js ๋๋ ํ์ด์ง๋ณ metadata ๊ฐ์ฒด