- Today
- Total
๋ชฉ๋ก์ ์ฒด ๊ธ (350)
DATA101

๐ ํ ์คํธ์ฉ ์ซ์ 100์กฐ๋ฅผ ์ค๋นํด ๋ดค์ต๋๋ค. let testNum = 100000000000000; ์ซ์ํ ๋ณ์๋ฅผ ์ฝ๋ ๋งจ ์์ ์ ๋ ฅํด ์ค๋๋ค. [Number].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') โ ์คํ ๊ฒฐ๊ณผ ์๋์ ๊ฐ์ด ์ ์์ ์ผ๋ก ์ฝค๋ง๋ฅผ ๋ถ์ฌ์ค ๊ฒ์ ํ์ธํ์ค ์ ์์ต๋๋ค. ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์์ ๊ฒฝ์ฐ ๋๊ธ ๋จ๊ฒจ์ฃผ์๋ฉด ๊ฐ์ฌ๋๋ฆฌ๊ฒ ์ต๋๋ค. ๊ทธ๋ผ ์ค๋๋ ํ๋ณตํ ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค๐ ๊ณ ๋ง์ต๋๋ค.

๐ branch ์ญ์ ๋ฐฉ๋ฒ ํฐ๋ฏธ๋์์ ์๋์ ๊ฐ์ ๋ช ๋ น์ด์ ํจ๊ป, ์ญ์ ํ branch ์ด๋ฆ์ ์ ๋ ฅํด ์ค๋๋ค. git branch -d [์ญ์ ํ branch ์ด๋ฆ] ๐จ๐ป ๊ฒฐ๊ณผ ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์์ ๊ฒฝ์ฐ ๋๊ธ ๋จ๊ฒจ์ฃผ์๋ฉด ๊ฐ์ฌ๋๋ฆฌ๊ฒ ์ต๋๋ค. ๊ทธ๋ผ ์ค๋๋ ํ๋ณตํ ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค๐ ๊ณ ๋ง์ต๋๋ค.

ํ์ด์ฌ์์ 2๊ฐ์ ๋ฆฌ์คํธ ๊ฐ์ ๊ฒน์น๋ ์์๋ฅผ ์ ๊ฑฐํ๋ ๋ฐฉ๋ฒ, ์ฆ ์ฐจ์งํฉ์ ๊ตฌํํ๋ ๋ฐฉ๋ฒ์ ์์๋ด ๋๋ค. ์๋์ ๊ฐ์ด 2๊ฐ์ ๋ฆฌ์คํธ๊ฐ ์๋ค๊ณ ๊ฐ์ ํด ๋ณด๊ฒ ์ต๋๋ค. list1 = ['a', 'b', 'c', 'd'] list2 = ['b', 'd'] โ ์๋ชป๋ ๋ฐฉ๋ฒ ๋ฆฌ์คํธ๋ผ๋ฆฌ ํฉ์งํฉ์ธ ์์ ํฉ์น๊ธฐ๋ ๋ง์ (+)์ผ๋ก ๊ฐ๋ฅํฉ๋๋ค. ํ์ง๋ง, ์ฐจ์งํฉ์ ์ํ ๋บผ์ ์ ์ง์ํ์ง ์์ต๋๋ค. list1-list2 ๊ฒฐ๊ณผ โ ์ฌ๋ฐ๋ฅธ ๋ฐฉ๋ฒ ์๋์ ๊ฐ์ ๋ฆฌ์คํธ ์ปดํ๋ฆฌํจ์ (List Comprehension)์ผ๋ก ์ฝ๊ฒ ์ฐ์ฐ์ด ๊ฐ๋ฅํฉ๋๋ค. sub_set = [x for x in list1 if x not in list2] ๊ฒฐ๊ณผ๋ฅผ ์ถ๋ ฅํด ๋ด ๋๋ค. sub_set ๊ฒฐ๊ณผ ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์์ ๊ฒฝ์ฐ ๋๊ธ ๋จ๊ฒจ์ฃผ์๋ฉด ๊ฐ์ฌ๋๋ฆฌ๊ฒ ์ต๋๋ค. ๊ทธ๋ผ ์ค๋๋..

โ๏ธ์๋ฌ ์ํฉ return์์ ์๋์ ๊ฐ์ด ์ฝ๋ ์์ฑ ํ ์คํ ์ ์๋ฌ ๋ฐ์ return ( {function} ) ๐์๋ฌ ๋ฉ์์ง Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it. โ ํด๊ฒฐ์ฑ ๋ค์๊ณผ ๊ฐ์ด ํจ์๋ช ๋ค์ ๊ดํธ ๋ถ์ฌ์ฃผ๋ฉด ํด๊ฒฐ๋ฉ๋๋ค. return ( {function()} ) ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฑฐ์ด ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค :) ๊ณ ๋ง์ต๋๋ค๐

Step 1. ๋๋ ํ ๋ฆฌ ์ ๊ทผ ํฐ๋ฏธ๋์ ํตํด package-lock.json๊ณผ node_modules ํด๋๊ฐ ์์นํ ๋๋ ํ ๋ฆฌ๋ก ์ด๋ํฉ๋๋ค. Step 2. package-lock.json ์ญ์ rm -rf package-lock.json Step 3. node_modules ์ญ์ rm -rf node_modules Step 4. npm ๋ชจ๋ ์ฌ์ค์น npm install ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฑฐ์ด ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค :) ๊ณ ๋ง์ต๋๋ค๐

โ๏ธ ์์ธ onClick ์ด๋ฒคํธ์ ํจ์๊ฐ ์๋ ์คํ๋ฌธ์ ์ ๋ฌํ ๊ฒฝ์ฐ, ๋ ๋๋ง ๋ ๋ onClick ์ด๋ฒคํธ๊ฐ ์คํ๋ฉ๋๋ค. ์์ ๊ฐ์ด ์์ฑํ ๊ฒฝ์ฐ, ๋ ๋๋ง ๋ ๋ ๋ฒํผ์ด ์๋์ผ๋ก ํด๋ฆญ๋ฉ๋๋ค. โ ํด๊ฒฐ๋ฐฉ๋ฒ {alert("Hey Tech ๋ธ๋ก๊ทธ์ ๋๋ค.")}} /> ์์ ๊ฐ์ด ์์ฑํ๋ฉด ๋ฒํผ์ ํด๋ฆญํ ๊ฒฝ์ฐ์๋ง ํ๋ก๊ทธ๋จ์ด ์คํ๋ฉ๋๋ค. ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฑฐ์ด ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค :) ๊ณ ๋ง์ต๋๋ค๐

โ๏ธ ์๋ฌ ์ํฉ ์ด๋ฏธ์ง๋ฅผ ํ๋ฉด์ ์ถ๋ ฅํ๊ธฐ ์ํด ์๋์ ๊ฐ์ด ์์ฑํ์๋๋ฐ ์๋ฌ๋ฅผ ๋ง์ฃผํ์์ต๋๋ค. ๐ ์๋ฌ ๋ฉ์์ง img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text โ ์์ธ ๋ฐ ํด๊ฒฐ๋ฐฉ๋ฒ ์๋์ ๊ฐ์ด, ์น ํ์ค์ ๋ฐ๋ผ img ํ๊ทธ๋ alt๋ฅผ ์์ฑํด์ผ ํ๋ฉฐ, ๋ด์ฉ์ ์์ ์ ๋๋ค. ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฑฐ์ด ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค :) ๊ณ ๋ง์ต๋๋ค๐

โ๏ธ์๋ฌ ์ํฉ ๋ฐ๋ณต๋ฌธ์ ํตํด ํ๊ทธ ์์ ํน์ ๊ฐ์ ๋ฆฌ์คํธ์ ๋ฃ๋ ์์ ์ ์ํํ๋ ์ค์ ์๋ฌ๋ฅผ ๋ง์ฃผํ์์ต๋๋ค. let heyTechList = []; for (i = 1; i