본문 바로가기

독서 목록

(46)

[모딥다] 13장 스코프 13.1 스코프란? 스코프 : 식별자가 유효한 범위 var 키워드 / const, let 키워드는 다르게 동작함. 📌 모든 식별자는 자신이 설언된 위치에 의해 스코프가 결정된다. 식별자 결정 : JS 엔진이 스코프를 통해 어떤 변수를 참조할 것인지 결정하는 것. => 스코프는 JS 엔진이 식별자를 검색할 때 사용하는 규칙이기도 함. 📌 렉시컬 환경 : 코드가 어디서 실행되며, 주변에 어떤 코드가 있는지를 의미 -> 코드의 문맥은 렉시컬 환경으로 이뤄짐. -> 이걸 구현한 것 : 실행 컨텍스트 스코프 내에서 식별자는 유일해야하지만, 다른 스코프에서는 동일한 이름의 식별자를 사용할 수 있음. 📌 var 키워드 사용한 변수 : 같은 스코프 내에서 중복 선언이 가능 => 의도치 않게 변수값이 재할당 & 변경되는..

[모딥다] 12장 함수 🫧 12.1 함수란? JS에서 가장 중요한 핵심 개념. 다른 핵심 개념 (스코프, 실행 컨텍스트 등..) 과 깊은 관련이 있음. JS 를 이해하기 위한 핵심 중의 핵심 함수는 일련의 과정을 문으로 구현, 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것. 입력을 받아서 출력을 내보냄. 매개변수 : 함수 내부로 입력을 전달받는 변수 인수 : 입력 반환값: 출력 함수는 함수 정의를 통해 생성됨. 함수 호출 : 함수는 정의만으로 실행되는 것이 아니라, 실행을 명시적으로 지시해야함. 🫧 12.2 함수를 사용하는 이유 동일한 반복 작업을 수행할 시, 여러번 호출 가능 -> 코드의 재사용 가능 여러 번 작성 시 수정하려면 걸리는 시간 & 오류 가능성 증가 -> 유지보수의 편의성과 코드의 신뢰성을 높이기 위해 함수..

[모딥다] 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++; } //메서드 } 🎵 프로퍼티 : 객체의 상태값을 나타냄. 🎵 메서드 : 프로퍼티를 참조하고 조작할 수 있는 동작 -> 객체는 상태와 동작을 하나의 단위로 구조화 할 수 있어 유용 🎵 객체와 함수 - 함수로 객체를 생성하기도 하지만, 함수 자체가 객체이기도..

이전 1 2 3 4 5 6 다음

728x90

티스토리툴바