자바스크립트

출처: "You don’t know JavaScript until you can beat this game" https://javascript.plainenglish.io/you-dont-know-javascript-until-you-can-beat-this-game-aa7fd58befb [You don’t know JavaScript until you can beat this game] You don’t know JavaScript until you can beat this game Put your money on the winning horse every time and you can yourself a true JavaScript connoisseur javascript.plainenglish.io..

모던자바스크립트 "4장 변수", "13장 스코프"을 읽으며 정리하여 공부했습니다. 사실 어디서 많이 들어봤고 면접단골질문이라는 실행컨텍스트..를 공부하려고했는데, 읽다보니 var와 스코프, lexical environment에 대한 이해가 전무하다고 판단하여 변수와 스코프를 먼저 공부하게 되었다. 하핫 let, const까지 공부하면 소화할 수 있으려나... 모던자바스크립트 딥 다이브를 읽고계시다면, 책에서는 다른 챕터로 다루었지만, 변수와 스코프는 이어지는 맥락으로 설명되기 때문에 변수를 읽은 후 스코프를 읽으면 더 이해하기 좋을 것 같습니다. var의 특징과 장단점 var은 우선 ES6에서는 const,let에 밀려 사용이 권장되어 지지 않는다. var에 어떤 특성이 단점으로 나타났기 때문인가? 특성..

Constructor function(생성자 함수) 객체 리터럴 다음과 같이 객체를 생성하는 방법 let user={ name: 'mike', age : 32, } 회원, 상품 등 같은 객체를 여러개 만들어야 할 때 불편하다. 생성자 함수 객체의 요소를 전달받아 객체를 생성한다. 보통 첫 글자는 대문자. 객체 리터럴보다 빠르고 간편하게 일관성있는 객체를 생산할 수 있다. 생성자 함수만 수정하면 수많은 객체를 다르게 만들 수 있다. function User(name, age){ //this={}; this.name=name; this.age=age; this.sayName=function(){ console.log(this.name); } //return this; } let user1=new User('..

다음 영상을 보고 정리하고 살을 조금 붙였습니다. 출처: https://youtu.be/ocGc-AmWSnQ 변수와 호이스팅, TDZ(Temporal Dead Zone) 변수: let, const, var 호이스팅: 스코프 내부 어디서든 변수 선언은 취상위에 선언된 것 처럼 행동한다는 의미이다. let 으로 만든 변수는 다시 선언할 수 없다. 이미 declared되었다는 SyntaxError가 감지된다. let도 호이스팅되지만, 에러가 난다. TDZ 때문이다. let , const는 TDZ의 영향을 받는다. 이 영역에 있는 변수는 사용할 수 없다. 이를 통해, 사람은 코드를 예측 가능하고 잠재적 에러를 줄일 수 있다. var 선언전에 사용할 수 있다. 코드 하단에 var로 선언했더라고, 이미 선언된 것처..

비슷한 상황에서 쓰이지만, 원본의 변경 유무와 반환값이 다르다. let array=[0,1,2,3,4,5,6,7,8,9] slice() array.slice(3,5) 인덱스 3이상 5미만에 해당하는 어레이를 반환한다. 즉, 반환값은 [3,4]이다. 원본 어레이는 변경되지 않는다. splice() array.splice(3,2) 원본 어레이의 인덱스 3부터 2개의 요소를 삭제한다. 원본 어레이가 [0,1,2,5,6,7,8,9]으로 변경된다. 삭제된 어레이 [3,4] 를 반환한다.

실시간 시계 실시간 위치, 날씨(API 사용) 사용자 이름, todo list받아서 브라우저에 저장 저장된 명언 랜덤으로 보여주기 저장된 배경사진 랜덤으로 보여주기 저의 코드가 궁금하시다면..? https://github.com/Hong-been/Momentum/tree/master Hong-been/Momentum JS project - Chrome app with Vanilla JS. Contribute to Hong-been/Momentum development by creating an account on GitHub. github.com 자바스크립트 전혀 모르는 상태로 들었는데, 여태 자바로 공부한 경험이 있어서 용어나 브라우저, 웹 동작 등이 새로웠다. 문법도 자바와 비슷하고 객체지향적인 원리..