JavaScript
-
ES5 VS ES6 VS ES6+ ์ฐจ์ด - AI๐คJavaScript 2023. 7. 15. 13:05
์๋ฐ์คํฌ๋ฆฝํธ๋ ์ค๋๋ ๊ฐ์ฅ ์ธ๊ธฐ์๊ณ ๋๋ฆฌ ์ฌ์ฉ๋๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด ์ค ํ๋์ ๋๋ค. ์ด ์ธ์ด๋ ์ฌ๋ฌ ์ฐจ๋ก ๋ณํ์ ๊ฑฐ์ณ ์๋ก์ด ๊ธฐ๋ฅ๊ณผ ๊ธฐ๋ฅ์ ๋์ ํด์์ต๋๋ค. ์ด ๋ฌธ์์์๋ JavaScript์ ์ธ ๊ฐ์ง ์ฃผ์ ๋ฒ์ ์ธ ES5, ES6 ๋ฐ ES6+์ ์ฐจ์ด์ ์ ๋ํด ์ค๋ช ํฉ๋๋ค. ES5 ES5(ECMAScript 5)๋ 2009๋ ์ ์ถ์๋์์ผ๋ฉฐ ํ์ฌ ๊ฐ์ฅ ๋๋ฆฌ ์ง์๋๋ JavaScript ๋ฒ์ ์ ๋๋ค. ES5์ ์ฃผ์ ๊ธฐ๋ฅ ์ค ์ผ๋ถ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค: Strict ๋ชจ๋ "Strict ๋ชจ๋"๋ JavaScript ์ฝ๋๋ฅผ ์์ฑํ ๋ ์๊ฒฉํ ๋ฌธ๋ฒ ๊ท์น์ ์ ์ฉํ๋ ๋ชจ๋์ ๋๋ค. ์ด ๋ชจ๋๋ฅผ ์ฌ์ฉํ๋ฉด ์ฝ๋์ ์๊ธฐ์น ์์ ๋์์ ๋ฐฉ์งํ๊ณ , ๋ฒ๊ทธ๋ฅผ ๋ ์ฝ๊ฒ ์ฐพ์ ์ ์์ต๋๋ค. ES5์์ ์ฒ์ ๋์ ๋ ๊ธฐ๋ฅ ์ค ํ๋์ ๋๋ค. JSON ์ง์ ..
-
Prototype - AI๐คJavaScript 2023. 7. 15. 13:02
ํ๋กํ ํ์ (Prototype)์ JavaScript์ ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ์์ ์ค์ํ ๊ฐ๋ ์ผ๋ก, ๊ฐ์ฒด๋ค ๊ฐ์ ์์๊ณผ ํ๋กํ ํ์ ์ฒด์ด๋์ ๊ฐ๋ฅํ๊ฒ ํฉ๋๋ค. ํ๋กํ ํ์ ์ ๋ชจ๋ JavaScript ๊ฐ์ฒด๊ฐ ๊ฐ์ง๊ณ ์๋ ์์ฑ์ผ๋ก, ํด๋น ๊ฐ์ฒด์ ๋ถ๋ชจ ์ญํ ์ ํ๋ ๊ฐ์ฒด๋ฅผ ๊ฐ๋ฆฌํต๋๋ค. ํ๋กํ ํ์ ์ฒด์ธ (Prototype Chain): JavaScript์ ๊ฐ์ฒด๋ค์ ํ๋กํ ํ์ ๊ณผ ์ฐ๊ฒฐ๋ ๋งํฌ ๊ตฌ์กฐ๋ฅผ ๊ฐ์ง๋๋ค. ๊ฐ์ฒด์ ์์ฑ ๋๋ ๋ฉ์๋๋ฅผ ์ฐพ์ ๋ ํด๋น ๊ฐ์ฒด์ ํ๋กํ ํ์ ์๋ ์๋ค๋ฉด, ๊ทธ ํ๋กํ ํ์ ์ ํ๋กํ ํ์ ์ ๊ณ์ํด์ ํ์ํ๋ ๊ณผ์ ์ ๋งํฉ๋๋ค. ์ด๋ ๊ฒ ์ฌ๋ฌ ๋จ๊ณ์ ํ๋กํ ํ์ ์ด ์ฐ๊ฒฐ๋ ๊ตฌ์กฐ๊ฐ ํ๋กํ ํ์ ์ฒด์ธ์ ๋๋ค. ์์ฑ์ ํจ์ (Constructor Function): ๊ฐ์ฒด๋ฅผ ์์ฑํ๊ธฐ ์ํด ์ฌ์ฉ๋๋ ํจ์๋ฅผ ๋งํฉ๋๋ค. new ..