javascript (11) 썸네일형 리스트형 JS기초_보충(데이터 타입 심화) 데이터 타입의 종류 자바스크립트에서 값의 타입은 크게 기본형과 참조형으로 구분된다. 구분의 기준은 값의 저장 방식과 불변성 여부이다. 기본형과 참조형 데이터의 구분 기준 복제 방식 기본형 : 값이 담긴 주소 값을 복제 참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제 불변성의 여부 기본형 : 불변성을 가짐 참조형 : 불변성을 가지지 않음 메모리와 데이터 기본 개념 메모리와 데이터 비트 컴퓨터가 이해할 수 있는 가장 작은 단위 0과 1을 가지고 있는 메모리를 구성하기 위한 작은 조각 비트가 모여서 메모리를 구성 바이트 비트만 사용하여 데이터를 만드는 것은 한계가 있음 비트 8개를 묶어 새로운 단위인 바이트를 만듦 메모리 : 바이트(Byte) 단위로 구성 모든 데이터는 byte 단위의 .. JS 기초_보충(Map과 Set) Map과 Set JavaScript에서 객체(Object)와 배열(array)을 이용하면 다양한 프로그래밍을 할 수 있다. 하지만 객체와 배열만으로는 해결하기 어려운 상황이 존재한다. Map과 Set은 데이터의 구성, 검색 및 사용을 객체나 배열보다 효율적으로 처리할 수 있기 때문에 많이 각광받고 있다. 1. Map map은 객체와 유사한 형태를 가지고 있다. map은 key - value를 저장하며 객체와 달리 키로 사용할 수 있는 모든 유형을 사용할 수 있다. map은 키가 정렬된 순서로 저장되기 때문에, 추가한 순서대로 반복할 필요가 없다. map을 이용하면 다음과 같은 작업을 수행할 수 있다. key - value 추가 및 검색 (set) key - value 삭제 (delete) 모든 key -.. JS 기초 _보충(객체, 배열) 객체 1. 생성자 함수를 사용한 객체 생성 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } let person1 = new Person("홍길동", 30, "남자"); let person2 = new Person("홍길순", 25, "여자"); 위의 예제에서는 생성자 함수 Person()을 사용하여 객체 person1과 person2를 생성한다. 생성자 함수를 사용하면 객체를 일괄적으로 생성할 수 있다. 2. 객체 속성 접근 let person = { name: "홍길동", age: 30, gender: "남자" }; console.log(person.name); // "홍길동" co.. JS 기초 _보충(조건문, 반복문) 조건문 1. 조건부 실행 let x = 10; (x > 0) && console.log("x는 양수입니다."); 위의 예제에서는 조건부 실행을 사용하여 변수 x가 양수인 경우에만 "x는 양수입니다."라는 메시지를 출력한다. &&(논리곱) 연산자를 사용하여 조건부 실행을 할 수 있다. 2. 삼항 연산자와 단축 평가 let x; let y = x || 10; console.log(y); // 10 위의 예제에서는 삼항 연산자를 사용하여 변수 x가 존재하지 않는 경우 기본값으로 10을 사용한다. ||(논리합) 연산자를 사용하여 단축 평가(short-circuit evaluation)를 할 수 있다. 변수 x가 존재하지 않는 경우, || 연산자는 false 값을 반환하고, 기본값으로 지정한 10을 반환한다. 3.. JS 기초 _보충(연산자, 함수 스코프) 산술 연산자(arithmetic operators) 1. 더하기 연산자(+)console.log(2 + 3); // 5 console.log("2" + "3"); // "23" console.log("2" + 3); // "23" console.log(2 + "3"); // "23"위의 예제에서는 더하기 연산자를 사용하여 숫자나 문자열을 더할 수 있다. 이때, 더하기 연산자는 숫자와 문자열을 함께 사용할 경우, 자동으로 문자열로 변환한다. 2. 빼기 연산자(-)console.log(5 - 2); // 3 console.log("5" - "2"); // 3 console.log("5" - 2); // 3 console.log(5 - "2"); // 3 console.log("five" - 2); // Na.. JS 기초 _보충(변수와 자료형 변환) 변수 ⚠️ 변수의 5가지 주요 개념 변수 이름 : 저장된 값의 고유 이름 변수 값 : 변수에 저장된 값 변수 할당 : 변수에 값을 저장하는 행위 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위 변수 참조 : 변수에 할당된 값을 읽어오는것 자바스크립트에서 변수는 var, let, const 세 가지 방법으로 선언할 수 있다. let과 const는 ECMAScript 6(ES6)에서 새로 도입된 방법이다.// var로 변수 선언 var myVar = "Hello World"; console.log(myVar); // "Hello World" // let으로 변수 선언 let myLet = "Hello World"; console.log(myLet); // "Hello World" // const로 .. JS기초_5.2(객체 속성과 메소드) 자바스크립트의 자료형 기본자료형 자바스크립트에서는 undifined, null 등을 제외한 숫자, 문자열, 불을 기본 자료형이라고 한다. 기본 자료형은 객체가 아니므로 속성을 가질 수 없다. 기본 자료형을 객체로 선언 const 객체 = new 객체 자료형 이름() new Number(10) new String('안녕하세요') new Boolean(true) 기본 자료형의 일시적 승급 자바스크립트는 편리성을 위해 기본 자료형 뒤에 온점을 찍으면 일시적으로 기본 자료형을 객체로 승급시킨다. 하지만 이러한 승급은 일시적이다. const h = '안녕하세요' h.sample = 10 // 일시적으로 객체로 승급되어 sample 속성을 추가 h.sample // 일시적으로 승급된 속성이 사라짐 프로토타입으로 메.. JS기초_5.1(객체기본) 항해99 온보딩 커리큘럼 5일차 객체 실존하는 사물을 의미. 이름(name)과 값(value)로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입. 배열도 객체라고 할 수 있다. 객체 생성 키: 값 속성과 메소드 배열 내부의 값을 요소라고 하고 객체 내부에 있는 값은 속성이라고 한다. 객체의 속성도 모든 형태의 자료형을 가질 수 있다. const object = { number: 273, string: '구름', boolean: true, array: [52, 273, 103, 32], method: function () { } } 동적 객체 속성 추가 / 삭제 하기 동적 속성 추가 객체.속성 = 값 동적 속정 제거 delete 객체.속성 키워드 정리 요소란 배열 내부의 값을 의미 속성은 객체 내부의 .. 이전 1 2 다음
