Study9 [Java Script] 13. 스코프 ** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다.** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. ** 피드백은 언제나 환영입니다!1. 스코프 (scope) ?스코프(scope) 란 모든 식별자가 참조하는 유효 범위이다. 다음 예제를 통해 스코프(scope) 가 어떻게 결정되는지 보자var x = "전역x";function 전역함수 () { var x = "내부x"; console.log(x); // 내부x, 내부x 를 참조하여 출력합니다.}전역함수();console.log(x) // 전역x, 전역x를 참조하여 출력합니다.// 두 변수 x는 다른 메모리를 가집니다. 다른 변수에요.똑같은 식별자를 가진 변수 x를 특정함수 내부와 전역.. 2022. 8. 25. [Java Script] 11. 원시 값과 객체의 비교 ** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. ** 피드백은 언제나 환영입니다! 데이터 타입을 배울때 6개의 원시타입과 객체타입 까지 총 7개의 타입을 학습했다. 근데 왜 객체만 따로 타입을 나누는 걸까? 간단하게 차이점을 설명 후, 자세히 알아보자. 0. 원시 값과 객체 값의 차이, 3 가지 1. 원시 값은 변경이 불가능한 값 객체 값은 변경이 가능한 값 2. 원시 값은 변수에 할당 시 메모리 공간에 실제 값이 할당된다. 객체 값은 객체 값이 저장된 메모리 주소를 변수 메모리에 할당한다. 3. 값이 할당된 변수를 다른 변수에 할당하면, 원시 값은 값 자체가 복사되어 전달되는 반.. 2022. 8. 3. [Java Script] 10. 객체 리터럴 ** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. ** 피드백은 언제나 환영입니다! 객체란? 앞서 배운 원시 타입 데이터를 제외한 거의 모든것을 객체라고 할수 있다. 자바스크립트는 객체 기반의 프로그래밍 언어라, 거의 웬만한 것들이 다 객체에 기초를 두고 있는데, 사실 이렇게 얘기해도 잘 와 닿질 않으니 어떻게 생겼는지 우선 보도록 하자. var member = { name: "pie", age: 27, hi: function () { console.log("안녕!"); } } 한번에 객체 형태를 다 표현하려다 보니 그림이 난잡해졌다. 아무튼 하나씩 보자. 우선 객체의 요소는 프로퍼.. 2022. 8. 2. [Java Script] 09. 타입 변환과 단축평가 (feat. 옵셔널 체이닝 연산자) ** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. ** 피드백은 언제나 환영입니다! 1. 타입 변환 타입 변환에 앞서... 이 책 (모던 자바스크립트 Deep Dive) 에서는 타입의 변환 방식에 따라 암묵적 타입 변환과 명시적 타입 변환을 나누고 있습니다. 근데 자세히 보아도 두 타입 변환 방법의 차이를 발견하지 못하였고, 개인적으로 암묵적인 방법보다 명시적으로 타입을 변환하는 것이 오히려 코드에서 목적성이 더 잘 드러나, 코드 가독성이 좋아진다고 생각합니다. 때문에 현재 글 에서는 두 타입 변환 종류에 대해 따로 나누지 않고 타입 변환의 방법만 다루겠습니다. * 참고 타입 변환은.. 2022. 7. 31. [Java Script] 08. 제어문 ** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. ** 피드백은 언제나 환영입니다! 제어문? 조건문이나 반복문 처럼 특정 조건에 따라 코드를 실행할 때 사용한다. 다만 제어문은 위 → 아래로 진행하는 일반적인 코드 실행 순서를 바꿀 수 있으니 주의할 것. 아무튼 가보자! 1. 블록문 중괄호로 문(statement)을 묶는 것을 뜻한다. { var result = 10; console.log(result) } // ...뭔가 허전하다. 앞으로 소개 할 반복문과 조건문의 몸통 정도라고 생각하면 된다. 이렇게 블록문만 잘 쓰이진 않는다. 2. 조건문 주어진 조건식에 따라 코드를 실행하는 .. 2022. 7. 30. [Java Script] 07. 연산자 ** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. 연산자? 하나 이상의 표현식을 대상으로 하나 이상의 값을 만드는 것을 연산자 라고 한다. 이 때 명사와 같은 연산의 대상을 피연산자 라고 하고, 피연산자에 동사에 역할을 하는 것을 연산자 라고 한다. 어렵게 생각할 거 없이 우리가 수학에서 사용하는 + - = 2 x --; // x = x - 1와 같다. x -> 1 var y = '1'; +y; // 양수로 변환. 문자열도 숫자로 전환된다. x -> 1 -y; // 음수로 전환. 이 또한 숫자로 전환된다. y -> -1 var z = 'z'; +z // NaN. 당연히 숫자로 변환이.. 2022. 7. 28. 이전 1 2 다음
