State란?현재 가지고 있는 형태나 모양을 정의. 변화할 수 있는 동적인 값.State는 "상태"를 뜻합니다. "상태"라는 단어는 일상에서도 자주 사용합니다.켜진 상태의 전구꺼진 상태의 전구이처럼 "상태"란 어떤 사물이 현재 가지고 있는 모습이나 형편을 나타내는 말입
지난 포스팅에 이어서 State에 대한 이야기를 이어가봅니다.전구 역할을 하는 Bulb 컴포넌트를 새로 생성합니다. 이 컴포넌트는 부모 컴포넌트로부터 props를 통해 전구의 상태를 전달받으며, 구조 분해 할당을 사용해 light 값을 직접 받아옵니다.이제 전구 컴포넌
사용자 입력을 처리하는 방법을 살펴보기 위해 간단한 회원가입 폼을 렌더링하는 Register 컴포넌트를 만들어봅니다.Register.jsxRegister 컴포넌트를 부모 컴포넌트인 App 컴포넌트에 추가하여 배치합니다.App.jsxRegister 컴포넌트에 간단한 회원
저번 시간에 Register 컴포넌트를 만들어, 이름, 생년월일, 국적, 자기소개 네 가지를 입력받는 폼을 각각 생성하고, 입력된 정보를 별도의 state로 관리하는 방법을 살펴보았습니다.하지만 코드를 다시 살펴보면, 비슷한 코드가 반복되고 있다는 점을 알 수 있습니다
이번 시간에는 useRef 기능에 대해 살펴봅니다.useRef는 use Reference의 줄임말로, 새로운 Reference 객체를 생성하는 기능을 제공합니다. 생성된 Reference 객체는 컴포넌트 내부에서 변수처럼 사용되며, 일반적인 값을 저장할 수 있습니다.u
App 컴포넌트의 자식 컴포넌트로 Child 컴포넌트가 있다고 가정합니다.props는 App 컴포넌트에서 Child 컴포넌트로만 데이터를 전달할 수 있습니다. 따라서, 컴포넌트 계층 구조에서 데이터를 바로 한 단계 아래로 전달하는 경우에는 문제가 되지 않습니다. App
기본적으로 변수와 상수라는 것은 "값을 저장하는 박스 또는 저장소"라고 생각하면 됩니다."Hello" 와 같은 문자열 값이나 970107과 같은 숫자 값이나 \[1, 2, 3]과 같은 배열 값을 저장할 수 있는 공간을 변수나 상수라고 부릅니다.자바스크립트에서는 let
자료형은 영어로 type이라고 부릅니다. type은 값들을 포함하는 집합입니다. 자바스크립트에 존재하는 여러가지 값들 중에 문자열이라는 값들을 묶으면 String type이라고 부를 수 있고 숫자라는 값들을 묶으면 Number type이라고 부릅니다.자바스크립트에 존재
형 변환은 “형태를 변환한다”는 의미로, 어떤 값의 타입을 다른 타입으로 변경하는 것을 뜻합니다. 영어로는 “Type Casting”이라고 합니다. 예를 들어, 숫자 타입(Number)인 값 10을 문자열 타입(String)인 "10"으로 변환하는 행위를 형 변환이라고
자바스크립트에서만 제공되거나 독특한 기능을 하는 특수한 연산자에 대해서만 별도로 살펴보도록 합니다.null 병합 연산자(??)는 유효한 값을 추출하기 위해 사용됩니다. 즉, null이나 undefined가 아닌 첫 번째 값을 찾아 반환하는 연산자입니다.만약 null 병
“Spread”는 “흩뿌리다.” 또는 “펼치다.” 라는 의미를 갖고 있습니다. 따라서 Spread 연산자는 객체나 배열에 저장된 여러 개의 값을 개별 요소로 분리하여 확장하는 역할을 합니다.아래와 같은 배열 두 개가 있다고 가정합니다.arr2 배열의 4와 5 사이에 a