달을 향해 나아가자. 설령 닿지 못하더라도 별들 사이에 있게 될 테니까.

이전에 자료형을 배울 때 문자열에 대해서 간단히 알아보았다. https://dailyjiwoong.tistory.com/entry/JavaScript-%EC%9E%90%EB%A3%8C%ED%98%95 [JavaScript] 자료형 자료형 자료형 (data type) 이란 프로그래밍 언어에서 여러종류의 데이터를 식별하는 분류를 말한다. name = 'jiwoong'; age = 4; 위 코드에서 'jiwoong' 은 문자형, 4 는 숫자형이다. 문자형 문자형을 만들 때 dailyjiwoong.tistory.com 이번에는 문자열과 문자열 메소드에 대해 조금 더 배워보자. ` 여러줄을 포함할 수 있다. let hi = `안녕하세요는 영어로 hello 입니다.`; 같은 코드를 따옴표를 이용하면 \n 을 사용해..

숫자와 수학에 관한 메소드들을 알아보자. toString() 개발을 하다보면 우리가 실생활에서 사용하는 10진수가 아닌 2진수나 16진수가 필요할 때가 있다. toString() 메소드는 숫자를 문자로 바꿔준다. 이때 괄호 안에 숫자를 넣어주면 해당 진법으로 변환해준다. let a = 5; console.log(a.toString()); console.log(a.toString(2)); let b = 12; console.log(b.toString()); console.log(b.toString(16)); Math 자바스크립트에는 수학과 관련된 프로퍼티와 Math라고 하는 내장객체가 존재한다. Math.PI 가 대표적인 프로퍼티이다. 아래 몇가지 메소드를 살펴보자. Math.ceil() 구하려는 자리 미..

심볼 (Symbol) 심볼은 유일한 식별자를 만들 때 사용한다. 만드는 방법은 다음과 같다. new를 사용하지 않으므로 주의한다. let a = Symbol(); let b = Symbol(); console.log(a); console.log(b); console.log(a===b); console.log(a==b); 위 코드의 a와 b를 출력하면 Symbol()로 같다. 하지만 일치 연산자나 동등 연산자로 확인할 경우 false가 나온다. 심볼은 유일성을 보장해준다. 괄호 안에 문자열을 넣어서 설명을 추가할 수 있다. 이 문자열은 심볼 생성에 어떠한 영향도 끼치지 않는다. 심볼을 객체의 key로 사용할 수 있다. let nickname = Symbol('nickname'); let user = { n..

계산된 프로퍼티 객체를 만들 때 key가 대괄호로 둘러싸여 있는 경우를 말한다. 아래 코드를 살펴보자. let a = 'age'; let user = { name : 'jiwoong', [a] : 4 } 객체 안의 key를 문자열 age가 할당된 변수 a에서 가져왔다. 다음과 같이 식 자체를 대괄호에 넣을 수 있다. const user = { [1+1] : 2, ['안녕' + '하세요'] : 'hello' } 객체 메소드 객체 메소드는 객체에서 사용할 수 있는 메소드를 말한다. 몇가지를 살펴보자. Object.assign() 객체를 복제 또는 병합한다. 객체를 복제할 때 아래와 같이 하면 어떻게 될까? let user = { name : 'jiwoong', age : 4 } let cloneUser = ..

생성자 함수 아래와 같이 코드를 작성해보자. let user = { name : 'faker', position : mid } 이렇게 객체를 만드는 것을 객체 리터럴이라고 한다. https://dailyjiwoong.tistory.com/entry/%EA%B0%9D%EC%B2%B4-%EB%A6%AC%ED%84%B0%EB%9F%B4

변수 https://dailyjiwoong.tistory.com/entry/JavaScript-%EB%B3%80%EC%88%98 [JavaScript] 변수 변수 변수는 어떤 정보에 이름을 붙여 저장할 때 사용한다. name = 'jiwoong'; age = 4; name 이라는 변수에는 'jiwoong' 이라는 값이 들어가고, age 라는 변수에는 4 라는 값이 들어간다. 이 때, 줄 마지막에 dailyjiwoong.tistory.com let과 const는 ES6 버전에 추가되었으며, 이전 버전까지는 var을 사용하여 선언했다. var var는 let이나 const와 다르게 한번 선언된 변수를 다시 선언할 수 있다. var name = 'jiwoong' console.log(name); var nam..

배열 배열이란 순서가 있는 리스트와 같다. 아래는 배열을 만드는 방법이다. T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria']; 이름을 정하고 대괄호로 묶어준다. 대괄호 안에서는 , 로 구분한다. 배열을 탐색 할 때는 index 라는 고유 번호를 사용한다. index는 0부터 시작한다. index를 이용해 값을 읽어올 수 있다. T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria']; console.log(T1[2]); console.log(T1[4]); 수정도 가능하다. T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria']; T1[0] = 'marin'; T1[1] = 'bengi'; ..

method method는 객체의 프로퍼티로 할당 된 함수를 말한다. singer = { name : 'lee mun se', age : 65, sing : function() { console.log("노래합니다."); } } singer.sing(); this 객체 method안에서 this는 객체를 가리킨다. singer = { name : 'lee mun se', age : 65, song : "가로수 그늘 아래 서면", sing : function() { console.log(`노래합니다. '${this.song}'`); } } singer.sing(); this는 실행되는 시점에 결정된다. 아래 코드에서 this는 실행 시점에 따라 boy 또는 girl이 된다. boy = { name : 'Z..

객체 객체는 자바스크립트의 거의 모든 면에 녹아있는 개념이다. 아래는 객체를 만드는 방법이다. singer = { name : 'lee mun se', age : 65 } 객체는 중괄호 안에 key와 value로 구성된 프로퍼티가 들어간다. 객체에 접근할 때는 . 이나 대괄호를 이용한다. singer = { name : 'lee mun se', age : 65 } console.log(singer.name); console.log(singer['age']); 객체는 추가와 삭제도 가능하다. 마찬가지로 . 과 대괄호를 사용한다. singer = { name : 'lee mun se', age : 65 } singer.gender = 'male'; console.log(singer.name); console..

함수 표현식 이전 글에서 배웠던 함수를 작성하는 방식은 함수 선언문이라고 한다. https://dailyjiwoong.tistory.com/entry/JavaScript-%ED%95%A8%EC%88%98 [JavaScript] 함수 함수 같거나 비슷한 동작들을 여러번 사용해야 할 때 하나의 코드를 만든 후 재사용 하는 것이 좋다. 유지와 보수에 용하기 때문이다. 아래는 함수를 작성하는 방법이다. function autograph(celebrity) { dailyjiwoong.tistory.com 아래는 함수 표현식으로 작성한 방법이다. autograph = function(celebrity) { console.log(`잘 먹고 갑니다. -${celebrity}-`); } autograph('호날두'); ..