본문 바로가기

분류 전체보기415

[JS Q.R 스터디] 데이터 타입 최종 수정 : 2024-04-17 6장. 데이터 타입 값의 종류인 data type, 줄여서 '타입'이라고도 한다. 자바스크립트의 모든 값은 데이터 타입을 갖는다. 데이터 타입은 크게 원시 타입(primitive type)과 객체 타입(object/reference type)으로 분류할 수 있다. 구분 데이터 타입 설명 원시 타입 number 숫자(정수와 실수) string 문자열 boolean 논리적 참(true)와 거짓(flase) bigInt undefiend var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 symbol 객체 타입 객체, 함수, 배열 등 데이터 타입은 왜 필요할까? 값은 메모리에 저장하고 참조할 수 있어야 한다. 메모.. 2024. 4. 18.
제어 컴포넌트 / 비제어 컴포넌트 최종 수정 : 2024-04-17 제어 컴포넌트(controlled component) 사용자가 입력한 값에 접근하고 제어할 수 있도록 해주는 컴포넌트이다. 즉, 값이 리액트의 통제를 받는 입력 폼 엘리먼트(input form element)를 의미한다. 제어 컴포넌트에서는 모든 데이터를 state에서 관리한다. state 값을 변경할 때에는 무조건 setState() 함수를 사용해야 한다. 이처럼 제어 컴포넌트는 리액트에서 모든 값을 통제할 수 있는 구조를 갖고 있다. 값은 항상 최신값을 유지하며, 새로운 입력에 따라 업데이트 한다. 데이터와 UI에서 입력한 값이 동기화되어 잘 나타난다. 고유한 id값을 사용 import React, { useRef } from 'react'; function Test.. 2024. 4. 17.
[JS Q.R 스터디] 디스트럭처링 할당 최종 수정 : 2024-04-15 36장. 디스트럭처링 할당 디스트럭처링(destructuring assignment, 구조 분해 할당)은 구조화된 배열과 같은 이터러블 또는 객체를 destrcuturing(비구조화)하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용하다. 1. 배열 디스트럭처링 할당 배열의 각 요소를 배열로부터 추출하여 1개 이상의 변수에 할당한다. 할당의 대상은 이터러블이어야 하며, 할당 기준은 배열의 인덱스다. 즉, 순서대로 할당된다. const arr = [1, 2, 3]; const [one, two, three] = arr; console.log(one, two, three); // .. 2024. 4. 15.
[JS Q.R 스터디] 스프레드 문법 최종 수정 : 2024-04-15 35장. 스프레드 문법 스프레드 문법(spread syntax, 전개 문법) ...은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다. 스프레드 문법의 결과물은 값으로 사용할 수 없다. console.log(...[1, 2, 3]); // 1 2 3 console.log(...'Hello'); // h e l l o console.log(...new Map([['a', '1'], ['b', '2']]); // ['a', '1'] ['b', '2'] console.log(...new Set([1, 2, 3]); // 1 2 3 1. 함수 호출문의 인수 목록에서 사용하는 경우 var arr = [1, 2, 3]; const max = Math.m.. 2024. 4. 15.
[JS Q.R 스터디] 이터러블 최종 수정 : 2024-04-15 34장. 이터러블 1, 이터레이션 프로토콜 이터레이션 프로토콜(iteration protocol)은 순회 가능한(iterable) 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. ES6에서는 순회 가능한 데이터 컬렉션(배열, 문자열, 유사 배열 객체, DOM 컬렉션 등)을 이터레이션 프로토콜을 준수하는 이터러블로 통일하여 for..of 문, 스프레드 문법, 배열 디스트럭처링 할당의 대상으로 사용할 수 있도록 일원화했다. A. 이터러블 프로토콜(iterable protocol) 이터러블 플로토콜을 준수한 객체를 이터러블이라 하며, for...of 문으로 순회할 수 있으며 스프레듬 ㅜㄴ법과 배열 디스트럭처링 할당의 대상으로 .. 2024. 4. 15.

티스토리툴바