stric mode는 자바스크립트 언어의 문법을 좀 더 엄격히 적용하여 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킴strict mode를 사용하면 JavaScript에서 문제를 일으킬 수
객체 생성방법은 다양함객체 리터럴Object 생성자 함수생성자 함수Object.create 메서드클래스(ES6)각 객체 생성방식은 추상 연산 OrdinaryObjectCreate에 의해 생성된다는 공통점이 있음프로토타입은 추상 연산 OrdinaryObjectCreate
책 내용이라도 요약하고 싶었지만 해당 파트를 아직 제대로 이해하지 못한 것 같아 쉽게 프로토타입을 쉽게 정리한 블로그를 필사 하기로 함프로토타입이란 의미자체가 원형,원본이란 말임즉 어떠한 객체가 만들어지기 위해 그 객체의 모태가 되는 녀석을 프로토타입이라고 함kim과
다음과 같은 조건을 만족하는 객체무명의 리터럴로 생성할 수 있음 / 즉, 런타임에 생성이 가능함변수나 자료구조(객체, 배열 등)에 저장할 수 있음함수의 매개변수에 전달할 수 있음함수의 반환값으로 사용할 수 있음자바스크립트의 함수는 위 조건을 모두 만족하므로 일급 객체임
생성자 함수를 통해 객체를 여러개 만들어야 하는 상황들의 예시가 알고 싶었다.위 코드를 보면 생성자를 이용한 코드는 객체 리터럴로 입력한 것과 동일하게 동작하는데 new User("보라")이외에도 new User("호진"), new User("지민") 등을 이용하면 손
프로퍼티 어트리뷰트의 내용은 생소한 내용이어서 복습하기 위해 전체 내용을 요악하기로 함자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티(pseudo property)와 의사 메서드(pseudo method)임의사: 개
10 + 20이라는 코드가 있을 때 자바스크립트 엔진은 자바스크립트를 해석하고 실행하기 위해서 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억함하지만 메모리 주소를 통해 값에 직접 접근하기는 어려운데, 이때 변수가 필요함하나의 값을 저장하기 위해 확보한 메모리
1. 주제 선정 이유 > 책에서 &&와 ||를 이용한 단축 평가, null 병합 연산자를 설명할 때는 특정 조건에서 '피연산자를 반환한다'고 표현했다. 하지만 옵셔널 체이닝을 설명할 때만 '우항의 프로퍼티 참조를 이어간다'라고 다르게 표현한 것이 신기해서 주제로 선정했
주제 선정 이유 > 객체는 중요한 개념이므로 책에 나온 개념을 정리해서 기억하고자 했다. > 1. 객체란? > 객체는 0개 이상의 프로퍼티로 구성된 집합이며 프로퍼티는 키(Key)와 값(Value)으로 구성된다. > 자바스크립트는 객체 기반의 프로그래밍 언어임
책 내용 정리콜스택과 메모리힙의 데이터 저장 구조 원시 타입에서 메소드 호출원시 타입과 객체 타입은 크게 세 가지 측면에서 다르다.원시값: 변경 불가능한 값객체 타입의 값: 변경 가능한 값원시값: 실제 값객체 타입의 값: 참조 값원시값: 원시 값이 복사되어 전달됨객체
프로그래밍 언어의 함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다.코드의 재사용, 유지보수의 편의성, 코드의 신뢰성 측면에서 매우 유용하다.함수 리터럴은 function 키워드, 함수 이름, 매개 변수 목록, 함수 몸체로 구
하루도 빠짐없이 스터디에 참여했음블로그 테마(career footprint)를 잘 잡아서 스터디 활동이 재밌음 피그마를 이용해서 구상한 내용을 표현했음기획과 디자인에 생각보다 많은 시간이 소요됐음 앞으로는 시간 배분을 보다 신중하게 할 필요성이 있음블로그를 만드는데 필
구조화된 배열과 같은 이터러블 또는 객체를 1개 이상의 변수에 개별적으로 할당하는 것을 말합니다. 배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용합니다.JavaScript에서 undefined와 null은 둘 다 값이 없음을 나타
책을 읽으면서 의문점이 들었던 부분과 꼭 기억하고 싶은 부분들이 있어서 그 부분을 중점적으로 기록하기로 했습니다.변수의 생명주기는 메모리 공간이 확보된 시점부터 멤모리 공간이 해제되어 가용 메모리 풀에 반환된는 시점까지로 지역 변수의 생명 주기는 함수의 생명 주기와 일
하루도 빠짐없이 스터디에 참여했음Next.js, Stylelint 초기 셋팅을 완료함git hub 레포지토리를 생성함블로그 만들기 외의 다른 일들이 많아서 집중하지 못 했음기술 스택 및 상세 기능 정하기를 하지 못 했음typescript 공부가 더 필요함ui 완성블로그
var, let, const 키워드의 차이를 명확하게 정리하고자 합니다.변수 중복 선언 허용함수 레벨 스코프변수 호이스팅var 키워드로 선언한 변수는 변수 선언문 이전에 참조할 수 있음변수 중복 선언 금지블록 레벨 스코프변수 호이스팅let 키워드로 선언한 변수는 변수
자바스크립트 객체의 분류 표준 빌트인 객체(네이티브 객체) ECMAScript 명세에 정의된 객체 애플리케이션 전역의 공통 기능을 제공 애플리케이션의 환경과 관계없이 언제나 사용할 수 있음 Object, String, Number, Function, Array, Re
리팩터링은 겉으로 드러나는 코드의 기능 (겉보기 동작)은 바꾸지 않으면서 내부 구조를 개선하는 방식으로 소트프웨어 시스템을 수정하는 과정이다.1장에서는 간단한 예시 코드를 가지고 리팩터링의 전반적인 과정을 보여주고 있다.그 다음 챕터들에서 배울 내용들을 미리 맛보는 식
3장에서는 리팩터링을 언제 적용해야 하는지를 판단하는 기준을 제시한다. 책에서는 리팩터링할 '시점'을 설명할 때 '냄새'라는 표현을 사용했다. 쓰레기를 제때 치우지 않으면 악취가 나고 문제를 일으키기 마련인데 정리되지 않은 코드도 문제를 일으킬 수 있고 찜찜함을 남긴다
2장에서는 리팩터링 전반에 적용된는 원칙을 이야기 하고 있다. 리팩터링의 정의부터 리팩터링을 어떤 자세로 해야하는지, 리팩터링을 하는 이유는 무엇인지, 리팩터링 시 고려해야 할 문제는 무엇인지 등을 이야기 하고 있다.리팩터링: 소프트웨어의 겉보기 동작은 그대로 유지한
4장에서는 테스트를 작성하는 방법 보다는 테스트를 작성했을 때 효율이 좋아지는 이유에 대해 이야기 하고 있다. 자가 테스트 코드의 가치 > 모든 테스트를 완전히 자동화하고 그 결과까지 스스로 검사하게 만들자. 자가 테스트: 프로그램이 제대로 된 값을 출력했는지 사람
이 경우는 아주 간단한 경우로 아래 순서대로 하면 된다.추출할 코드를 잘라내서 새 함수에 붙인다.원래 자리에 새 함수 호출문을 넣는다.지역 변수를 사용하지만 다른 값을 다시 대입하지는 않는 경우다.지역 변수를 매개변수로 받는 함수로 추출하면 된다.만약 지역변수가 배열,
지난 주에 이어서 "코스 메이커" 프로젝트의 코드를 리팩토링 할 때 9장의 기술을 적용해 보기로 했다.변수에 값을 여러 번 대입할 수밖에 없는 경우루프 변수수집 변수긴 코드의 결과를 저장했다가 나중에 쉽게 참조하려는 목적으로 쓰이는 경우이런 변수에는 값을 단 한 번만