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 메소드를 이용하면, 다음과 같은 문자열 작업을 할 수 있음 - 문자열에서..
07.08(scope)
2020. 7. 8. 20:12
프로그래밍/JavaScript
블록 스코프 블록 스코프는 중괄호{ }로 감싸진 범위를 말함 if의 블록 { }, for의 블록 { }, function의 블록 { } 이들 모두 블록 스코프라고 할 수 있음 let, const는 블록 스코프에서 유효 if(true){ var variable1 = 'I am in a block'; let variable2 = 'I am in a block'; const variable3 = 'I am in a block'; console.log(variable1); console.log(variable2); console.log(variable3); } for(var i=0; i
07.07(Interaction)
2020. 7. 7. 20:01
프로그래밍/JavaScript
User Interaction(사용자 상호작용) 사용자와 상호작용을 위하여 대화상자와 innerHTML 메소드를 제공 ① alert() ② confirm() ③ prompt() ④ innerHTML() ⑤ innerText() alert() window 객체의 alert() 메소드는 사용자에게 간단한 메시지를 보여주고, 그에 대한 사용자의 확인을 기다림 window.alert("간단한 메시지"); //window 생략가능 alert("간단한 메시지"); confirm() 사용자에게 간단한 메시지를 보여주고, 사용자가 확인이나 취소를 누르면 그 결과를 불리언 값으로 반환 confirm("간단한 메시지"); prompt() 사용자에게 간단한 메시지를 보여주고, 사용자가 입력한 텍스트를 문자열 타입으로 반환 ..