react state

Framework/React

리액트 기본

2023.03.28

리액트는 기본적으로 Javascript 사용 업데이트 된 사항? 자동으로 UI 업데이트 코드 재활용을 많이 함 (JSX 문법: html +Javascript) repl.it.com ⇒ 온라인 코딩툴 폴더 구조: src 폴더 내 App.jsx: 웹사이트에 보일 내용 main.jsx: index.html 파일과 App.jsx를 연결해줌 기존 html 과 차이? → div 태그 안에 class 대신 className 으로 사용! state ① state 가 바뀌면 UI가 자동으로 업데이트 됨 import React**,{useState}** from 'react'; import './App.css'; function App() { let count = 0 **const [count2, setCount2] = ..

Framework/React

state 특징

2023.01.23

[state 정리] 1. 변수 대신 쓰는 데이터 저장 공간 2. useState() 를 이용해 만들어야 함 3. 문자, 숫자, array, object 다 저장 가능 - 데이터 넣는 방법: 1) 변수에 넣거나 2) state 넣거나 [state 사용 방법] state 사용하기 위해서는 { useState } 상단에 첨부! import React, { useState } from 'react'; cf) ES6 destructuring 문법 - array, object 에 있던 자료를 변수에 쉽게 담고 싶을 때 사용 ex) 10,100을 a,b에 넣어주세요! var [a,b] = [10, 100] let [a,b] = useState('남자 코트 추천'); => [state데이터, state 데이터 변경 함..

리액트 기본

state 특징

티스토리툴바