07.20(객체)
2020. 7. 20. 20:21
프로그래밍/JavaScript
객체(Object)란? 객체란 실생활에서 우리가 인식할 수 있는 사물 자바스크립트 객체 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합 자바스크립트에서 숫자, 문자, 불리언, undefined 타입을 제외한 모든 것이 객체임 (() => { let product = { "product-name" : '말린 망고', type : "피클류", ingredient : ['망고', '설탕'], amount : 10, origin : "필리핀" } // console.log(product.product-name); console.log(product['product-name']); //특수문자/공백등이 포함된 키값은 .(객체접근 연산자 사용불가) console.log(..
07.17(함수 클로저)
2020. 7. 17. 20:55
프로그래밍/JavaScript
자유변수 함수의 지역범위에서 정의되지 않은 변수 let hi = "안녕"; (function(name){ let word = hi + ", "+name; let greet = "반가워 :)"; let say = word + '\n' + greet; alert(say); })('철수'); //name, word, greet, say 지역변수 //hi 자유변수 내부함수 함수 안에서 또 다른 함수를 선언하는 것 function outter(){ function inner(){ var title = 'javascript'; alert(title); } inner(); //내부함수 } outter(); //외부함수 클로저 함수 자유변수를 가지고 있는 함수 클로저(closure)는 내부함수가 외부함수의 맥락(con..
07.16(함수)
2020. 7. 16. 20:45
프로그래밍/JavaScript
hoisting(호이스팅) 실제 선언부보다먼저 끌어올려져 처리되는 것 함수 선언식 함수 선언식은 호이스팅 되므로 선언부보다 먼저 호출 가능함 //함수 호출 a(); //함수선언식 function a(){ console.log("a 실행!"); } 함수 표현식 함수를 하나의 값으로 취급해 변수에 대입 함수 표현식은 호이스팅 되지 않아서 선언부보다 먼저 호출할 수 없음 let b = function(){ console.log("b 실행!"); } console.log(b); //ƒ(){console.log("b 실행!");} b(); //b 실행! 즉시실행함수 줄여서 IIFE(이피)라고도 함 선언과 호출을 동시에 함 //선언과 호출을 동시에 함 (function(){ console.log("iify...."..
07.15(형변환)
2020. 7. 15. 20:25
프로그래밍/JavaScript
형변환(casting) > 문자열과 숫자의 연산에서의 형변환 예시 function test(){ console.log("7" + 7, typeof("7" + 7)); console.log("7a" - 7, typeof("7a" - 7)); //NaN(Not a Number) "number" console.log("7" - 7, typeof("7" - 7)); //number로 자동형변환 console.log("7" * 7, typeof("7" * 7)); //number로 자동형변환 console.log("7" / 7, typeof("7" / 7)); //number로 자동형변환 console.log("7" % 7, typeof("7" % 7)); //number로 자동형변환 console.log("7"..
07.14(Array 메소드)
2020. 7. 14. 20:11
프로그래밍/JavaScript
Array 메소드 Array 메소드는 Array 객체에 정의된 배열과 관련된 작업을 할 때 사용하는 메소드 메소드 설명 Array.isArray() 전달된 값이 Array 객체인지 아닌지를 검사함 Array.from() 배열과 비슷한 객체와 반복할 수 있는 객체를 배열처럼 변환 Array.of() 인수의 수나 타입에 상관없이 인수로 전달받은 값을 가지고 새로운 Array 인스턴스를 생성 Array.prototype 메소드 모든 Array 인스턴스는 Array.prototype으로부터 메소드와 프로퍼티를 상속 Array.prototype 메소드는 크게 다음과 같이 구분할 수 있음 - 원본 배열을 변경하는 메소드 - 원본 배열은 변경하지 않고 참조만 하는 메소드 - 원본 배열을 반복적으로 참조하는 메소드 원..
07.13(Date 객체와 Date 메소드)
2020. 7. 13. 20:00
프로그래밍/JavaScript
Date 객체 자바스크립트에서는 Date 객체를 사용하여 매 순간 변화하는 시간과 날짜에 관한 정보를 손쉽게 얻을 수 있음 연월일, 시분초의 정보와 함께 밀리초(millisecond)의 정보도 함께 제공 자바스크립트에서 날짜와 시간을 나타내기 위한 값의 범위 - 연도(year) : 1900년(00) ~ 1999년(99) - 월(month) : 1월(0) ~ 12월(11) - 일(day) : 1일(1) ~ 31일(31) - 시(hours) : 0시(0) ~ 23시(23) - 분(minutes) : 0분(0) ~ 59분(59) - 초(seconds) : 0초(0) ~ 59초(59) * 자바스크립트에서 월(month)을 나타낼 때는 1월이 0으로 표현되고, 12월이 11로 표현된다는 사실에 유의하기 Date ..
07.10(Math 메소드)
2020. 7. 10. 20:44
프로그래밍/JavaScript
Math 메소드 자바스크립트는 웹 페이지에서 수학적 작업을 손쉽게 할 수 있도록 다양한 Math 메소드를 제공 - Math.min() - Math.max() - Math.random() - Math.round() - Math.floor() - Math.ceil() - Math.sin() * 대부분의 Math 메소드는 웹 브라우저마다 다른 결괏값을 얻을 가능성이 높음 심지어 같은 자바스크립트 인터프리터라도 운영체제가 다르면 다른 결괏값을 반환할 수 있음 따라서 아주 정확한 결괏값이 필요한 작업에는 Math 메소드는 사용하지 않는 것을 권장 Math 메소드 메소드 설명 Math.min(x, y, ...) 인수로 전달받은 값 중에서 가장 작은 수를 반환 Math.max(x, y, ...) 인수로 전달받은 값 ..
07.09(String 메소드)
2020. 7. 9. 20:37
프로그래밍/JavaScript
String 메소드 String 메소드는 String 객체에 정의된 문자열과 관련된 작업을 할 때 사용하는 메소드 메소드 설명 String.fromCharCode() 쉼표로 구분되는 일련의 유니코드에 해당하는 문자들로 구성된 문자열을 반환 String.fromCodePoint() 쉼표로 구분되는 일련의 코드 포인트(code point)에 해당하는 문자들로 구성된 문자열을 반환 String.raw() 템플릿 문자열(template string)의 원형을 반환 String.prototype 메소드 모든 String 인스턴스는 String.prototype으로부터 메소드와 프로퍼티를 상속받음 이렇게 상속받은 String.prototype 메소드를 이용하면, 다음과 같은 문자열 작업을 할 수 있음 - 문자열에서..