수빈이의 개발새발

한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, - 강의 소개 | 인프런... www.inflearn.com [React Project: 간단한 일기장(4)] 배열사용해서 데이터 조작하기2- 데이터 추가 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응 su-vin25.tistory.com 이어서... 리스트 렌더링(조회) 데이터 추가 데이터 삭제 데..

한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, - 강의 소개 | 인프런... www.inflearn.com 완성본 간단한 일기장 만들기를 해볼 것이다 UI는 간단하다 1. 작성자를 입력받을 input 2. 일기 본문을 입력받을 textarea 3. 감정점수를 매길 select 바로 만들어보자 우선 일기를 관리할 DiaryEditor 컴포넌트를 하나 만들어 줄 것이다 DiaryEditor 컴포넌트 깡통 하나 만들어주고 루트 컴포넌트에 자식 컴포넌트로 추가해준다 1.input 만들기 작성자를 입력할 i..

State? state란 계속해서 변화하는 특정 상태를 말한고 상태에 따라 각각 다른 동작을 한다 보통 리액트에서 동적인 데이터는 변수에 담아 사용하지 않고 useState라는 react hook 중 하나인 리액트 메서드를 사용한다 이론적인 설명보다 코드로 보는게 이해가 빠르니 바로 예제로 들어가 보자 State 예제 1. useState 세팅 state를 실습해 보기 위해 +버튼을 누르면 1씩 증가되고 -버튼을 누르면 1씩 감소되는 Couter 컴포넌트를 만들어보자 루트 컴포넌트에 임포트 하면 이렇게 렌더링 된다! 일단은 아무 기능 없는 깡통인 상태 여기서 상태가 변화해야 할 부분은 무엇일까? 바로 h2태그로 감싸져 있는 0으로 초기화되어있는 숫자 부분이다 React의 state 기능을 사용하기 위해선..