whatisthis?

함수 선언 방식 = 함수가 독립된 구문 형태로 존재. 함수 표현식 방식 = 함수가 표현식의 일부로 존재. 함수선언식 (function Declaration) - 지정된 매개변수(parameter)를 갖는 함수를 정의 SYNTAX function name([param[, param,[..., param]]]) { [statements] } 함수표현식 (function Expression) - 어떤 표현식(expression) 내에서 함수를 정의 - 함수를 생성하고 변수에 값을 할당하는 것처럼 함수가 변수에 할당 - 함수 = 값(value)이 되므로 함수를 값처럼 alert나 console.log해서 코드를 출력할 수 있음. SYNTAX var myFunction = function [name]([param..

실행 컨텍스트 (Execution Context) 실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. var name = 'zero'; // 전역변수 function wow(word) { // word는 parameter console.log(word + ' ' + name); // } function say () { // var name = 'nero'; // 지역변수 name 선언 console.log(name); // 'nero' wow('hello'); // console.log('hello zero') } say(); // nero, hello zero - Lexical..

IIFE 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)은 선언하자마자 즉시 실행되는 Javascript Function 를 말한다. 다른 말로 모듈 패턴(Module Pattern)이라고도 함. SYNTAX (function () { statements })(); ( function() {} )(); 이는 Self-Executing Anonymous Function 으로 알려진 디자인 패턴이고 크게 두 부분으로 구성된다. 첫 번째는 괄호((), Grouping Operator)로 둘러싸인 익명함수(Anonymous Function)이다. 이는 전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지할 수 있을 뿐 아니라 IIFE 내부안으로 다..

보호되어 있는 글입니다.

자바스크립트에서 ECMAscript 5 이전에는 var로 선언한 변수로 데이터를 저장했었다. (ECMA5이후에는 const와 let이 등장하였다. 현재 var은 웬만해선 쓰지 X) var로 전역(global)변수를 만드는 것은 삼가야 한다! 그렇다면, 전역 변수란 무엇이며, 삼가야 하는 이유는 무엇일까? ** 전역변수 (global variable) 자바스크립트에서 가장 바깥 범위(window 객체)에 변수를 만드는 것. 함수 안에 포함되지 않음. 예제를 통해 살펴보자. var x = 'global'; function ex() { var x = 'local'; x = 'change'; } ex(); // x를 바꿔본다. alert(x); // 여전히 'global' 함수 ex 안의 x는 local변수(지..

❕ 이전 포스팅 참조 (Window 객체) https://mywebproject.tistory.com/231 javaScript. Window 객체와 BOM mywebproject.tistory.com 전역 객체 중 document는 따로 DOM이라고 불리고 나머지는 브라우저에 대한 정보를 가져서 BOM이라고 불림. DOM : Document Object Model BOM : Browser Object Model 이중에서도 BOM에 대해 알아보자. 📁 navigator - 브라우저 or 운영체제에 대한 정보. - userAgent 정보를 바탕으로 분석 (navigator.userAgent) - 만약 브라우저에 따라 다른 동작을 해야하거나 (쓰레기)IE인지 체크할 때 사용 - 또한 GPS나 핸드폰 배터리 ..

💡 Window 객체란? - 브라우저의 요소들과 자바스크립트 엔진, 그리고 모든 변수를 담고 있는 객체 - 브라우저 전체를 담당하는 것이 Window 객체 (cf. Document 객체 = 웹사이트만 담당) - Document 객체도 Window 객체 안에 들어있음. window객체 아래에는 많은 속성(property)과 메소드(method)가 존재함.그중에서도 대표적인 것을 살펴보면 * 객체 : screen , location , history , document 객체* 메소드 : parseInt , isNaN 등 사실 parseInt같은 경우에도 window.parseInt()라고 작성하지 않고 parseInt()라고만 작성한다.Window 객체는 모든 객체의 조상, 즉 전역객체(global obje..

❗ 피그마(figma) 란? https://www.figma.com/ Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com - 웹 기반 UI/UX 디자인 및 프로토타이핑 툴. - 무료 프로그램임에도 불구하고 어도비 XD, 스케치 등에 꿀리지 않거나 오히려 더 나은 성능을 보여줌. - 한 화면에서 디자인 / 포로토타이핑 / 코드 모두 확인 가능. (올인원 툴) - 웹 기반 툴이라 설치가 따로 필요없으나, 네이티브 앱도 지원중. - 저장이 존재하지 않음. 작업을 하는 순간마..

함수의 메소드 중 중요한 것은 call, apply, bind 이다. 원래 함수는 선언한 후 호출을 해야 실행된다. 💡 call과 apply 함수 뒤에 ()를 붙임 call 과 apply call은 보통 함수와 똑같이 인자를 넣음 apply는 인자를 하나의 배열로 묶어 넣음 let example = (a,b,c => a+b+c); // example 함수 선언 example.call(null, 1, 2, 3); example.apply(null, [1, 2, 3]); ** call과 apply가 공통적으로 가진 null인자의 역할은? this를 대체하는 것. var obj = { string: 'zero', yell: function() { alert(this.string); } }; var obj2 =..

보호되어 있는 글입니다.