๐ค Language/JavaScript(7)
-
[Language/JavaScript] ๋๋ฑ๋น๊ต
ํ์์ฑ / ์ค์์ฑ ๋ฆฌ์กํธ ์ปดํฌ๋ํธ ๋ ๋๋ง์ด ์ผ์ด๋๋ ์ค์ ์์ธ ์ค ํ๋๊ฐ props์ ๋๋ฑ ๋น๊ต์ ๋ฐ๋ฅธ ๊ฒฐ๊ณผ์ด๋ค. JS์์์ ๋๋ฑ๋น๊ต๊ฐ ์ผ์ด๋๋ ๋ก์ง์ ๋ํด ์ ์๊ณ ์์ด์ผ ๋ ๋๋ง ๋ฐฉ์ง ๋ฐ ๋ ๋๋ง ์ต์ ํ ๋ฑ์ ๊ธฐ๋ฅ์ ์ฌ๋ฐ๋ก ํ์ฉํ ์ ์๋ค. ๋ฐ์ดํฐ ํ์ / ๊ฐ์ ์ ์ฅํ๋ ๋ฐฉ์์ ์ฐจ์ด ์์ ํ์ (primitive type)๊ณผ ๊ฐ์ฒด ํ์ (object/reference type)์ด ์๋๋ฐ, ๊ฐ์ฒด๋ฅผ ์ ์ธํ ๋ชจ๋ ๊ฒ๋ค์ด ์์ ํ์ ์ ์ํ๋ค. ์์ ํ์ ์ ๋ถ๋ณ ํํ์ ๊ฐ์ผ๋ก ์ ์ฅ๋๊ณ , ๊ฐ์ฒด ํ์ ์ ๋ณ๊ฒฝ ๊ฐ๋ฅํ ํํ๋ก ์ ์ฅ์ด ๋๋ค. ๊ฐ์ฒด๋ ๋์ ๋ณด์ด๋ value๊ฐ ๋์ผํ๋๋ผ๋ ์ฐธ์กฐ๊ฐ ๋ค๋ฅด๊ธฐ ๋๋ฌธ์ ๊ฐ์ด ๊ฐ์ง ์๋ค. ๊ทธ๋ฌ๋ ๊ฐ์ value๋ ๋์ผํ ์ฃผ์์ ์ ์ฅ์ด ๋๊ธฐ์ ๋น๊ต ๊ฒฐ๊ณผ๊ฐ ๊ฐ๊ฒ ๋์จ๋ค. const hello1..
2024.02.26 -
[Language/JavaScript] JS ๊ฐ๋ฐ ํ๊ฒฝ
๋ธ๋ผ์ฐ์ HTML, CSS, JS๋ฅผ ์คํํ์ฌ ๋ ๋๋งํ๋ ๊ฒ์ด ์ฃผ์ ๋ชฉ์ ์ผ๋ก Client-side APIs(DOM, BOM, Canvas, XMLHttpRequest, fetch, SVG, Web Storage...)๋ฅผ ์ ๊ณตํ๋ค. node.js ๋ธ๋ผ์ฐ์ ์ธ๋ถ์์ JS ์คํ์ด ์ฃผ์ ๋ชฉ์ ์ผ๋ก ๋ธ๋ผ์ฐ์ ์ ๋์ผํ๊ฒ ECMAScript๋ฅผ ์ ๊ณตํ์ง๋ง, Client-side APIs ๋์ ์ Node.js ๊ณ ์ ์ API๋ฅผ ์ ๊ณตํ๋ค.
2024.02.23 -
[Language/JavaScript] JS ํน์ง(์ธํฐํ๋ฆฌํฐ ์ธ์ด)
์๋ฐ์คํฌ๋ฆฝํธ์ ํน์ง ์ค ํ๋๋ ์ธํฐํ๋ฆฌํฐ ์ธ์ด๋ผ๋ ๊ฒ์ด๋ค. ์ธํฐํ๋ฆฌํฐ ์ธ์ด vs ์ปดํ์ผ๋ฌ ์ธ์ด ์คํ์ด์ ์์ ์ฝ๋๊ฐ ์คํ๋๋ ๋จ๊ณ์ธ ๋ฐํ์์ ๋ฌธ ๋จ์๋ก ํ ์ค์ฉ ์ค๊ฐ์ฝ๋์ธ ๋ฐ์ดํธ์ฝ๋๋ก ๋ณํ ํ ์คํ ์ฝ๋๊ฐ ์คํ๋๊ธฐ ์ด์ ๋จ๊ณ์ธ ์ปดํ์ผ ํ์์ ์์ค์ฝ๋ ์ ์ฒด๋ฅผ ๋จธ์ ์ฝ๋๋ก ๋ณํ ํ ์คํ ์คํํ์ผ ์ธํฐํ๋ฆฌํฐ๋ ์คํํ์ผ์ ์์ฑํ์ง ์๊ณ ์ปดํ์ผ๋ฌ๋ ์์ฑํ๋ค. ๋จ๊ณ์ ๋ถ๋ฆฌ ์ธํฐํ๋ฆฌํธ ๋จ๊ณ์ ์คํ ๋จ๊ณ๊ฐ ๋ถ๋ฆฌ๋์ด ์์ง ์์์ ํ ์ค์ฉ ๋ฐ์ดํธ์ฝ๋๋ก ๋ณํํ๊ณ ์ฆ์ ์คํํ๋ค. ์ปดํ์ผ ๋จ๊ณ์ ์คํ ๋จ๊ณ๊ฐ ๋ถ๋ฆฌ๋์ด ์์ด ์ปดํ์ผ ๋จ๊ณ๋ฅผ ๊ฑฐ์น๊ณ ์คํ ํ์ผ์ ์คํํ๋ค. ๊ณผ์ ์ ์ํ ์ฝ๋๊ฐ ์คํ๋ ๋๋ง๋ค ์ธํฐํ๋ฆฌํธ ๊ณผ์ ์ด ๋ฐ๋ณต์ ์ผ๋ก ์ํ๋๋ค. ์คํ์ ์์ ์ปดํ์ผ์ ํ๋ฒ๋ง ์ํ๋๋ค. ์ฝ๋์คํ ์๋ ์ธํฐํ๋ฆฌํธ ๋จ๊ณ์ ์คํ ๋จ๊ณ๊ฐ ๋ถ๋ฆฌ๋..
2024.02.01 -
[Language/JS] ์ญ์ฌ & ํน์ง
JS์ ์ญ์ฌ 1995๋ ํ์ 1999๋ ํ์คํ ์๋ฃ 2005๋ AJAX ๋ฑ์ฅ ๋น๋๊ธฐ ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ๊ฐ๋ฅ ํญ๋ฐ์ ์ธ UX ํฅ์ 2008๋ V8์์ง ์ถ์(Google) 2009๋ node.js, ์๋ฒ ๊ฐ๋ฐ ํ์ฑํ(์ง๊ฐ๋ณ๋) 2015๋ ECMAScript6(ES6) ๋ฒ์ ์ถ์ 2016๋ FE Framework ๋์คํ(React, Angular, Vue), SPA ๊ฐ๋ฐ ํ์ฑํ JS ์ธ์ด์ ํน์ง ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ ์ง์ ๋์ ์ธ์ด ํจ์ํ ํ๋ก๊ทธ๋๋ฐ ๋น๋๊ธฐ ์ฒ๋ฆฌ ํด๋ผ์ด์ธํธ/์๋ฒ ๋ชจ๋ ์ฌ์ฉ๊ฐ๋ฅ
2023.10.12 -
[JS] ์ฌ๋ฌ ํ์ผ ๊ด๋ฆฌํ๊ธฐ
์ฌ๋ฌ ํ์ผ ๊ด๋ฆฌ ์น๊ฐ๋ฐ์ ํ ๋์ ์ฌ์ค html ํ์ผ ํ๋์ ๋ชจ๋ ์ฝ๋๋ฅผ ์ ๋ ฅํ์ฌ๋ ์ฝ๋ ๋์์๋ ์ง์ฅ์ด ์๋ค. ํ์ง๋ง, ๋ณดํต htmlํ์ผ, cssํ์ผ, jsํ์ผ๋ก ๊ตฌ๋ถํ์ฌ ์์ ์ ์งํํ๋ ๊ฒ์ด ์ผ๋ฐ์ ์ด๋ค. ์คํ์ผ๊ณผ ๊ด๋ จ๋ ํญ๋ชฉ์ ์์ ํ ๋์๋ ๋ฐ๋ก CSS ํ์ผ๋ก ๊ฐ๊ณ , ๊ธฐ๋ฅ๊ตฌํ๊ณผ ๊ด๋ จ๋ ๊ฒ์ ์ถ๊ฐ/์์ ํ ๋์๋ ๋ฐ๋ก js ํ์ผ๋ก ๊ฐ์ ์์ ์ ์งํํ๋ฉด ๋๋ ํฐ ์ด์ ์ด ์๊ธฐ ๋๋ฌธ์ด๋ค. jsํ์ผ ์ฌ๋ฌ๊ฐ ๊ด๋ฆฌํ๊ธฐ ๋ณดํต js ํ์ผ์ด ์ฝ๋์ ์์ด ๋งค์ฐ ๋ง๋ค. ๊ทธ๋ฆฌ๊ณ ์๋ง์ ํจ์๋ค๋ก ์ด๋ฃจ์ด์ ธ ์์ด์, ์๋ฐฑ์ค ํน์ ์์ฒ์ค์ด ๋๋ ์ฝ๋๋ค์ ์ผ์ผ์ด ์คํฌ๋กคํ๋ฉฐ ํ์ ํ๋ ๊ฒ์ ๋นํจ์จ์ ์ด๊ณ ์ ์ ๊ฑด๊ฐ์ ๋งค์ฐ ํด๋กญ๋ค. ๋ฐ๋ผ์ ์ํผ์ ํ์์ ์ถ๊ตฌํ๋ ์ด๋ค์ jsํ์ผ๋ช ์ ๊ธฐ๋ฅ ๊ตฌํ ๋จ์๋ก ์ชผ๊ฐ์ด ์ฝ๋๋ฅผ ์์ฑํ๊ณ , ๊ฐ ํ์ผ๋ค์ ํ๋..
2023.06.07 -
[๋ฌธ๋ฒ/JS] method: .every()
.every() ??? ๋ฐฐ์ด ์์ ๋ชจ๋ ์์๋ฅผ ํน์ ์กฐ๊ฑด์ ๋ํ์ฌ ๊ฒ์ฌํ๋ ํจ์. array.every(callbackFn, thisArg) ํํ๋ก ์ฌ์ฉ Boolean ๊ฐ์ ๋ฐํํจ callbackFn: Boolean ๊ฐ์ ๋ฐํํด์ผ ํจ thisArg: ์ ํ์ฌํญ, callbackFn์ ๋๋ด๋ ์กฐ๊ฑด ์์ function isBigEnough(element, index, array) { return element >= 10; } [12, 5, 8, 130, 44].every(isBigEnough); // false [12, 54, 18, 130, 44].every(isBigEnough); // true console.log([1, , 3].every((x) => x !== undefined)); // true ..
2023.05.25