❓ JSXJSX 는 JavaScript 를 확장한 문법이다.쉽게 말하자면 자바스크립트에서 Html 과 유사한 문법을 사용할 수 있도록 만들어진 문법? 우리가 기존에 웹 사이트를 만들 때, Html, Css, JavScript 를 가지고 만들었다면React 에서는 Html 대신 JSX, Css, JavaScript 를 가지고 만든다고 이해하면 쉽다. ❓ JSX 문법 (+ Html 과의 차이점)1. classhtml 에서 클래스를 부여할 때 class 를 사용했지만, JSX 에서는 className 을 사용한다.기존 HTMLJSX 문법 2. styleJSX 에서는 style 을 정의할 때, {{ 속성명: "속성값" }} 와 같이 객체 형태로 작성한다.그리고 CSS 속성명은 카멜케이스로 표현해야 한다.예를 ..
State
💡 useState참고영상https://www.youtube.com/watch?v=G3qglTF-fFI&list=PLZ5oZ2KmQEYjwhSxjB_74PoU6pmFzgVMO&index=1React 에서 useState 는 함수형 컴포넌트에서 상태(state)를 관리하기 위해 사용하는 훅(hook)이다. ❓ state 가 뭘까?React 에서 state 는 컴포넌트가 가질 수 있는 상태를 의미한다.예를 들어, 쇼핑 카트 라는 컴포넌트가 있다면 state 로 items 라는 state 를 가질 수 있다. ❓ useState 기본 사용법먼저 state 를 생성할 때 useState 함수의 인자로 초기값을 전달한다.그러면 useState 함수는 현재 상태 값(state)과 그 상태를 업데이트하는 함수..
