WIZI Blog

javascript의 클로저 javascript를 공부하는 사람이라면 클로저는 다들 한번씩 들어봤을 것이다. 그렇다면 클로저란 무엇이냐? MDN에는 "클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다." 라고 정의하고 있다. 필자가 만약 클로저를 설명한다면 함수에서 함수를 리턴할 때 내부에 변수를 숨길 수 있도록 해주는 자료구조라고 설명할 것이다. 다음 예시를 보자 function makeFunc() { var name = "Mozilla"; function displayName() { alert(name); } return displayName; } //myFunc변수에 displayName을 리턴함 var myFunc = makeFunc(); //유효범위의 어휘적 환경을 유지 //리턴된 displ..

자바스크립트에서의 물음표 점 자바스크립트 코드를 보다가 ?. 혹은 ?? 과 같은 문법을 본 적이 있나요? ES11에서 신규 도입된 연산자 입니다! ?. => 옵셔널 체이닝 연산자 개발하다가 object의 property값이 없어서 에러가 발생하는 경우가 많이 있습니다. var obj = undefined; console.log(obj.data); //error 발생!! undefined인 값의 property를 읽으려고 하면 node에서는 해당 값을 읽을 수 없다는 error message가 출력됩니다. 개발을 진행할 때 object에서 property를 가져오는 경우가 많은데 해당값이 존재하는지 안하는지 확신이 안드는 경우가 존재합니다. 이럴 경우 예외처리를 위해 for문을 사용하거나 논리연산자 &&를..

1. var // myVarVariable는 여기서에서 사용 할 수 있습니다. for(var myVarVariable = 0; myVarVariable < 10; myVarVariable++){ //myVarVariable는 이제 함수 전체에서 사용 할 수 있습니다. } // myVarVariable는 여기에서 사용 할 수 있습니다. var은 ECMA2015 이전에 사용되었던 가장 일반적인 변수 선언 키워드입니다. var로 선언된 변수는 변수가 선언된 함수 블록에서 사용할 수 있습니다. 여기서 블록이라는 말은 한 쌍의 중괄호{} 로 구성되어 있는 구절을 의미합니다. var name = "javascript"; console.log(name); var name = "changed"; console.log(..

변수란 무엇인가? 프로그래밍언어에서 숫자 또는 문자열을 담을 수 있는 공간입니다! 그렇다면 javascript의 변수를 살펴볼까요? var age var myAge var init var initialColor var finalOutputValue var audio1 var audio2 javascript는 "lower camel case" 명명법을 따릅니다.(첫글자 소문자, 단어시작 대문자) 변수의 타입 Boolean Null Undefined Number String Symbol Objects 변수 타입을 확인해보자! var a = "wizi" console.log(typeof a) // string typeof 라는 예약어를 사용하면 자료의 타입을 확인할 수 있다.

흔히 크롤링 할 때 파이썬을 많이 사용하는 것으로 알고있다. 하지만 글쓴이는 파이썬을 별로 좋아하지 않기 때문에 javascript를 이용하여 크롤링을 해보려고 한다. 1. 설치 혹시 node.js가 안깔려있다면 깔도록 하자. nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. init crawling이라는 폴더를 만들고 나서 에디터로 작업창을 구성하자 터미널을 켜준뒤 다음 명령어를 실행하자. npm init (후에 명령어 끝날때까지 엔터) npm install puppeteer crawling 폴더 안에 app.js파일을 생성하자 ..