본문 바로가기

전체 글

lessons 16. Strict mode
프로그래밍/js 2023. 2. 12. lessons 16. Strict mode 2023.02.12 자바스크립트 스터디 5회차 공부 사이트: https://poiemaweb.com/ 16. Strict mode 1) Strict mode 개발자의 의도와 상관없는 암묵적 전역 변수는 오류를 발생시키는 원인이 될 수 있다. ＃암묵적 전역 변수: 변수를 선언하지 않았을 때 자바스크립트는 암묵적으로 전역 객체에 프로퍼티를 생성. ES5에서 Strict mode가 추가되었다. 자바스크립트 언어의 문법을 엄격히 적용하여 ⓐ 오류를 발생시킬 가능성이 높거나, ⓑ엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킨다. → 암묵적 전역 변수에 에러를 발생시킬 수 있다. 'use strict'; function func(){ x = 10; // 선언 X } func(); ..
lessons 15. 스코프
프로그래밍/js 2023. 2. 12. lessons 15. 스코프 2023.02.12 자바스크립트 스터디 5회차 공부 사이트: https://poiemaweb.com/ 15. 스코프 스코프: 참조 대상 식별자를 찾아내기 위한 규칙. 식별자 이름의 충돌을 방지한다. 1) 스코프의 구분 구분 설명 전역 스코프 (Global scope) - 코드 어디에서든지 참조 가능 - 전역 변수: 전역에서 선언된 변수. 어디에든 참조 가능 지역 스코프 (Local scope or Function-level scope) 함수 코드 블록이 만든 스코프. 자신과 하위 함수에서만 참조 가능 - 지역 변수: 지역(함수) 내에서 선언된 변수. 그 지역과 하부 지역에서만 참조 가능. 2) 스코프의 특징 대부분의 C-family 언어는 블록 레벨 스코프를 따른다. 코드 블록 내에서만 참조 가능한 스코..
lessons 14. 프로토타입
프로그래밍/js 2023. 2. 9. lessons 14. 프로토타입 2023.02.12 자바스크립트 스터디 5회차 공부 사이트: https://poiemaweb.com/ 14. 프로토타입 1) 프로토타입 객체 클래스 기반 객체지향 프로그래밍: 객체 생성 이전에 클래스를 정의, 이를 통해 객체(인스턴스) 생성 프로토타입 기반 객체지향 프로그래밍: 클래스 없이도 객체 생성 가능 ① 자바스크립트의 모든 객체는 자신의 부모 역할을 담당하는 객체와 연결되어 있다. - 상속 개념과 유사하게 부모 객체의 프로퍼티/메소드를 상속받아 사용할 수 있게 한다. - 이러한 부모 객체를 프로토타입 객체 또는 프로토타입이라고 한다. var student = { name: '홍길동', score: 88 }; console.log('student 객체는 \'name\' 프로퍼티를 가지고 있는가? >..
lessons 13. 타입 체크
프로그래밍/js 2023. 2. 8. lessons 13. 타입 체크 2023.02.08 자바스크립트 스터디 4회차 공부 사이트: https://poiemaweb.com/ 13. 타입 체크 자바스크립트가 타입 체크가 필요한 이유는 동적 타이핑에 의해 의도하지 않은 결과가 나올 수 있기 때문이다. // 어떤 타입의 값을 반환해야 하는지 명확하지 않다. function sum(a, b) { return a + b; } console.log(sum(12,5)); console.log(sum('hello ','javascript')); 1) typeof - typeof는 피연산자의 데이터 타입을 문자열로 반환한다. - null을 제외한 원시 타입을 체크하는 데는 문제가 없으나, 객체의 종류까지 구분하여 체크할 때는 사용하기 곤란하다. 피연산자 typeof null object 배..
lessons 12. 함수
프로그래밍/js 2023. 2. 7. lessons 12. 함수 2023.02.08 자바스크립트 스터디 4회차 공부 사이트: https://poiemaweb.com/ 12. 함수 "어떤 작업을 수행하기 위해 필요한 문(statement)들의 집합을 정의한 코드 블록" 자바스크립트의 함수는 일급 객체이다. ＃일급 객체: 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체. 변수나 객체, 배열 등에 저장할 수 있고 다른 함수에 인자로서 전달될 수 있으며 함수의 반환값도 될 수 있음. [일급 객체 특징] - 무명의 리터럴로 표현 가능 - 변수, 자료구조에 저장 가능 - 함수의 파라미터에 전달 가능 - 반환값으로 사용 가능 1) 함수 정의 - 함수 선언문 - 함수 표현식 - Function 생성자 함수 ① 함수 선언문 함수 선언문 방식으로 정의한 함수는 functio..
lessons 11. 객체와 변경불가성(Immutability)
프로그래밍/js 2023. 2. 7. lessons 11. 객체와 변경불가성(Immutability) 2023.02.08 자바스크립트 스터디 4회차 공부 사이트: https://poiemaweb.com/ 11. 객체와 변경불가성(Immutability) 변경불가성이란, 객체 생성 이후 그 상태를 변경할 수 없는 디자인 패턴을 의미한다. lessons 10에서 포스팅했듯, 객체는 pass-by-reference 특성을 가지고 있다. 객체가 참조를 통해 공유되어 있다면 그 상태가 언제든 변경될 수 있기 때문에 문제가 될 수도 있다. 객체의 참조(주소)를 가지고 있는 변수가 객체를 변경하면, 참조를 공유하는 모든 곳에서 그 영향을 받기 때문이다. 의도치 않은 객체의 변경이 발생하는 원인의 대다수가 "레퍼런스를 참조한 다른 객체에서 객체를 변경하기 때문" 이다. 이러한 문제의 해결방법은 ①불변객체로 만들기 ②O..
lessons 10. 객체
프로그래밍/js 2023. 2. 5. lessons 10. 객체 2023.02.05 자바스크립트 스터디 3회차 공부 사이트: https://poiemaweb.com/ 10. 객체 1) 객체(Object) - 원시 타입을 제외한 나머지 값들(함수, 배열, 정규표현식 등..)은 모두 객체 - 키(key)와 값(value)으로 구성된 프로퍼티(property)의 집합 - 객체 = 데이터를 의미하는 프로퍼티 + 데이터를 참조하고 조작할 수 있는 동작을 의미하는 메소드 - 상속을 구현하기 위해 프로토타입이라고 부르는 객체의 프로퍼티와 메소드를 상속받을 수 있다. ① 프로퍼티 - 프로퍼티 키와 프로퍼티 값으로 구성 - 프로퍼티 키로 유일하게 식별 가능 - 프로퍼티 키에 문자열/Symbol 값 이외의 값을 지정하면 암시적 형변환되어 문자열이 된다. - 프로퍼티 키 중복 선언 시 ..
lessons 9. 타입 변환과 단축 평가
프로그래밍/js 2023. 2. 5. lessons 9. 타입 변환과 단축 평가 2023.02.05 자바스크립트 스터디 3회차 공부 사이트: https://poiemaweb.com/ 9. 타입 변환과 단축 평가 1) 타입 변환 ① 개발자에 의해 의도적으로 변환되는 경우 → 명시적 형변환(Explicit Coercion) 또는 타입캐스팅(Type casting) ② 자바스크립트 엔진에 의해 암묵적으로 자동 변환되는 경우 → 암시적 형변환(Implicit coercion) 또는 타입 강제 변환(Type Coercion) (이전 포스팅-암시적 형변환) 2) 암시적 형변환 자바스크립트 엔진은 표현식을 평가할 때 문맥(context)에 고려하여 암시적 형변환을 실행한다. 그래도 가급적이면 에러를 발생시키지 않도록 암시적 형변환을 하자. // 표현식이 문자형이어야 하는 컨텍스트 '10' + 2..

티스토리툴바