JavaScript/Modern Javascript(16)
-
Javascript - Symbol
목차 1. Symbol형 데이터 2. 숨김 프로퍼티(속성) 3. 전역 심볼 1. Symbol형 데이터 심볼형 데이터란, 유일한 식별자를 만들고 싶을 경우에 사용한다. 심볼형을 만들기 위해서는 아래와 같은 내장 함수를 호출해야한다. Symbol( ); Symbol의 리턴값은 심볼형 데이터를 만들어 낸다. 인자값으로 설명(description)을 넣어줄 수 있고, 내장 프로퍼티 description을 이용하여 값만 뽑을 수도 있다. let user = Symbol("Char1ey") console.log(user.description) // "Char1ey" 심볼형 데이터는 고유한 값이기 때문에 같은 인자값을 넣어주어도 서로 다른 값으로 표현된다. let user = Symbol("Char1ey") let ..
2023.06.02 -
Javascript try_catch 문
목차 1. 에러가 발생하면 생기는 일 2. try_catch 문 3. 에러 객체 4. 에러 던지기(throw) 5. try_catch_finally 1. 에러가 발생하면 생기는 일 누구나 코드를 짜고나서 에러를 발생시킬 수 있다. 에러가 발생하면, 스크립트나 서버가 죽고(멈추고) 콘솔창에 에러가 발생했다고, 출력이 된다. 서버가 멈춘다는 것은 상당히 치명적이므로 그런일은 발생해서는 안된다. try catch문을 이용하면 에러가 발생하더라도 스크립트가 죽지않고, 에러 또한 어디서 났는지 알 수가 있다. 2. try_catch 문 try_catch 문은 try부분과 catch부분으로 구성되어있다. 문법(Syntax) try { 실행 코드 블럭 } catch(error) { 에러 발생 } try_catch 알..
2023.01.22 -
Javascript 객체 만들기
목차 1. 객체를 만드는 방법 2. 객체 리터럴 3. 생성자 함수 4. Class 문법 1. 객체를 만드는 방법 객체를 만드는 방법에는 크게 세 가지가 있다. 1. 객체 리터럴 2. 생성자 함수 3. Class 문법 2. 객체 리터럴 가장 기본적인 방법으로, 객체를 중괄호를 이용해 직접 객체를 선언해 값을 넣어주는 방법이다. let obj = { 키: 값, 키: 값, ... } 하지만, 비슷한 객체를 여러가지 만들어야할 때는 일일이 만들수가 있을까? 만들수는 있지만 단순 노동업무를 하는 것은 비효율적이므로, 이에 따라 생성자 함수라는 것이 나오게 되었다. 3. 생성자 함수 생성자 함수는 일반 함수와 특별한 기술의 차이는 없다. 다만, 아래의 두 관례를 따를뿐이다. 1. 함수명의 첫 글자는 대문자로 시작해..
2023.01.17 -
Javascript 렉시컬 환경과 클로저
목차 1. 중첩함수(nested function) 2. 렉시컬 환경(Lexical Environment) 3. 결과 4. 클로저(closure) 1. 중첩함수(nested function) 함수 내부에서 선언한 함수는 "중첩 함수"라고 한다. https://char1ey.tistory.com/69 Javascript 함수(선언식, 표현식, 화살표 함수) 목차 1. 함수 2. 함수 선언식 3. 함수 표현식 4. 화살표 함수 5. 콜백 함수 6. 함수의 기능 6.1. 일반 함수 6.2. 생성자 함수 6.3. 객체 메서드 1. 함수(function) 스크립트에 코드를 작성하여도 동작은 가능 char1ey.tistory.com 위의 포스팅에서 지역변수, 전역변수, 외부변수에 대해서 설명한 적이 있다. 이 두 개..
2023.01.15 -
Javascript 내장 객체 Date
목차 1. new Date( ) 2. Date 관련 메서드 1. new Date( ) 자바스크립트에서는 날짜와 관련된 내장 객체 Date가 있다. Date 객체를 활용하여 시간을 측정하거나, 현재 날짜를 출력할 수도 있다. Date 객체에 무슨 인자를 넣는냐에따른 반환 형태를 알아보도록하자. Date( ) Date( 밀리초 ) Date( dateString ) Date( year, month, date, hours, minutes, seconds, milliseconds ) Date 객체 생성하기 인수 없이 호출했을 경우 let now = new Date(); console.log( now ); // 현재의 시간이 출력된다. // 2023-01-14T15:52:30.628Z new Date( 밀리초 ) ..
2023.01.15 -
Javascript 구조 분해 할당
목차 1. 구조 분해 할당 2. 구조 분해 할당 - 배열 3. 구조 분해 할당 - 객체 1. 구조 분해 할당 구조 분해 할당은 객체나 배열을 분해하고 할당하는 기능이다. 다음과 같은 상황에 유용하게 쓰인다. 함수에 인자로 객체, 배열을 전달해야할 때 객체, 배열 데이터 일부만 필요로 할 때 함수의 매개변수가 많거나(3개 이상), 매개변수의 기본값이 필요할 때 객체와 배열을 분해하는 방법이 조금은 다르니 한 번 살펴보도록 하자. 2. 구조 분해 할당 - 배열 배열의 데이터에 접근하려면, 인덱스를 이용해서 접근했어야 했다. 하지만 구조 분해 할당을 이용하면 인덱스를 쓰지 않고도 데이터를 빼올 수 있다. 함수의 매개변수에도 사용이 가능하다. 문법(Syntax) let [ 변수1, 변수2, 변수3, .... ]..
2023.01.15