๋ชฉ๋ก2022/01/22 (5)
whatisthis?
๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ(OOP) ์ปดํจํฐ ํ๋ก๊ทธ๋จ์ ๋ช ๋ น์ด์ ๋ชฉ๋ก์ผ๋ก ๋ณด๋ ์๊ฐ์์ ๋ฒ์ด๋ ์ฌ๋ฌ ๊ฐ์ ๋ ๋ฆฝ๋ ๋จ์, ์ฆ "๊ฐ์ฒด"๋ค์ ๋ชจ์์ผ๋ก ํ์ ํ๊ณ ์ ํ๋ ๊ฒ. ๊ฐ๊ฐ์ ๊ฐ์ฒด๋ ๋ฉ์์ง๋ฅผ ์ฃผ๊ณ ๋ฐ๊ณ , ๋ฐ์ดํฐ๋ฅผ ์ฒ๋ฆฌํ ์ ์๋ค. - ์ ์ฐํ๊ณ ๋ณ๊ฒฝ์ด ์ฌ์ >> ๋๊ท๋ชจ ์ํํธ์จ์ด ๊ฐ๋ฐ์ ์ฌ์ฉ. - ๊ฐ๋ฐ, ๋ณด์ ์ฉ์ด / ์ง๊ด์ ์ธ ์ฝ๋ ๋ถ์ ๊ฐ๋ฅ. ๐ ์์ฑ์ (Constructor) - new ์ฐ์ฐ์๋ฅผ ๋ถ์ด๊ณ ๊ฐ์ฒด๋ฅผ ํจ์์ฒ๋ผ ํธ์ถํ๋ ๊ฒ. - ์๋ฐ์คํฌ๋ฆฝํธ์๋ class๊ฐ ์์ผ๋ฏ๋ก ๊ทธ ์ญํ ์ ๋์ ํจ. - ์์ฑ์ํจ์๋ ๋๋ฌธ์๋ก ์์ - this๋ ์์ฑ์ ํจ์ ์์ ์ ๊ฐ๋ฆฌํด. >> new๋ก ๊ฐ์ฒด๋ฅผ ๋ง๋ค ๋ ๊ทธ ๊ฐ์ฒด์ ์ ์ฉ๋จ function Person(name, gender) { // ์์ฑ์ํจ์ (๋๋ฌธ์๋ก ์์) this.na..
์์ฑ์(constructor) Date๊ฐ์ฒด๋ฅผ new Date()๋ก ๋ง๋ค๋ฏ์ด, new๋ฅผ ๋ถ์ด๊ณ ๊ฐ์ฒด๋ฅผ ํจ์์ฒ๋ผ ํธ์ถ ํ๋ ๊ฒ์ด ๋ฐ๋ก ์์ฑ์ ํจ์์ด๋ค. - ๋ค๋ฅธ ์ธ์ด์์๋ class(ํด๋์ค)๊ฐ ์กด์ฌํ์ง๋ง, ์๋ฐ์คํฌ๋ฆฝํธ์์๋ ์กด์ฌํ์ง ์์. - ES2015 ์์ ํด๋์ค๊ฐ ์ต์ด๋ก ๋ฑ์ฅํ์ง๋ง, ๋ค๋ฅธ ์ธ์ด์๋ ๋ค๋ฆ. (๊ฒ๋ง ํด๋์ค์ธ ๋๋. ๊ทธ๋๋ก ํ๋กํ ํ์ ์ ๋ฐ๋ฆ) โ ํด๋์ค vs ํ๋กํ ํ์ ์๋ฐ์คํฌ๋ฆฝํธ์๋ ํด๋์ค๋ผ๋ ๊ฐ๋ ์ด ์๊ณ , ๊ธฐ์กด์ ๊ฐ์ฒด๋ฅผ ๋ณต์ฌ(cloning)ํ์ฌ ์๋ก์ด ๊ฐ์ฒด๋ฅผ ์์ฑํ๋ ํ๋กํ ํ์ ๊ธฐ๋ฐ์ ์ธ์ด์ด๋ค. - ํ๋กํ ํ์ ๊ธฐ๋ฐ ์ธ์ด๋ ๊ฐ์ฒด์ ์ํ์ธ ํ๋กํ ํ์ ์ ์ด์ฉํ์ฌ ์๋ก์ด ๊ฐ์ฒด๋ฅผ ์์ฑํจ. - ๊ทธ๋ ๊ฒ ์์ฑ๋ ๊ฐ์ฒด ์ญ์ ๋ ๋ค๋ฅธ ๊ฐ์ฒด์ ์ํ์ด ๋ ์ ์์. ๐ ํ๋กํ ํ์ 1) ํ๋กํ ํ์ ๊ฐ์ฒด๋ฅผ ์ฐธ์กฐํ..
์ซ์(Number) - ์ซ์ ๋ํ ์์ ๋ํผ ๊ฐ์ฒด (new Number()) ๊ฐ ์กด์ฌํ๊ณ , ๋ฉ์๋๋ฅผ ๊ฐ์ง ์ ์๋ค. ๋๋ณด๊ธฐ >> Wrapper Object ์ ๋ํ ๋ด์ฉ์ ์๋ ํฌ์คํ ์ฐธ์กฐ. javaScript. ๋ํผ๊ฐ์ฒด(Wrapper Object) ์๋ฐ์คํฌ๋ฆฝํธ์ DataType์๋ ์ฌ๋ฌ๊ฐ์ง๊ฐ ์กด์ฌํ๋ค. ๋ฐ์ดํฐํ์ ์ ํฌ๊ฒ ๋๊ฐ์ง๋ก ๊ตฌ๋ถํ ์ ์๋๋ฐ, ๊ทธ๊ฒ์ ๋ค์๊ณผ ๊ฐ๋ค. 1) ์์ ๋ฐ์ดํฐํ์ (Primitive Data Type) number string boolean undefined null 2) ๊ฐ์ฒด.. mywebproject.tistory.com let num1 = 0.1; let num2 = 0.2; num1 + num2; // 0.3000000000000004 ์ปดํจํฐ๋ ์์๋ฅผ 2์ง๋ฒ์ผ๋ก ๋ฐ๊ฟ ๊ณ..
์๋ฐ์คํฌ๋ฆฝํธ์ DataType์๋ ์ฌ๋ฌ๊ฐ์ง๊ฐ ์กด์ฌํ๋ค. ๋ฐ์ดํฐํ์ ์ ํฌ๊ฒ ๋๊ฐ์ง๋ก ๊ตฌ๋ถํ ์ ์๋๋ฐ, ๊ทธ๊ฒ์ ๋ค์๊ณผ ๊ฐ๋ค. 1) ์์ ๋ฐ์ดํฐํ์ (Primitive Data Type) number string boolean undefined null 2) ๊ฐ์ฒดํ ๋ฐ์ดํฐํ์ (Object Data Type) object array function date RegExp (์ ๊ทํํ์) ๋ํผ๊ฐ์ฒด (Wrapper Object) ์ด์ค์์ ๊ฐ์ฒดํ ๋ฐ์ดํฐํ์ ์ ๋ฉ์๋ ๋ฑ ๊ฐ์ฒด ์ด์ฉ๋ฐฉ๋ฒ์ ๊ทธ๋๋ก ์ด์ฉํ ์ ์๋ค. ๐ก ๋ํผ๊ฐ์ฒด (Wrapper Object) - Number / String / Boolean - ์์ํ ํ์ ์ (์ผ์์ ์ผ๋ก) ๊ฐ์ฒดํ ์์ผ์ฃผ๋ ๊ฐ์ฒดํ ๋ฐ์ดํฐ ํ์ ์ ์๋ฏธํจ. >> ์ซ์, ๋ฌธ์์ด, Boolean ๋ฑ ์..
๋ฌธ์์ด(String) - ์์๋ฐ์ดํ('') ๋๋ ํฐ๋ฐ์ดํ("") - ๋ฐฑํฑ๊ธฐํธ (``) + ํ ํ๋ฆฟ ${} - ๋ฌธ์์ด๋ ๊ฐ์ฒด์ด๋ค. new String() /// object - ์ฝ์์ new String()์ด๋ผ๊ณ ์น๋ฉด ์ด๋ค ๊ฐ์ฒด๊ฐ ๋์จ๋ค. - ๋ฌธ์์ด์ ๊ฐ์ฒด์ด๊ธฐ ๋๋ฌธ์ (์ ํํ๋, ์์ ๋ํผ) ๋ฉ์๋๊ฐ ์กด์ฌํ๋ค. ๐ ๋ฌธ์์ด์์ ์ค๋ฐ๊ฟํ๋ ๋ฐฉ๋ฒ >> ์๋ฌด๋ฆฌ ๋ฌธ์์ด์ด ๊ธธ๋๋ผ๋ '\n'์ ๋ฃ์ด์ฃผ์ง ์์ผ๋ฉด ํ ์ค๋ก ์ธ์๋จ. ์ฌ๊ธฐ์, '\n'์ ๊ฐํ๋ฌธ์๋ผ๊ณ ํ๋ค. (=ํ์ถ๋ฌธ์) ๊ณต๋ฐฑ๋ฌธ์ NBSP (Non-Breaking Space) ์ค๋ฐ๊ฟ ์๋ ๊ณต๋ฐฑ - ์ค๋ฐ๊ฟ ๋ฐฉ์ง๋ฅผ ์ํด ํ์ถ๋ฌธ์(๊ฐํ๋ฌธ์) Line Feed(LF) \n / ๋ค์ ์ค๋ก ๋์ด๊ฐ Carriage Return(CR) \r / ์ปค์๊ฐ ์ฒซ ๋ฌธ์๋ก ๋์๊ฐ ๊ฐํ๋ฌธ..