[📖 모던 자바스크립트 딥다이브] 21장. 빌트인 객체

빌트인 객체 1. 자바스크립트 객체의 분류 > 자바스크립트 객체는 크게 3개의 객체로 분류 가능. ✔ 표준 빌트인 객체 > 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하며, 애플리케이션 전역의 공통 기능을 제공한다. 표준 빌트인 객체는 ECMASc

2023년 11월 21일
·
0개의 댓글
·
post-thumbnail

[DB] 데이터베이스란?

데이터베이스는 특정 조직의 여러 사용자가 공유하여 사용할 수 있도록 통합해서 저장한 운영 데이터의 집합.1️⃣ 공유 데이터특정 조직의 여러 사용자가 함께 소유하고 이용할 수 있어야 하는 공용데이터임.2️⃣ 통합 데이터데이터 중복성, 즉 똑같은 데이터가 여러 개 존재하는

2023년 11월 15일
·
0개의 댓글
·
post-thumbnail

[📖 모던 자바스크립트 딥다이브] 20장. strict mode

strict mode 1. strict mode란? > foo 함수내에 선언하지 않은 x 변수에 값 10을 할당 이 때 x 변수를 찾아야 x에 값을 할당할 수 있기 대문에 자바스크립트 엔진은 x 변수가 어디에서 선언되었는지 스코프체인을 통해 검색하기 시작. 하지만 f

2023년 11월 14일
·
0개의 댓글
·
post-thumbnail

[📖 모던 자바스크립트 딥다이브] 19장. 프로토타입 - 2

프로토타입 1. 프로토타입 체인 > Person 생성자 함수에 의해 생성된 me 객체는 Object.prototype의 메서드인 hasOwnProperty를 호출할 수 있다. 이것은 me 객체가 Person.prototype뿐만 아니라 Object.prototype도

2023년 11월 13일
·
0개의 댓글
·
post-thumbnail

[📖 모던 자바스크립트 딥다이브] 19장. 프로토타입 - 1

프로토타입 자바스크립트는 명령형 함수형 프로토타입 기반 객체 지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어다. 자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 이루고 있는 거의 "모든 것"이 객체다. 1. 객체지향 프로그래밍 >객체지향 프로그래

2023년 11월 6일
·
0개의 댓글
·

[📖 모던 자바스크립트 딥다이브] 18장. 함수와 일급 객체

함수와 일급 객체 1. 일급 객체 > * ❗ 다음과 같은 조건을 만족하는 객체를 일급 객체라고 한다. * * ✔ 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다.* * ✔ 변수나 자료구조(객체, 배열 등)에 저장할 수 있다.* * ✔ 함수의 매개변수에

2023년 11월 1일
·
0개의 댓글
·
post-thumbnail

[📖 모던 자바스크립트 딥다이브] 17장. 생성자 함수에 의한 객체 생성

생성자 함수에 의한 객체 생성 ✔ 객체 생성 방식에 객체 리터럴에 의한 생성 방식도 있지만, 다양한 다른 방식도 있다. ✔ 다양한 객체 생성 방식 중에 생성자 함수를 사용하여 객체를 생성하는 방식을 살펴보고 객체 리터럴 객체 생성 방식과 생성자 함수를 사용하여 객체를

2023년 10월 31일
·
0개의 댓글
·
post-thumbnail

[📖 모던 자바스크립트 딥다이브] 16장. 프로퍼티 어트리뷰트

내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다. ECMAScript 사양에 등장하는 이중 대괄호 \[\[..]]로 감싼 이름들이 내부 슬롯과 내부 메서드다.내부 슬롯과 내

2023년 10월 28일
·
0개의 댓글
·
post-thumbnail

[📖 모던 자바스크립트 딥다이브] 15장. let, const 키워드와 블록 레벨 스코프

var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정 따라서, 함수 외부에서 var 키워드로 선언한 변수는 코드 블록 내에서 선언해도 모두 전역 변수가 된다.var 키워드로 변수를 선언하면 변수 호이스팅에 의해 변수 선언문이 스코프이 선두로 끌

2023년 10월 24일
·
0개의 댓글
·
post-thumbnail

[📖 모던 자바스크립트 딥다이브] 14장. 전역 변수의 문제점

전역 변수의 무분별한 사용은 위험하다 전역 변수를 반드시 사용해야 할 이유를 찾지 못한다면 지역 변수를 사용해야 한다.변수는 선언에 의해 생성되고 할당을 통해 값을 갖는다. 그리고 언젠가 소멸한다. 소멸이 안된다면 한번 선언된 변수는 프로그래밍 종료하지 않는 한 영원히

2023년 10월 23일
·
0개의 댓글
·
post-thumbnail

[📖 모던 자바스크립트 딥다이브] 13장. 스코프

모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. 이를 스코프라 한다. 즉, 스코프는 식별자가 유효한 범위를 말한다.스코프(유효 범위)를 통해 식별자인 변수 이름의 충돌

2023년 10월 18일
·
0개의 댓글
·
post-thumbnail

[📖 모던 자바스크립트 딥다이브] 12장. 함수

함수 1. 함수란? > 함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것. 함수 내부로 입력을 전달 받는 변수를 매개변수, 입력을 인수, 출력을 반환값이라 한다. 또한, 함수는 값이며, 여러개 존재할 수 있으므로 특정 함수를 구

2023년 10월 17일
·
0개의 댓글
·
post-thumbnail

[📖 모던 자바스크립트 딥다이브] 11장. 원시 값과 객체의 비교

원시 값과 객체의 비교 > 자바스크립트에 데이터 타입은 크게 원시 타입, 객체 타입으로 구분한다. 원시 타입의 값, 즉 원시 값은 변경 불가능한 값 반면 객체(참조) 타입의 값은 변경 가능한 값이다. 원시 값을 변수에 할당하면 변수에는 실제 값이 저장 반면 객체를 변수

2023년 10월 15일
·
0개의 댓글
·
post-thumbnail

(📖 모던 자바스크립트 딥다이브) 10장. 객체 리터럴

객체 리터럴 1.객체란? > 자바스크립트는 객체 기반의 프로그래밍 언어이며, 원시 값을 제외한 나머지값( 함수, 배열, 정규 표현식 등)은 모두 객체다. 원시타입은 단 하나의 값만 나타내지만 객체 타입은 다양한 타입의 값(원시 값 또는 다른 객체)을 하나의 단위로 구성

2023년 9월 27일
·
0개의 댓글
·
post-thumbnail

(📖 모던 자바스크립트 딥다이브) 9장. 타입 변화과 단축 평가

8. 제어문 제어문은 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용. 8.1 블록문 블록문은 0개 이상의 문을 중괄호로 묶은 것으로, 코드 블록 또는 블록이라고 부르기도 한다. 주의! 문의 끝에는 세미클론을 붙이는 것이 일반적 하지만 블록문

2023년 9월 27일
·
0개의 댓글
·

setTimeout vs setInterval

clearTimeoutclearTimeout을 사용해 setTimeout을 취소할 수 있다.clearIntervalclearInterval을 사용해 setInterval을 취소할 수 있다.setTimeout은 일정 시간이 지난 후에 함수를 실행시키고 setInterva

2023년 9월 22일
·
0개의 댓글
·

img tag auto

레이아웃을 짜다보면 auto를 쓸 때가 많다. 예를 들면 margin에 left right 값을 auto로 주거나 혹은 default: auto에 값을 주거나 아니면 img width 혹은 height에 주거 > auto란 브라우저가 해당 요소의 속성 값을 자동으로 계

2023년 9월 21일
·
0개의 댓글
·
post-thumbnail

중복 상품 등록 error 해결

기존 코드를 보면 당연히 앞선 문제가 생길 수 밖에 없다.앞선 코드로 문제를 해결할려고 하였지만 해결하지 못했다. 이유는 등록된 상품이 아닌데도 등록된 상품이라는 에러 메세지를 띄웠다. 분명히 db에는 없는 상품인데 코드는 있다고 판별하였다. 그래서 콘솔을 찍어보왔다.

2023년 9월 13일
·
0개의 댓글
·

Collapsing margin (마진 상쇄)

Collapsing margin?마진 상쇄 혹은 마진 겹침 현상이라고도 불리는데 쉽게 말해 어떤 두개 이상 블록 요소의 상하 마진이 겹칠 때 어느 한 쪽의 값만 적용하는 브라우저 나름의 랜더링 규칙 정도로 이해하면 된다. block 1,2가 있고 block 1에는 ma

2023년 9월 12일
·
0개의 댓글
·

block vs inline vs inline-block

block element , display: block는 width, height, margin, padding 속성이 모두 반영 그리고 기본적으로 줄바꿈을 한상태로 레이아웃이 나타난다. 대표 태그로는 div가 있다. inlenie element, display: i

2023년 9월 12일
·
0개의 댓글
·