State

공부/React.js

[React.js] React에서 사용자 입력 처리하기

React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다. React에서 사용자 입력 처리하기 새로운 프로젝트를 만들자. npx create-reace-app simplediary 불필요한 파일은 삭제한다. 삭제한 파일과 관련된 코드들을 지운다. App.js import './App.css'; function App() { return ( 일기장 ); } export default App; index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; const..

공부/React.js

[React.js] State(상태), Counter 예제 만들기

React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다. State(상태) State는 계속해서 변화하는 특정 상태이다. 상태에 따라 각각 다른 동작을 한다. 쉽게 예를 들면 웹에서 자주 사용하는 다크 모드(Dark Mode) 테마를 껐다가, 켰다가 하는 게 상태의 하나이다. 즉 react에서 State(상태)란 계속적으로 값이 변화하는, 동적인 데이터를 갖는 컴포넌트이다. 실습을 위해 Counter.js를 만들어보자. Counter.js는 숫자가 있고 + 버튼을 누르면 숫자를 1씩 증가시키고, - 버튼을 누르면 숫자를 1씩 감소시키는 페이지이다. const Counter = () =>{ return ( 0 + - ..

데부한
'State' 태그의 글 목록