분류 전체보기
-
함수(function) object type중의 하나로서 반복하여 사용되는 독립된 명령(subroutine) 반복하여 사용되는 독립된 명령이라는 점에서는 다른 언어와 유사하지만, Javascript에서 함수(function)는 독립된 정의가 아닌 객체(object)의 일종으로 여겨진다는 점에서 다르다. 즉, 함수(function)도 객체(object)로 취급된다. 프로퍼티(property) 클래스 내부에 만드는 변수를 프로퍼티 라고 부름. (멤버변수 라고도 함) 프로퍼티에는 주로 객체 내부에서 사용하는 일반적인 정보와 객체 내부 함수(메서드) 에서 처리한 결과값이 저장. -> OOP(객체 지향 프로그래밍)에서 흔히 말하는 getter/setter 'method'의 역할을 수행하면서 마치 데이터 멤버(필드..
Function, Method, Property 의 차이 및 정의함수(function) object type중의 하나로서 반복하여 사용되는 독립된 명령(subroutine) 반복하여 사용되는 독립된 명령이라는 점에서는 다른 언어와 유사하지만, Javascript에서 함수(function)는 독립된 정의가 아닌 객체(object)의 일종으로 여겨진다는 점에서 다르다. 즉, 함수(function)도 객체(object)로 취급된다. 프로퍼티(property) 클래스 내부에 만드는 변수를 프로퍼티 라고 부름. (멤버변수 라고도 함) 프로퍼티에는 주로 객체 내부에서 사용하는 일반적인 정보와 객체 내부 함수(메서드) 에서 처리한 결과값이 저장. -> OOP(객체 지향 프로그래밍)에서 흔히 말하는 getter/setter 'method'의 역할을 수행하면서 마치 데이터 멤버(필드..
2023.01.12 -
Q. 배열, 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유? const 로 선언한 변수 는 상수로서 재할당이 불가능하지만 배열이나 객체는 참조자료형(Reference Date type)이기 때문 에 데이터를 heap이라는 다른 공간에 저장해두고 해당 주소값을 참조해 사용하는 것이지 배열이나 객체에 속성을 추가한다고 재할당이나 재선언하는 것이 아닙니다. Q. 참조자료형(Reference Data Type)은 무엇이며 힙(heap)에 저장된다는 것은 무슨 말 인가요? 데이터 값을 그대로 저장하는 기본 자료형(원시 타입)과는 다르게 참조 자료형은 메모리 상에서 데이터가 저장된 주소, 즉 참조값을 저장하기에 참조 자료형이라 불립니다. 원시 타입의 데이터는 stack 영역에 저장이 되지만 하나..
배열, 객체를 const로 선언후 요소나 속성을 추가할 수 있는 이유Q. 배열, 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유? const 로 선언한 변수 는 상수로서 재할당이 불가능하지만 배열이나 객체는 참조자료형(Reference Date type)이기 때문 에 데이터를 heap이라는 다른 공간에 저장해두고 해당 주소값을 참조해 사용하는 것이지 배열이나 객체에 속성을 추가한다고 재할당이나 재선언하는 것이 아닙니다. Q. 참조자료형(Reference Data Type)은 무엇이며 힙(heap)에 저장된다는 것은 무슨 말 인가요? 데이터 값을 그대로 저장하는 기본 자료형(원시 타입)과는 다르게 참조 자료형은 메모리 상에서 데이터가 저장된 주소, 즉 참조값을 저장하기에 참조 자료형이라 불립니다. 원시 타입의 데이터는 stack 영역에 저장이 되지만 하나..
2023.01.11 -
GIT 명령어 분류 명령어 내용 설명 새로운 저장소 생성 $ git init .git 하위 디렉토리 생성 (폴더를 만든 후, 그 안에서 명령 실행 => 새로운 git저장소 생성) 저장소 복제/다운로드(clone) $ git clone 기존 소스 코드 다운로드/복제 $ git clone /로컬/저장소/경로 로컬 저장소 복제 $ git clone 사용자명@호스트:/원격/저장소/경로 원격 서버 저장소 복제 추가 및 확정(commit) $ git add $ git add * 커밋에 단일 파일의 변경 사항을 포함 (인덱스에 추가된 상태) $ git add -A 커밋에 파일의 변경 사항을 한번에 모두 포함 $ git commit -m "커밋 메시지" 커밋 생성 (실제 변경사항 확정) $ git status 파일 상..
git 명령어 모음GIT 명령어 분류 명령어 내용 설명 새로운 저장소 생성 $ git init .git 하위 디렉토리 생성 (폴더를 만든 후, 그 안에서 명령 실행 => 새로운 git저장소 생성) 저장소 복제/다운로드(clone) $ git clone 기존 소스 코드 다운로드/복제 $ git clone /로컬/저장소/경로 로컬 저장소 복제 $ git clone 사용자명@호스트:/원격/저장소/경로 원격 서버 저장소 복제 추가 및 확정(commit) $ git add $ git add * 커밋에 단일 파일의 변경 사항을 포함 (인덱스에 추가된 상태) $ git add -A 커밋에 파일의 변경 사항을 한번에 모두 포함 $ git commit -m "커밋 메시지" 커밋 생성 (실제 변경사항 확정) $ git status 파일 상..
2023.01.09 -
Undefined? (null이랑 같은건가?) 자바스크립트에서는 (자바 같은 언어와 달리) 변수의 자료형을 별도로 표기하지 않고, 변수에 담기게 되는 값에 따라 자료형이 결정되게 됩니다. 이러한 특징때문에 undefined라는 상태를 다루게 되는데, 'undefined'라는 키워드는 해당 변수의 자료형이 정해지지 않았음을 나타냅니다. undefiend : 변수는 존재하나, 어떠한 값으로도 할당되지 않아 자료형이 정해지지(undefined) 않은 상태입니다. null : 변수는 존재하나, null 로 (값이) 할당된 상태. 즉 null은 자료형이 정해진(defined) 상태입니다. var var1; //undefined (어떤 값도 할당되지 않아서 자료형을 알 수 없음) var var2 = null; //..
javascript의 undefined는 정확히 무슨 뜻일까? (null vs undefined)Undefined? (null이랑 같은건가?) 자바스크립트에서는 (자바 같은 언어와 달리) 변수의 자료형을 별도로 표기하지 않고, 변수에 담기게 되는 값에 따라 자료형이 결정되게 됩니다. 이러한 특징때문에 undefined라는 상태를 다루게 되는데, 'undefined'라는 키워드는 해당 변수의 자료형이 정해지지 않았음을 나타냅니다. undefiend : 변수는 존재하나, 어떠한 값으로도 할당되지 않아 자료형이 정해지지(undefined) 않은 상태입니다. null : 변수는 존재하나, null 로 (값이) 할당된 상태. 즉 null은 자료형이 정해진(defined) 상태입니다. var var1; //undefined (어떤 값도 할당되지 않아서 자료형을 알 수 없음) var var2 = null; //..
2023.01.05 -
지금껏 배워왔던 것들을 바탕으로 기본 개념에 대해 50여가지의 문제로 나와있는 코드스테이츠의 koans 문제를 풀며 배우면서 명확히 이해하지 못했던 것들을 접하며 개념을 다시 익히는 시간이 되었다. expect, matcher 첫번째로 코플릿을 풀때 어떻게 정답을 검사하는지 expect와 matcher에 대해 알게되었다. expect는 작성한 함수가 주어진 입력값에 대해서 리턴하는 값이 기대하는 값과 같은지를 비교하는 데 사용한다. 즉, 테스트하는 값과 기대값을 비교하기 위해 expect 함수를 사용한다. expect의 기본적인 사용법은 다음과 같다. expect(테스트하는값).기대조건 테스트하는 값으로는 1) 표현식 또는 2) 함수실행이 들어갈 수 있다. true, 1+1 등 값을 반환하는 식 또는 코..
koans 문제풀이로 알게된 점지금껏 배워왔던 것들을 바탕으로 기본 개념에 대해 50여가지의 문제로 나와있는 코드스테이츠의 koans 문제를 풀며 배우면서 명확히 이해하지 못했던 것들을 접하며 개념을 다시 익히는 시간이 되었다. expect, matcher 첫번째로 코플릿을 풀때 어떻게 정답을 검사하는지 expect와 matcher에 대해 알게되었다. expect는 작성한 함수가 주어진 입력값에 대해서 리턴하는 값이 기대하는 값과 같은지를 비교하는 데 사용한다. 즉, 테스트하는 값과 기대값을 비교하기 위해 expect 함수를 사용한다. expect의 기본적인 사용법은 다음과 같다. expect(테스트하는값).기대조건 테스트하는 값으로는 1) 표현식 또는 2) 함수실행이 들어갈 수 있다. true, 1+1 등 값을 반환하는 식 또는 코..
2023.01.04 -
참조 : mdn, poiemaweb, codestates 스코프(Scope) 스코프 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 현재 실행되는 컨텍스트를 말한다. 여기서 컨텍스트는 값과 표현식이 **"표현"**되거나 참조 될 수 있음을 의미한다. 만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없 developer.mozilla.org JavaScript에서의 스코프는 "변수의 유효범위"로 사용됩니다. 컨텍스트는 값과 표현식이 "표현"되거나 참조 될 수 있음을 의미한다. 만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없다. 스코프는 또한 계층적인 구조를 가지기 때문에 하위 스코프는 상위 스코프에 접근할 수 있지만 반대는 불가하다. 함..
스코프(Scope) 지역변수, 전역변수 / let, const, var 차이참조 : mdn, poiemaweb, codestates 스코프(Scope) 스코프 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 현재 실행되는 컨텍스트를 말한다. 여기서 컨텍스트는 값과 표현식이 **"표현"**되거나 참조 될 수 있음을 의미한다. 만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없 developer.mozilla.org JavaScript에서의 스코프는 "변수의 유효범위"로 사용됩니다. 컨텍스트는 값과 표현식이 "표현"되거나 참조 될 수 있음을 의미한다. 만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없다. 스코프는 또한 계층적인 구조를 가지기 때문에 하위 스코프는 상위 스코프에 접근할 수 있지만 반대는 불가하다. 함..
2023.01.02 -
참조 : codestates, webclub, mdn 원시 자료형(Primitive Type), 참조 자료형(Reference Type)의 특징과 종류 자바스크립트 데이터 타입은 크게 두가지인 원시형(Primitive Type)과 참조형(Reference Type)으로 분리됩니다. 기본(원시)형에는 Number, String, Boolean, null, undefined 가 있으며 ES6 에서는 Symbol 도 추가되었습니다. 참조형은 대표적으로 객체(Object)가 있고 그 하위에 배열(Array), 함수(Function), 정규표현식(RegExp) 등이 있으며, ES6에서는 Map, Set, WeakMap, WeakSet 등도 추가되었습니다. 원시형(Primitive Type) JavaScript에서..
원시 자료형, 참조 자료형의 특징과 종류참조 : codestates, webclub, mdn 원시 자료형(Primitive Type), 참조 자료형(Reference Type)의 특징과 종류 자바스크립트 데이터 타입은 크게 두가지인 원시형(Primitive Type)과 참조형(Reference Type)으로 분리됩니다. 기본(원시)형에는 Number, String, Boolean, null, undefined 가 있으며 ES6 에서는 Symbol 도 추가되었습니다. 참조형은 대표적으로 객체(Object)가 있고 그 하위에 배열(Array), 함수(Function), 정규표현식(RegExp) 등이 있으며, ES6에서는 Map, Set, WeakMap, WeakSet 등도 추가되었습니다. 원시형(Primitive Type) JavaScript에서..
2023.01.02 -
보호되어 있는 글입니다.
KDT 프론트엔드 부트캠프 3주차 느낀점보호되어 있는 글입니다.
2023.01.02