Youbiiin's Blog

Study/JavaScript

배열의 생성 var arr1 = [1, 2, 3]; // 배열 리터럴을 이용한 생성 var arr2 = Array(1, 2, 3); // Array 객체의 생성자를 이용한 생성 var arr3 = new Array(1, 2, 3); // new 연산자를 이용한 생성 세가지 방법은 모두 같은 배열을 만들어 준다. 배열의 참조 // 배열이름[인덱스]로 사용할 수 있다. arr1.[1] // 2 자바스크립트에서는 배열 요소의 개수를 배열의 길이라고 한다. 이러한 배열의 길이는 length 프로퍼티에 자동으로 갱신된다. length 프로퍼티 배열의 length 프로퍼티에는 배열 요소의 최대 인덱스 값 +1이 담겨있다. length 프로퍼티 값을 가리켜 배열 길이라고 부른다. arr1.length // 3 len..

2022. 1. 12.

Study/JavaScript

자바스크립트 내장객체 자바스크립트에는 사용할 수 있는 생성자에는 사용자가 정의하는 생성자 외에도 자바스크립트에 처음부터 포함된 내장 생성자가 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects Date 생성자 날짜와와 시간을 저장할 수 있고 날짜와 관련 된 메서드도 제공해준다. Date 객체를 활용하면 생성 및 수정 시간을 저장하거나 시간을 측정할 수 있고, 현재 날짜도 출력할 수 있다. var now = new Date(); console.log(now); // 현재 날짜 및 시간 출력 아래는 Date 객체가 제공하는 주요 메서드이다. getFullYear() : 연도를 반환한다. getMonth() : 월을..

2022. 1. 12.

Study/JavaScript

생성자 함수 함수의 이름의 첫글자는 대문자로 시작 반드시 new 연산자를 붙여 실행한다. function User(name, age) { this.name = name; this.age = age; } var user = new User('youbin', 32); console.log(user.name); // youbin console.log(user.age); // 32 new User(...)를 써서 함수를 실행하면 아래와 같은 알고리즘이 동작한다. 빈 객체를 만들어 this에 할당한다. 함수 본문을 실행한다. this에 새로운 프로퍼티를 추가해 this를 수정한다. this를 반환한다. function User(name, age) { // this = {}; 빈 객체가 암시적으로 만들어진다. //..

2022. 1. 12.

Study/JavaScript

함수란? 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것 입력을 받아서 출력을 내보낼 때, 함수 내부로 전달 받은 변수를 매개변수(parameter), 입력을 인수=인자(argument), 출력을 **반환값(return value)**라고 한다. 함수 선언을 위해서는 Keyword, name, parameter, body 가 필요하다. // keyword -> function // name -> hello // parameter -> () // body -> {} function hello() { } 함수의 특징 함수는 function 키워드로 시작하고, 실제로는 객체이다. 함수는 정의/생성할 수 있으며, 출력도 할 수 있다. 객체의 특성 덕분에 함수..

2022. 1. 12.

Study/JavaScript

객체 객체는 프로퍼티의 집합이며 프로퍼티는 키와 값으로 구성된다. 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드(method)라고 부른다. var card = { card1: 10, // 프로퍼티 card2: 20 // 프로퍼티 } // card1, card2 : 프로퍼티 이름 // 10, 20 : 키 객체 리터럴 객체 리터럴은 객체를 생성하는 방법중에 하나이고, 가장 간단하다. 위 코드에서 {...}이 부분이 객체 리터럴이다. 프로퍼티 접근 프로퍼티의 값을 읽거나 쓸때는 마침표(.) 연산자 또는 대괄호[] 연산자를 사용한다. card.card1 //10 card['card2'] //20 // 대괄호를 써서 접근할 경우에는 ''안에 감싸주어야 한다. // 그렇지 않으면 card2란 변수의..

2022. 1. 12.

Study/JavaScript

동적 타입 언어 자바스크립트는 같은 변수에 숫자나 문자열과 같은 다양한 타입 데이터를 대입할 수 있다. 데이터 타입을 명시적으로 지정하지 않고 실행 시킬 때마다(런타임) 변수에 저장 된 데이터 타입을 동적으로 바꿀 수 있는 언어를 동적 타입 언어라고 한다. 테이터 타입의 분류 기본 타입(원시타입) 숫자(number) 문자열(string) 불리언(boolean) undefined null 심볼(symbol) 참조 타입(객체 타입) 객체 배열 함수 정규 표현식 *배열, 함수, 정규표현식도 모두 객체이다. 기본 타입(원시타입)의 데이터 숫자(number) 64비트 부동소수점 형식으로, 모든 숫자를 실수로 처리한다. const num1 = 10; // 정수 const num2 = 3.14; // 실수 const..

2022. 1. 12.

Study/JavaScript

변수 var a = 1; 위와같이 변수는 저장된 값을 식별할 수 있는 이름이다. 위의 코드에서 a는 ‘변수 이름’이다. 변수 이름을 ‘식별자(identifier)’라고도 한다. 변수의 값을 저장하는 행위를 ‘할당(assignment)’이라고 하고, 그 값을 읽어오는 것을 ‘참조(reference)’라고 한다. 단, 주의 할 점은 식별자는 값이 아닌 메모리의 주소를 기억하고 있다. 변수 선언 변수를 사용하기 위해서는 반드시 선언이 필요하다. 변수는 var, let, const로 선언할 수 있다. 어떤 것으로 선언하느냐에 따라 변수의 유효범위가 달라진다. var는 전역범위, 함수범위이며, let과 const는 블록범위이다. var (재선언o, 재할당o) 업데이트하고 다시 선언 할 수 있다. let (재선언x..

2022. 1. 12.

Study/JavaScript

Prototype 자바스크립트에는 클래스라는 개념이 없다. 대신 프로토타입 이라는 것이 존재하는데, 이것이 자바스크립트가 프로토타입 기반 언어라고 불리는 이유다. 클래스가 없으니 상속기능도 없다. 그래서 프로토타입을 기반으로 상속을 구현해서 사용하기도 한다. 최근 ECMA6에서 Class 문법이 추가되긴 했지만, 이것이 자바스크립트가 클래스 기반으로 바뀐것은 아니다. function Person() {} Person.prototype.eyes = 2; Persion.prototype.nose = 1; var kim = new Person(); var park = new Person(); console.log(kim.eyes); // 2 Persion.prototype이라는 빈 Object가 어딘가에 존재..

2022. 1. 12.