์๋ฐ์คํฌ๋ฆฝํธ ์์
-
๋ชจ๋ ํฌ์คํ ์ ์ธํ๋ฐ ECMAScript6: ๋น ๋ฅด๊ฒ ๋ฐฐ์ฐ๋ ES6 ์คํฌ๊ณผ ๋น๋๊ธฐ ํ๋ก๊ทธ๋จ ์ ๋ด์ฉ์ ๋ด๊ณ ์์ผ๋ฉฐ ์ถ์ฒ๋ ์๋์ ์ฃผ์๋ก "๊นํํ"๋์ ์๋ฃ์ ๋๋ค. ์์ ์ ์ธ ์๋๊ฐ ์๋ ๊ณต๋ถํ ๊ฒ์ ์ ๋ฆฌํด๋๋ ๋ชฉ์ ์ผ๋ก ํฌ์คํ ํ ๊ฒ์ ๋๋ค. www.inflearn.com/course/es6-ecmascript-6 ECMAScript 6: ๋น ๋ฅด๊ฒ ๋ฐฐ์ฐ๋ ES6 ์คํฌ๊ณผ ๋น๋๊ธฐ ํ๋ก๊ทธ๋๋ฐ - ์ธํ๋ฐ ๋น๋๊ธฐ ํ๊ฒฝ์์ ์ฝ๊ฒ ์ฝ๋๋ฅผ ์์ฑํ ์ ์๋๋ก ES6์ ์๋ก์ด ๊ธฐ๋ฅ์ ๋ํด ๋ฐฐ์ฐ๊ณ ์๋ฐ์คํฌ๋ฆฝํธ ์คํฌ์ ํฅ์์์ผ ๋ณด์ธ์. ์ด๊ธ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด ES6 ์จ๋ผ์ธ ๊ฐ์ abcdefghijk www.inflearn.com 1. Template Literals # ํํ์๊ณผ ํ ํ๋ฆฟ ๋ฌธ์์ด - ๋ฐฑํฑ(backtick) ๋ฌธ์๋ฅผ ์ฌ์ฉํ๋ค...
Template Literals | Destructuring | class๋ชจ๋ ํฌ์คํ ์ ์ธํ๋ฐ ECMAScript6: ๋น ๋ฅด๊ฒ ๋ฐฐ์ฐ๋ ES6 ์คํฌ๊ณผ ๋น๋๊ธฐ ํ๋ก๊ทธ๋จ ์ ๋ด์ฉ์ ๋ด๊ณ ์์ผ๋ฉฐ ์ถ์ฒ๋ ์๋์ ์ฃผ์๋ก "๊นํํ"๋์ ์๋ฃ์ ๋๋ค. ์์ ์ ์ธ ์๋๊ฐ ์๋ ๊ณต๋ถํ ๊ฒ์ ์ ๋ฆฌํด๋๋ ๋ชฉ์ ์ผ๋ก ํฌ์คํ ํ ๊ฒ์ ๋๋ค. www.inflearn.com/course/es6-ecmascript-6 ECMAScript 6: ๋น ๋ฅด๊ฒ ๋ฐฐ์ฐ๋ ES6 ์คํฌ๊ณผ ๋น๋๊ธฐ ํ๋ก๊ทธ๋๋ฐ - ์ธํ๋ฐ ๋น๋๊ธฐ ํ๊ฒฝ์์ ์ฝ๊ฒ ์ฝ๋๋ฅผ ์์ฑํ ์ ์๋๋ก ES6์ ์๋ก์ด ๊ธฐ๋ฅ์ ๋ํด ๋ฐฐ์ฐ๊ณ ์๋ฐ์คํฌ๋ฆฝํธ ์คํฌ์ ํฅ์์์ผ ๋ณด์ธ์. ์ด๊ธ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด ES6 ์จ๋ผ์ธ ๊ฐ์ abcdefghijk www.inflearn.com 1. Template Literals # ํํ์๊ณผ ํ ํ๋ฆฟ ๋ฌธ์์ด - ๋ฐฑํฑ(backtick) ๋ฌธ์๋ฅผ ์ฌ์ฉํ๋ค...
2021.02.15 -
ํด๋น ํฌ์คํ ์ "์ํ์ฝ๋ฉ"์ ์ด๊ณ ์ ๋์ ๊ฐ์๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ฌ๋ฆฐ ๊ฒ์๊ธ ์ ๋๋ค. ์์ ์ ์ธ ์ฉ๋๊ฐ ์๋, ๊ฐ์ธ ๊ณต๋ถ ์ ๋ฆฌ ๋ชฉ์ ์ผ๋ก ์ฌ๋ฆฌ๋ ๊ธ์์ ๋ฏธ๋ฆฌ ์๋ฆฝ๋๋ค. Object Object ๊ฐ์ฒด๋ ๊ฐ์ฒด์ ๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ํํ๋ฅผ ๊ฐ์ง๊ณ ์๋ ๊ฐ์ฒด์ด๋ค. ๋ค์ ๋งํด์ ์๋ฌด๊ฒ๋ ์์๋ฐ์ง ์๋ ์์ํ ๊ฐ์ฒด๋ค. ์๋ฐ์คํฌ๋ฆฝํธ์์๋ ๊ฐ์ ์ ์ฅํ๋ ๊ธฐ๋ณธ์ ์ธ ๋จ์๋ก Object๋ฅผ ์ฌ์ฉํ๋ค. ๋์์ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ชจ๋ ๊ฐ์ฒด๋ Object ๊ฐ์ฒด๋ฅผ ์์ ๋ฐ๋๋ฐ, ๊ทธ๋ฐ ์ด์ ๋ก ๋ชจ๋ ๊ฐ์ฒด๋ Object ๊ฐ์ฒด์ ํ๋กํผํฐ๋ฅผ ๊ฐ์ง๊ณ ์๋ค. ์๋ก ๋ค์๋ฉด, ์ด์ ์๊ฐ์์ prototype์ ํตํด ์์์ ํด๋ณด์๋๋ฐ, ๊ทธ ์ค ์ต์ข ๊ฐ์ฒด๋ ์ฌ์ค ์์์ ๋ฐ๊ณ ์๋ค๋ ๊ฒ์ด๋ค. ์ฆ, ์ต์์ ์์์๊ฐ Object๋ผ๊ณ ์๊ฐํ๋ฉด ๋๋ค.(๋ถ๋ชจ์ ๋ถ๋ชจ! ์ฆ ๋ชจ๋ ๊ฐ์ฒด์..
[Js] Object | Object์ ํ์ฅ | Object APIํด๋น ํฌ์คํ ์ "์ํ์ฝ๋ฉ"์ ์ด๊ณ ์ ๋์ ๊ฐ์๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ฌ๋ฆฐ ๊ฒ์๊ธ ์ ๋๋ค. ์์ ์ ์ธ ์ฉ๋๊ฐ ์๋, ๊ฐ์ธ ๊ณต๋ถ ์ ๋ฆฌ ๋ชฉ์ ์ผ๋ก ์ฌ๋ฆฌ๋ ๊ธ์์ ๋ฏธ๋ฆฌ ์๋ฆฝ๋๋ค. Object Object ๊ฐ์ฒด๋ ๊ฐ์ฒด์ ๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ํํ๋ฅผ ๊ฐ์ง๊ณ ์๋ ๊ฐ์ฒด์ด๋ค. ๋ค์ ๋งํด์ ์๋ฌด๊ฒ๋ ์์๋ฐ์ง ์๋ ์์ํ ๊ฐ์ฒด๋ค. ์๋ฐ์คํฌ๋ฆฝํธ์์๋ ๊ฐ์ ์ ์ฅํ๋ ๊ธฐ๋ณธ์ ์ธ ๋จ์๋ก Object๋ฅผ ์ฌ์ฉํ๋ค. ๋์์ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ชจ๋ ๊ฐ์ฒด๋ Object ๊ฐ์ฒด๋ฅผ ์์ ๋ฐ๋๋ฐ, ๊ทธ๋ฐ ์ด์ ๋ก ๋ชจ๋ ๊ฐ์ฒด๋ Object ๊ฐ์ฒด์ ํ๋กํผํฐ๋ฅผ ๊ฐ์ง๊ณ ์๋ค. ์๋ก ๋ค์๋ฉด, ์ด์ ์๊ฐ์์ prototype์ ํตํด ์์์ ํด๋ณด์๋๋ฐ, ๊ทธ ์ค ์ต์ข ๊ฐ์ฒด๋ ์ฌ์ค ์์์ ๋ฐ๊ณ ์๋ค๋ ๊ฒ์ด๋ค. ์ฆ, ์ต์์ ์์์๊ฐ Object๋ผ๊ณ ์๊ฐํ๋ฉด ๋๋ค.(๋ถ๋ชจ์ ๋ถ๋ชจ! ์ฆ ๋ชจ๋ ๊ฐ์ฒด์..
2021.02.04 -
ํด๋น ํฌ์คํ ์ "์ํ์ฝ๋ฉ"์ ์ด๊ณ ์ ๋์ ๊ฐ์๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ฌ๋ฆฐ ๊ฒ์๊ธ ์ ๋๋ค. ์์ ์ ์ธ ์ฉ๋๊ฐ ์๋, ๊ฐ์ธ ๊ณต๋ถ ์ ๋ฆฌ ๋ชฉ์ ์ผ๋ก ์ฌ๋ฆฌ๋ ๊ธ์์ ๋ฏธ๋ฆฌ ์๋ฆฝ๋๋ค. ์์(inheritance)์ด๋? ๊ฐ์ฒด๋ ์ฐ๊ด๋ ๋ก์ง๋ค๋ก ์ด๋ฃจ์ด์ง ์์ ํ๋ก๊ทธ๋จ์ด๋ผ๊ณ ํ ์ ์๋ค. ์์์ ๊ฐ์ฒด์ ๋ก์ง์ ๊ทธ๋๋ก ๋ฌผ๋ ค ๋ฐ๋ ๋ ๋ค๋ฅธ ๊ฐ์ฒด๋ฅผ ๋ง๋ค ์ ์๋ ๊ธฐ๋ฅ์ ์๋ฏธํ๋ค. ๋จ์ํ ๋ฌผ๋ ค๋ฐ๋ ๊ฒ์ด๋ผ๋ฉด ์๋ฏธ๊ฐ ์์ ๊ฒ์ด๋ค. ๊ธฐ์กด์ ๋ก์ง์ ์์ ํ๊ณ ๋ณ๊ฒฝํด์ ํ์๋ ์๋ก์ด ๊ฐ์ฒด๋ฅผ ๋ง๋ค ์ ์๊ฒ ํด์ค๋ค. ์ฆ, ์ฝ๊ฒ ์ค๋ช ํ์๋ฉด ๊ฐ์ฒด๋ ๋ณ์์ ๋ฉ์๋๋ฅผ ๋ฌถ์ด๋์ ๋ฌถ์ ์ด๋ผ๊ณ ๋ณด๊ณ ์ด๋ฌํ ๊ฐ์ฒด์ ์์ฑ์ ๊ทธ๋๋ก ๋ฌผ๋ ค๋ฐ์ ์๋ ๊ฐ์ฒด (๋ถ๋ชจ๊ฐ์ฒด์ ๋ณ์์ ๋ฉ์๋ ๋ฅผ ๋ฌผ๋ ค๋ฐ์) ๋ฅผ ๋ง๋ค๊ณ , ์์ ํ๊ณ ๋ณ๊ฒฝ๊ฐ๋ฅํ ๊ฒ์ด ๋ฐ๋ก ์์์ธ ๊ฒ์ด๋ค. ์๋ ์ฝ๋๋ ์ด์ ์๊ฐ์ ..
[Js] ์์ | javascript์์ | prototypeํด๋น ํฌ์คํ ์ "์ํ์ฝ๋ฉ"์ ์ด๊ณ ์ ๋์ ๊ฐ์๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ฌ๋ฆฐ ๊ฒ์๊ธ ์ ๋๋ค. ์์ ์ ์ธ ์ฉ๋๊ฐ ์๋, ๊ฐ์ธ ๊ณต๋ถ ์ ๋ฆฌ ๋ชฉ์ ์ผ๋ก ์ฌ๋ฆฌ๋ ๊ธ์์ ๋ฏธ๋ฆฌ ์๋ฆฝ๋๋ค. ์์(inheritance)์ด๋? ๊ฐ์ฒด๋ ์ฐ๊ด๋ ๋ก์ง๋ค๋ก ์ด๋ฃจ์ด์ง ์์ ํ๋ก๊ทธ๋จ์ด๋ผ๊ณ ํ ์ ์๋ค. ์์์ ๊ฐ์ฒด์ ๋ก์ง์ ๊ทธ๋๋ก ๋ฌผ๋ ค ๋ฐ๋ ๋ ๋ค๋ฅธ ๊ฐ์ฒด๋ฅผ ๋ง๋ค ์ ์๋ ๊ธฐ๋ฅ์ ์๋ฏธํ๋ค. ๋จ์ํ ๋ฌผ๋ ค๋ฐ๋ ๊ฒ์ด๋ผ๋ฉด ์๋ฏธ๊ฐ ์์ ๊ฒ์ด๋ค. ๊ธฐ์กด์ ๋ก์ง์ ์์ ํ๊ณ ๋ณ๊ฒฝํด์ ํ์๋ ์๋ก์ด ๊ฐ์ฒด๋ฅผ ๋ง๋ค ์ ์๊ฒ ํด์ค๋ค. ์ฆ, ์ฝ๊ฒ ์ค๋ช ํ์๋ฉด ๊ฐ์ฒด๋ ๋ณ์์ ๋ฉ์๋๋ฅผ ๋ฌถ์ด๋์ ๋ฌถ์ ์ด๋ผ๊ณ ๋ณด๊ณ ์ด๋ฌํ ๊ฐ์ฒด์ ์์ฑ์ ๊ทธ๋๋ก ๋ฌผ๋ ค๋ฐ์ ์๋ ๊ฐ์ฒด (๋ถ๋ชจ๊ฐ์ฒด์ ๋ณ์์ ๋ฉ์๋ ๋ฅผ ๋ฌผ๋ ค๋ฐ์) ๋ฅผ ๋ง๋ค๊ณ , ์์ ํ๊ณ ๋ณ๊ฒฝ๊ฐ๋ฅํ ๊ฒ์ด ๋ฐ๋ก ์์์ธ ๊ฒ์ด๋ค. ์๋ ์ฝ๋๋ ์ด์ ์๊ฐ์ ..
2021.02.04