Programming Language4 [JavaScript]객체 프로퍼티 개념 정리( 프로퍼티 플래그, 접근자 프로퍼티 등) 프로퍼티 플래그 객체 프로퍼티는 값(value)와 함께 플래그(flag)라 불리는 특별한 속성 세가지를 갖는다. `writable` - true면 값을 수정할 수 있다, 그렇지 않다면 읽기만 가능 `enumerable` - true면 반복문을 사용해 나열할 수 있다. 그렇지 않다면 나열 불가. `writable` - true면 프로퍼티 삭제나 플래그 수정이 가능. 그렇지 않다면 프로퍼티 삭제와 플래그 수정이 불가능 이를 좀 더 구체적으로 살펴보았다 writable 플래그 `writable` 플래그를 사용해 user.name에 값을 쓰지 못하도록 해보았다. 이를 통해 writable 을 true로 변경하지 않는 한 그 누구도 객체의 이름을 변경할수 없게 되었다. let user = { name: "euio.. 2022. 8. 11. [JavaScript] 객체관련 개념 정리 (깊은복사, 얕은복사, garbage collectoin, Execution Context 등) 객체 : 특수한 기능을 가진 연관 배열(associative array) ① 자바스크립트에는 8가지 자료형이 있음 - 원시형 : 오직 하나의 데이터만 담을 수 있음 - 객체형 : 다양한 데이터를 담을 수 있음 --> key로 구분된 Data집합 or 복잡한 개체(entity) ② 객체는 {}를 이용하여 만든다. ③ 중괄호 안에는 키(key, 문자형):값(value, 자료형)쌍으로 구성된 프로퍼티(Property)를 저장 가능 let user = new object() //'객체 생성자' 문법 let user = {} //'객체 리터럴' 문법 *중괄호를 이용해 객체를 선언하는 것을 객체 리터럴 이라고 부른다. 리터럴과 프로퍼티 1. 콜론(:)을 기준으로 왼쪽엔 키, 오른쪽엔 값 위치 let user = {.. 2022. 8. 11. [JavaScript] 자바스크립트 제어 흐름 이해하기(동기 / 비동기) 자바스크립트는 자바나 C#과 같은 다른 멀티스레드 프로그래밍 언어와 다른 방식으로 비동기 동작을 처리한다. 때문에 동기/ 비동기 파트는 처음 자바스크립트를 접하는 경우 이론적 어려움을 많이 느끼는 부분이기도 하다. 자바스크립트 내부의 비동기 동작을 이해하기 위해서는 이벤트 루프 등의 개념을 알아야만 한다. 01. 자바스크립트 엔진의 특징 먼저 자바스크립트 엔진의 특징부터 살펴보면 다음과 같다. 자바 스크립트 엔진은 하나의 메인 스레드로 구성되고 메인 스레드는 코드를 읽어 한 줄 씩 실행한다. 즉 자바스크립트 엔진은 비동기 처리를 제공하지 않는다. 자바스크립트에서 비동기 코드가 실행될 수 있는것은 자바스크립트내에서 이를 돕는 함수(setTimeout, fetch 등)를 제공되기 때문이다. 그렇기 때문에 처.. 2022. 7. 27. [Javascript/3주차] DOM과 그리고 Node 객체 정리 HTML이나 Javascript를 사용하다보면 접하게 될 만한 개념 중 하나가 DOM이라고 생각한다. 그러나 잘못 알고 있던 개념도 있고 좀 정리를 하기 위해서 이번에 포스팅을 해보려고 한다.! 01. DOM이란? DOM(Document Object Model)은 HTML문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API이다. 이를 위한 프로퍼티와 메서드를 제공하는 트리 자료구조라 할 수 있으며, 프로그래밍 언어가 문서구조, 스타일, 내용 등을 변경할 수 있도록 한다. 01-02. Document Method Document 메서드는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공한다. HTML 의 요소를 선택해서 작업하여야 할 때 id를 이용한 요소 노드 취득: documen.. 2022. 7. 21. 이전 1 다음
