post-thumbnail

[JavaScript] 고차함수

일급 객체(first-class object)란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. 보통 함수에 인자로 넘기기, 수정하기, 변수에 대입하기와 같은 연산을 지원할 때 일급 객체라고 한다.다음과 같은 조건을 만족하는 객체를 일급 객

2022년 11월 24일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 시저 암호

하루에 하나 이상 잔디를 심겠다고 프로그래머스에서 문제를 풀고 깃헙에 올리기 시작한지 일주일째시작이 힘들지 일단 연속으로 며칠 올리니까 저게 아까워서라도 계속 올리려고 문제를 풀게된다👍아직은 0, 1레벨 번갈아가며 푸는 중이라 하나 푸는데 시간이 얼마 안걸린다. 얼른

2022년 11월 23일
·
0개의 댓글
·
post-thumbnail

[JavaScript] 프로토타입

자바스크립트의 모든 객체는 자신의 부모 역할을 담당하는 객체와 연결되어 있다. 그리고 이것은 마치 객체 지향의 상속 개념과 같이 부모 객체의 프로퍼티 또는 메소드를 상속받아 사용할 수 있게 한다. 이러한 부모 객체를 Prototype(프로토타입) 객체 또는Prototy

2022년 11월 18일
·
0개의 댓글
·
post-thumbnail

[Javascript] 객체 지향 프로그래밍 (OOP)

우리가 주변의 실세계에서 사물을 인지하는 방식을 프로그래밍에 접목하려는 사상을 의미한다.함수들의 집합 혹은 단순한 컴퓨터의 명령어들의 목록이라는 전통적인 절차지향 프로그래밍과는 다른, 관계성있는 객체들의 집합이라는 관점으로 접근하는 소프트웨어 디자인으로 볼 수 있다.보

2022년 11월 18일
·
0개의 댓글
·
post-thumbnail

[JavaScript] 클래스와 인스턴스

Class : 모델이 되는 큰 청사진Instance : 청사진을 바창으로 한 객체를 만드는 것ES5 에서 클래스는 함수로 정의할 수 있다.ES6 에서 클래스는 class라는 키워드로 정의할 수도 있다.인스턴스를 만들 때에는 new 키워드를 사용한다.

2022년 11월 18일
·
0개의 댓글
·

[JavaScript] 스프레드 문법

ES6 에서 도입된 문법이다. 스프레드 문법 ...은 하나로 뭉쳐있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다.스프레드 문법을 사용할 수 있는 대상은 Array, String, Map, Set, arguments, DOM 컬렉션과 같이 for...of

2022년 11월 13일
·
0개의 댓글
·

[JavaScript] 클로저

자바스크립트 엔진은 함수를 어디서 호출했는지가 아닌, 어디서 정의했는지에 따라 상위 스코프를 결정한다. 이를 렉시컬 스코프(정적 스코프)라고 한다.클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다.위 예제에서 outer 함수를 호출하면 outer 함수는 inn

2022년 11월 13일
·
0개의 댓글
·

[JavaScript] var, let, const

ES5까지는 변수를 선언할 수 있는 유일한 키워드였지만, 여러 단점이 있어 ES6부터는 사용을 지양한다.var 키워드로 선언한 변수는 중복 선언이 가능하다.위와 같이 만약 동일한 이름의 변수가 이미 선언되어 있는 걸 모르고 변수를 중복 선언 하며 값까지 할당한다면 먼저

2022년 11월 13일
·
0개의 댓글
·

[CodeStates][JavaScript] JavaScript Koans

오늘 페어활동으로 JavaScript Koans 과제를 풀어보며 따로 블로깅하거나 공부해야겠다고 생각했던 주제들을 정리해 보자.const가 추천되는 이유호이스팅, TDZ함수의 호이스팅클로저화살표함수 더 공부해보기얕은복사, 깊은 복사=> 다른 개념들은 거의 다 추가공부

2022년 11월 9일
·
0개의 댓글
·

[CodeStates] 과제 제출기록 확인하는 방법

터미널에서 과제 폴더에 들어가서

2022년 11월 9일
·
0개의 댓글
·

[JavaScript] 스코프

모든 식별자(변수 이름, 함수 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. 이를 스코프라 한다.스코프는 변수 접근 규칙에 따른 유효 범위를 말한다.바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능안쪽

2022년 11월 7일
·
0개의 댓글
·

[JavaScript] 원시 값과 참조 값

자바스크립트가 제공하는 데이터 타입은 크게 원시 타입(primitive type)과 참조 타입(reference type)으로 구분할 수 있다.원시 값, 원시 데이터 타입은 객체가 아닌, 변수에 저장된 실제 값에 직접적으로 접근할 수 있는 단순한 데이터를 의미한다.원시

2022년 11월 7일
·
0개의 댓글
·

[JavaScript] 객체

객체는 0개 이상의 프로퍼티로 구성된 집합체이며, 프로퍼티는 키(key)와 값(value)으로 구성된다.자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있다. 따라서 함수도 프로퍼티 값으로 사용할 수 있다. 프로퍼티 값이 함수일 경우, 일반 함수와 구분

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

[JavaScript] 배열 메서드

배열은 사용 빈도가 높은 자료구조이므로 배열 메서드의 사용법을 잘 알아둘 필요가 있다.배열 메서드는 결과물을 반환하는 패턴이 두 가지이다.배열에는 원본 배열을 직접 변경하는 메서드(mutator method)와 원본 배열을 직접 변경하지 않고 새로운 배열을 생성하여 반

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

[JavaScript] 배열 생성, 배열 요소의 추가와 삭제

전달된 인수가 숫자 하나인 경우 length 프로퍼티 값이 인수인 배열을 생성한다.전달된 인수가 없는 경우 빈 배열을 생성한다.전달된 인수가 2개 이상이거나 숫자가 아닌 경우 요소로 갖는 배열을 생성한다.ES6에서 도입된 Array.of 메서드는 전달된 인수를 요소로

2022년 11월 5일
·
0개의 댓글
·

[JavaScript] 배열 기초

배열은 여러 개의 값을 순차적으로 나열한 자료구조다.배열이 가지고 있는 값을 요소(element)라고 부른다. 자바스크립트의 모든 값은 배열의 요소가 될 수 있다. 즉, 원시값은 물론 객체, 함수, 배열 등 자바스크립트에서 값으로 인정하는 모든 것은 배열의 요소가 될

2022년 11월 5일
·
0개의 댓글
·

[CLI] CLI 기본

그래픽 사용자 인터페이스 아이콘, 이미지 등이 포함 된 그래픽을 사용하여 사용자와 컴퓨터가 상호 작용할 수 있는 방식을 뜻한다.사용자가 편리하게 사용할 수 있도록 입출력 등의 기능을 알기 쉬운 아이콘 등의 그래픽으로 나타낸 것이다.명령을 기억할 필요가 없으므로 사용자가

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

[JavaScript] textContent와 innerText, innerHTML

textContent 프로퍼티는 setter와 getter 모두 존재하는 접근자 프로퍼티로서 요소 노드의 텍스트와 모든 자손 노드의 텍스트를 모두 변경하거나 취득한다.요소 노드의 textContent 프로퍼티를 참조하면 요소 노드의 모든 콘텐츠 영역(시작 태그와 종료

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

[CSS] 박스

border: 두께 스타일 색상;심미적인 용도 이외에도 각 영역이 차지하는 크기를 파악하고 레이아웃을 만들며 그 크기를 시각적으로 확인할 수 있도록 한다.margin: top right bottom left;바깥 여백에는 음수 값도 지정이 가능해서, 화면에서 아예 사라

2022년 11월 1일
·
0개의 댓글
·

[CSS] CSS 기초

CSS는 웹 페이지의 스타일 및 레이아웃을 정의하는 스타일시트 언어이다.HTML로 웹페이지의 구조를 잘 세우고 나서, 더 나은 사용자 경험(UX)를 제공하기 위해 CSS로 UI및 레이아웃을 적절히 구성한다.컴퓨터에 무지한 일반 사용자도 쉽게 사용할 수 있는 인터페이스U

2022년 11월 1일
·
0개의 댓글
·