개발공부
-
[JAVASCRIPT-모던자바스크립트] 옵셔널 체이닝 '?.'3 / 심볼형Javascript& React study 2021. 10. 31. 10:22
?.은 delete와 조합해서도 사용할 수 있다. delete user?.name; // user가 존재하면 user.name을 삭제합니다. ?.은 읽기나 삭제하기에는 사용할 수 있지만 쓰기에는 사용할 수 없다. ?은 할당 연산자 왼쪽에서 사용할 수 없다. // user가 존재할 경우 user.name에 값을 쓰려는 의도 user?.name = "Violet"; // 에러 // 에러가 발생하는 이유는 undefined = "Violet"이 되기 때문 심볼 심볼(symbol)은 유일한 식별자 (unique identifier)를 만들고 싶을 때 사용한다. Symbol()을 사용하면 심볼값을 만들 수 있다. // id는 새로운 심볼이 됩니다. let id = Symbol(); 심볼을 만들 때 심볼 이름이라..
-
[JAVASCRIPT-모던자바스크립트] 객체 기본에 대해서 알아보자2Javascript& React study 2021. 10. 8. 05:00
변수 key는 런타임에 평가가 되기 때문에 사용자 입력값 변경 등에 따라 값이 변경될 수 있는데 점 표기법은 이러한 방식이 불가능하다고 볼 수 있다. let user = { name : "John", age : 30 }; let key = "name"; console.log(user.key); // undefined 계산된 프로퍼티 객체를 만들 경우 객체 리터럴 안의 프로퍼티 키가 대괄호로 둘러싸여 있는 경우에는 이를 계산된 프로퍼티(computed property) 라고 부른다. let fruit = prompt('어떤 과일을 구매하시겠습니까?','apple'); let bag { [fruit]: 5, // 변수 fruit에서 프로퍼티 이름을 동적으로 받는다. } console.log(bag.apple..
-
[JAVASCRIPT-모던자바스크립트] 객체 기본에 대해서 알아보자Javascript& React study 2021. 10. 7. 05:00
자바스크립트에서는 총 8가지 자료형이 있다. 이중에서 7개는 하나의 데이터 (문자열,숫자만)담을 수 있기 때문에 원시형 (primitive type)이라고 부른다. 객체는 다양한 데이터를 담을 수 있다. 객체는 중괄호 {...}를 이용해서 만들 수 있다. 중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 넣을 수 있는 프로퍼티(property)를 여러개 넣을 수 있다. 키에는 문자형, 값에는 모든 자료형이 허용된다. let user = new Object(); // '객체생성자' let user = {}; // '객체 리터럴' 리터럴과 프로퍼티 중괄호 {...}안에 는 '키:값' 쌍으로 구성된 프로퍼티가 들어간다. '콜론(:)'을 기준으로 하여 왼쪽에는 키가 오른쪽에는 값이 위치한다. let use..