728x90
반응형

전체 글 23

[JavaScript] 문자열 메소드

이전에 자료형을 배울 때 문자열에 대해서 간단히 알아보았다. 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 을 사용해..

[JavaScript] Number, Math

숫자와 수학에 관한 메소드들을 알아보자. 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() 구하려는 자리 미..

[JavaScript] 심볼

심볼 (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..

[JavaScript] 객체 메소드, 계산된 프로퍼티

계산된 프로퍼티 객체를 만들 때 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 } 객체 리터럴은 중괄호 안에 0개 이상의 key와 key에 맞는 value가 있어야한다. key와 value 한 쌍을 프로퍼티라고 하며, 프로퍼티를 나열할 때는 , 를 사용한다.

단어장 2024.03.06

[JavaScript] 변수, 호이스팅, TDZ

변수 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..

TDZ

TDZ (Temporal Dead Zone) 스코프 시작 지점부터 초기화 시작 지점까지의 구간. https://dailyjiwoong.tistory.com/entry/%EC%8A%A4%EC%BD%94%ED%94%84 스코프 스코프 유효범위를 뜻한다. 자바스크립트에서는 함수 스코프와 블록 스코프 개념이 존재한다. 자바스크립트에서 함수를 선언하면 새로운 스코프를 생성한다. 이를 함수 스코프라고 하며, 함수 dailyjiwoong.tistory.com 이 구간에서는 변수를 사용하지 못한다. 아래 코드의 TDZ 는 3번째 줄이다. let num = 5; function showNum() { console.log(num); // TDZ let num = 6; } showNum(); 4번째 줄의 num이 호이스팅 ..

단어장 2024.03.05

스코프

스코프 유효범위를 뜻한다. 자바스크립트에서는 함수 스코프와 블록 스코프 개념이 존재한다. 자바스크립트에서 함수를 선언하면 새로운 스코프를 생성한다. 이를 함수 스코프라고 하며, 함수 안에서 선언한 변수는 함수 안에서만 접근 가능하다. 블록 스코프는 함수, if문, for문, while문, try/catch문이 생성한 스코프를 뜻한다. 마찬가지로, 블록 안에서 선언한 변수는 블록 안에서만 접근 가능하다. ● var는 함수 스코프를 벗어날 수 없다. function sum(a, b) { var result = a + b; } sum(1,2); console.log(result); 함수 내에서 result를 var로 선언했기 때문에 함수 밖에서 result를 출력하면 오류가 발생한다. ● let, const는..

단어장 2024.03.05

[JavaScript] 배열

배열 배열이란 순서가 있는 리스트와 같다. 아래는 배열을 만드는 방법이다. 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'; ..

728x90
반응형