스터디/모던 자바스크립트 딥 다이브 (4) 썸네일형 리스트형 [딥 다이브 스터디 13 ~ 14장] 스코프 (이웅모, 위키북스) 를 읽고 공부한 내용입니다. 책의 내용을 그대로 적어 놓은 것이 아니기 때문에 오류가 있을 수 있습니다. 오류가 있다면 댓글을 통해 피드백 부탁드립니다. ❓ 급 퀴즈 아래 콘솔에는 무엇이 찍힐까요? 이유는 무엇일까요? var x = "나는 전역 변수 x" function foo(){ console.log(x); // ??? var x = "나는 지역 변수 x"; } foo(); console.log(x); // '나는 전역 변수 x' [1] 스코프란? 스코프는 프로그래밍 언어에서 매우 중요한 개념이다. 프로그래밍 언어를 처음 배울 때, 스코프에 대해서 배우지 않더라도 어느정도 직관적으로 스코프가 무엇인지 인지할 수 있을 것이다. function any() { var x = 1; va.. [딥 다이브 스터디 12장] 함수 (이웅모, 위키북스) 를 읽고 공부한 내용입니다. 책의 내용을 그대로 적어 놓은 것이 아니기 때문에 오류가 있을 수 있습니다. 오류가 있다면 댓글을 통해 피드백 부탁드립니다. ❓ 급 퀴즈 1. 콘솔에는 무엇이 찍힐까요? var add1 = function add(x, y){ return x + y; } console.log(add1.name) // ??? 2. 다음 함수는 어떤 문제를 가지고 있을까요? function introduce(name, age, location, hobby) { return `Hello! I'm ${name}, ${age} years old, from ${location}, like ${hobby}..`; } console.log(introduce(...)) [1] 함수란? .. [딥 다이브 스터디 11장] 원시 값과 객체 (feat. 참조와 복사) (이웅모, 위키북스) 를 읽고 공부한 내용입니다. 책의 내용을 그대로 적어 놓은 것이 아니기 때문에 오류가 있을 수 있습니다. 오류가 있다면 댓글을 통해 피드백 부탁드립니다. 들어가기 전에 1. 아래 코드는 어떤 결과를 반환할까? let strings = "hello"; strings[strings.length - 1] = "u"; console.log(strings); // 결과는? 2. array는 const로 선언되었는데, 변경되었다. 이유는 무엇일까? const array = [1, 2, 3]; array[2] = 4; console.log(array); // [1, 2, 4] 3. 아래 코드는 어떤 결과를 반환할까? const a = 1; const b = 1; console.log(a === .. [딥 다이브 스터디 10장] 객체와 프로토타입 (feat. new, __proto__) (이웅모, 위키북스) 를 읽고 공부한 내용입니다. 책의 내용을 그대로 적어 놓은 것이 아니기 때문에 오류가 있을 수 있습니다. 오류가 있다면 댓글을 통해 피드백 부탁드립니다. 💡 중점적으로 공부한 내용 ✔ 객체를 생성하는 방식에 대해 ✔ 객체의 메서드를 표현하는 방식에 대해 ✔ new 키워드에 대해 ✔ 프로토타입 체이닝 동작방식에 대해 10장 객체는 0개 이상의 프로퍼티로 구성된 집합이다. 프로퍼티는 key: value 쌍으로 구성된다. 이 경우 value가 함수라면 이 객체의 동작을 나타낸다 하여 관습적으로 '프로퍼티'보다는 '메서드'라고 부른다. 객체의 생성 1. 객체 리터럴 방식 자바스크립트 {} 를 이용해서 가장 기본적으로 객체를 생성할 수 있는 방식이다. const person = {}; 여기에.. 이전 1 다음
