javascript ES6 함수의 추가 기능

ES6 이전의 모든 함수는 일반 함수로서 호출할 수 있는 것은 물론 생성자 함수로서 호출할 수 있다일반적으로 메서드라고 부르던 객체에 바인딩된 함수 역시 callable 이며, constructor 이다객체에 바인딩된 함수가 constructor라는 것은 protyty

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

javascript Class

클래스를 프로토타입 기반 객체 생성 패턴의 단순한 문법적 설탕이라고 보기보다는 새로운 객체 생성 메커니즘으로 보는 것이 좀 더 합당하다클래스는 class 키워드를 사용하여 정의한다클래스를 표현식으로 정의할 수 있다는 것은 클래스가 값으로 사용할 수 있는 일급 객체라는

2023년 3월 15일
·
0개의 댓글
·

javascript this

this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조 할 수 있다this가 가리키는 값, 즉 this바인딩은 함수 호출 방식에 의해 동적으로 결

2023년 2월 15일
·
0개의 댓글
·

javascript 빌트인 객체

표준 빌트인 객체ECMAScript 사양에 정의된 객체를 말하며 애플리케이션 전역의 공통 기능을 제공한다자바스크립트 실행 환경에 관계없이 언제나 사용할 수 있다전역 객체의 프로퍼티로서 제공된다호스트 객체ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행

2023년 2월 8일
·
0개의 댓글
·

javascript strict mode

자바스크립트 엔진은 foo 함수의 스코프에서부터 출발하여 전역 스코프까지 x를 찾게 된다어디에도 없는 x 변수로 인해 에러가 발생할 것 같지만 자바스크립트 엔진은 암묵적으로 전역 객체에 x 프로퍼티를 동적 생성한다이때 전역 객체의 x 프로퍼티는 마치 전역 변수처럼 사용

2023년 1월 28일
·
0개의 댓글
·

javascript 프로토타입

JavaScript는 객체 기반의 프로그래밍 언어이며, JavaScript를 이루고 있는 거의 모든 것이 객체다객체(Object)의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임이다특징이나 성징을 나타내는 속성(Property)을 가지고 있고, 이를 통해 실체를 인

2023년 1월 24일
·
0개의 댓글
·

javascript 함수와 일급 객체

다음과 같은 조건을 만족하는 객체를 일급 객체라고 한다무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다변수나 자료구조에 저장할 수 있다함수의 매개변수에 전달할 수 있다함수의 반환값으로 사용할 수 있다javaScript의 함수는 다음 예제와 같이 위의 조건

2023년 1월 24일
·
0개의 댓글
·

javascript 생성자 함수에 의한 객체 생성

new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다하지만 리터럴로 생성하는 것이 더 간편하기 때문에 유용하게 사용하지는 않는다객체 리터럴에 의한 생성 방식은

2023년 1월 18일
·
0개의 댓글
·

javascript 프로퍼티 어트리뷰트

내부 슬롯과 메서드는 JS 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다ECMAScript 사양에 등장하는 이중 대괄호(\[...])로 감싼 이름들이 내부 슬롯과 내부 메서드이다JS 엔진은 프로퍼티를 생성할 때

2023년 1월 16일
·
0개의 댓글
·

javascript let과 const

💡 let과 var의 차이 ✔ var 키워드의 문제점 1. 변수 중복 선언 허용 var 키워드로 선언한 변수는 중복 선언이 가능하다 > 2. 함수 레벨 스코프 var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정한다 따라서, 함수 외부에

2023년 1월 16일
·
0개의 댓글
·

javascript 연산자

산술 연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자값을 만든다산술 연산자는 피연산자의 개수에 따라 이항 산술 연산자와 단항 산술 연산자로 구분할 수 있다이항 산술 연산자는 2개의 피연산자를 산술 연산하여 숫자 값을 만든다단항 산술 연산자는 1개의 피연산

2023년 1월 10일
·
0개의 댓글
·

javascript 데이터 타입

테이터 타입은 값의 종류를 말한다JavaScript는 7개의 데이터 타입을 제공한다원시 타입숫자 타입문자열 타입Boolean 타입undefined 타입null 타입심벌 타입객체 타입다른 언어와는 다르게 JavaScript는 하나의 숫자 타입만 존재한다숫자 타입은 모두

2023년 1월 10일
·
0개의 댓글
·

javascript 표현식 & 문

값은 식이 평가되어 생성된 결과를 말한다사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법이다대표적인 리터럴정수 리터럴 : 100부동소수점 리터럴 : 10.52진수 리터럴 : 0b0001101116진수 리터럴 : 0x33문자열 리터럴 : Hel

2023년 1월 10일
·
0개의 댓글
·

javascript 변수

하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다변수는 하나의 값을 저장하기 위한 메커니즘이다여러 개의 값을 저장하려면 여러 개의 변수를 사용해야 한다단, 배열이나 객체 같은 자료구조를 사용하면 관련이 있는 여

2023년 1월 3일
·
0개의 댓글
·

CSS Flex

1차원 레이아웃 구조를 위한 속성이다Fexible box라고 부르기도 한다정렬을 할 요소들의 부모요소의 display 속성에 flex라는 값을 넣어주어야 한다Container와 Items, 2개의 개념으로 나뉜다display 속성으로 Flex Container를 정의한

2023년 1월 3일
·
0개의 댓글
·

CSS style 상속 & 선택자 우선순위

부모(조상)요소의 속성이 하위요소까지 영향을 받는것을 뜻함모두 글자/문자 관련 속성들이다모든 글자/문자 관련 속성들은 아니다예시font-style : 글자 스타일font-weight : 굴자 두께font-size : 글자 크기line-height : 줄 높이font-f

2022년 12월 27일
·
0개의 댓글
·

CSS 기초 및 선택자

웹 문서의 전반적인 스타일을 미리 저장해 둔 Style Sheet이다HTML로 작성된 문서의 표현되는 방법을 정해준다스타일을 적용할 대상선택자 {속성: 값;}<style></style> 내용으로 스타일을 작성하는 방식요소의 style 속성에 직접 작성하는 방

2022년 12월 25일
·
0개의 댓글
·

HTML 전역 속성

전역 특성(Global attributes)은 모든 HTML에서 공통으로 사용할 수 있는 특성이다. 일부 요소에는 아무런 효과도 없을 수 있다.전역 특성은 모든 HTML 요소에 지정할 수 있으며, 심지어 표준에 명시되지 않은 요소에도 지정할 수 있다.요소의 정보나 설명

2022년 12월 20일
·
0개의 댓글
·

HTML Semantic Tags

컴퓨터가 정보를 읽고, 이해, 가공하여 새로운 정보를 만들어 낼 수 있도록 만든 지능형 웹일반적으로 웹 페이지의 가장 윗부분에 위치함웹 페이지의 제목이나, 상단바 혹은 검색창 등이 포함됨.navigation의 약자로, 사이트의 탭을 포함하고 있음<nav> tag안

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

HTML 기초 및 Tag

💡 HTML이란.. Hyper Text Markup Language 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류이고, 하이퍼텍스트를 작성하기 위해 개발됨 🧾 HTML의 구조 EX) !DOCTYPE 문서 형식을 정의 HTML5는 현재 HTML의

2022년 12월 19일
·
0개의 댓글
·