본문 바로가기

독서 목록/모딥다 Modern JS Deep Dive

(36)

[모딥다] 11장 원시 값과 객체의 비교 원시값 객체 - 변경 불가능한 값 - 변수에 실제 값 저장 - 다른 변수에 할당 : 원시 값이 복사되어 전달 (값에 의한 전달) - 변경 가능한 값 - 변수에 참조 값 저장 - 다른 변수에 할당 : 참조 값이 복사되어 전달 (참조에 의한 전달) 🥪 11. 1 원시 값 11.1.1 변경 불가능한 값 원시 타입의 값. 변경 불가능한 값. 한번 생성되면 변경할 수 없음. 📌 변경을 할 수 없다는 건 변수가 아니라 값에 대한 것. 변수는 언제든 재할당 가능. 그 중 상수는 재할당 불가능. 하지만 상수와 변경 불가능한 값을 동일시 ❌ 상수에 객체를 할당하면 재할당은 ❌ 값(내용) 변경은 가능 원시 값을 재할당 -> 새로운 메모리 공간 확보 -> 재할당한 원시값 저장 -> 변수가 참조하는 메모리 주소가 바뀜. (이..

[모딥다] 09장 타입 변환과 단축 평가 🌿 9.1 타입 변환이란? 1️⃣ 명시적 타입 변환 (=== 타입 캐스팅) : 개발자가 의도적으로 값의 타입을 변환하는 것. 2️⃣ 암묵적 타입 변환 (=== 타입 강제 변환) : 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되는 것. ✅ 타입 변환이 원시값을 직접 변경하는 것은 아님. => 타입 변환이란 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것. -> 새로운 타입의 값을 만들어 단 한번 가용하고 버림. 암묵적 타입 변환은 코드 상에서 명백히 나타나지 않기 때문에, 개발자 자신이 작성한 코드에서 암묵적 타입 변환이 발생하는지, 발생한다면 어떤 값으로 변환되는지, 그리고 타입 변환된 값으로 표현식이 어떻게 평가될 것인지 예측 가능해야 한다. => 타입 변환이 어떻게 동작하는..

[모딥다] 03장 자바스크립트 개발 환경과 실행 방법 🖼️3.1 자바스크립트 실행환경 JS는 브라우저 환경 또는 NodeJS 에서 동일하게 동작한다. 브라우저와 NodeJS는 용도가 다름. 🎵 브라우저 (웹 어플리케이션의 JS) - HTML, CSS, JS 를 실행해 웹페이지를 브라우저 환경에 렌더링 하는 것이 주 목적 - DOM API 를 기본 제공 - 파일 생성, 수정의 기능을 제공하지 않는 이유는 브라우저 상에서 보이기 때문 -> 보안상 이유 🎵 NodeJs - 브라우저 외부에서 JS 실행환경을 제공하는 것이 주된 목적. - 파일 생성, 수정 할 수 있는 파일 시스템 기본 제공 - 고유의 API 제공 -> HTML 요소를 파싱해서 객체화한 DOM (Document Object Model) 를 직접 다룰 필요가 없기 때문. -> 둘 다 ECMAScrip..

[모딥다] 02장 자바스크립트란? 2.1 자바스크립트의 탄생 - 넷스케이프. 웹페이지의 보조적인 기능 수행을 위해 경량 프로그래밍 언어 도입. - 브렌던 아이크가 개발함. 2.2. 자바스크립트의 표준화 - 브라우저에 따라 웹페이지가 정상적으로 동작하지 않는 : 크로스 브라우징 이슈 발생 - 자바스크립트의 표준화 요청 -> ECMA 2.3 자바스크립트 성장의 역사 - 초창기엔 서버로부터 받은 HTML, CSS를 단순히 렌더링 하는 수준이였음. - 렌더링 : HTML, CSS, JS 로 작성된 문서를 해석 -> 브라우저에 시작적으로 출력하는 것을 말함. 2.3.1 Ajax JS를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능. - 이전에는 완전한 HTML 코드를 받아서 전체를 렌더링 -> 화면이 전환되면 서버로..

[모딥다] 01장 프로그래밍 수정 : 23.09.17 모딥다 같이 읽기 2기를 모집하고 오늘부터 1주차 시작! 빨리 가는 유일한 방법은 제대로 가는 것이다 - 로버트 마틴 - 클린코드 저자 + 들어가기 - 코드를 구현하려면 당연히 자신이 작성하는 코드의 동작을 예측할 수 있어야 합니다. 코드의 동작을 예측하지 못하는 상태에서 코드를 작성한다는 것은 말이 되지 않습니다. 키워드 위주로 공부하기. 처음부터 완벽 불가! 여러번 반복해서 학습하는 것이 효율적! 의도적인 연습도 필요. 여기서 의도적인 연습이란? 구경 ㄴㄴ, 쉽게 해결 가능한 것을 반복하는 것도 아님. => 자신의 능력을 살짝 넘어서는 도전을 지속적으로 시도하는 것!! 1.1 프로그래밍이란? 프로그래밍이란 실행을 요구하는 일종의 커뮤니케이션. -> 즉, 프로그래밍에 앞서 해결..

[모딥다] 10장 객체 리터럴 (수정 23.5.2) 🌷 10.1 객체란? JS는 객체 기반의 프로그래밍 언어이며, JS 를 구성하는 거의 모든 것이 객체. 원시값은 변경 불가능이지만, 객체는 변경 가능한 값. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키와 값으로 구성된다. 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 '메서드' 라고 한다. let counter = { num: 0 // 프로퍼티 increase: function(){ this.num++; } //메서드 } 🎵 프로퍼티 : 객체의 상태값을 나타냄. 🎵 메서드 : 프로퍼티를 참조하고 조작할 수 있는 동작 -> 객체는 상태와 동작을 하나의 단위로 구조화 할 수 있어 유용 🎵 객체와 함수 - 함수로 객체를 생성하기도 하지만, 함수 자체가 객체이기도..

[모딥다] 08장 제어문 (수정 23.4.29) 제어문 : 조건에 따라 코드 블록을 실행하거나 반복 실행할 때 사용한다. (조건문, 반복문) 제어문, 특히 for 문을 이해하는 건 매우 중요. 제어문은 코드의 흐름을 이해하기 어렵게 만들어 가독성을 해치는 단점이 있음. => 가독성이 좋지 않은 코드는 오류를 발생시키는 원인이 됨. 🦑 8.1 블록문 0개 이상의 문을 중괄호로 묶은 것. 코드 블록 또는 블록이라고 부르기도 함. 하나의 실행단위. 자체 종결성이 있기 때문에 세미콜론 안붙힘. 🦑 8.2 조건문 조건문은 주어진 조건식의 평가 결과에 따라 코드 블록의 실행을 셜정함. 8.2.1 if... else 문 if .. else if.. else if 문 내의 조건식은 불리언 값으로 평가 되어야 함. boolean이 아니라면 강제..

[모딥다] 07장 데이터 타입 (7.5~7.13) (수정 23.4.27) 앞 내용 https://mayongee.tistory.com/306 [모딥다] 07장 데이터 타입 (7.1~7.4) (수정 23.4.27) 연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입 등을 수행해 하나의 값을 만든다. 피연산자 - '값'이라는 명사 역할, 연산자 - '연산해 새로운 값을 만든다' 라 mayongee.tistory.com 🪅 7.5 논리 연산자 || (논리합) && (논리곱) ! (부정) !는 언제나 boolean 값을 반환하지만 피연산자가 반드시 불리언 값일 필요는 없다. boolean 값으로 암묵적으로 변환되기 때문. || 와 && 는 단축평가로 인해 결과가 boolean 값이 아닐 수도 있다. 🪄 드 모르간의 법칙 !(A || B) ..

이전 1 2 3 4 5 다음

728x90

티스토리툴바