본문 바로가기
알고리즘 바로가기
보안 포스트 바로가기
JAVA 바로가기
리눅스 서버 바로가기

Node.js/React

 (3)
3
2. State, useState State React 에서는 모든 Component에 대한 랜더링이 이 State가 변경될 때 실시되며, react에서 사용되는 변수이다. State 의 선언 모든 State 함수가 동작하기 위해, react내 React, { useState } 가 Import 되어야 한다. state 를 사용하기 위해서 state 변수 선언을 통해서 시작하는데 state를 정의하는 useState() 함수는 다음과 같은 정의를 가진다. var [state데이터 , state 변경함수] = useState('데이터') State 의 변경 어떤 State의 구조를 변경하기 위해서, React의 state는 변수의 재할당을 통해 변경되는 모든 데이터는 State 변경함수를 통해 변경되어야 한다. 변경함수(대체데이터) 가령 ..
1. JSX React에서 사용되는, 시간에 따라 이벤트처리를 위해 State가 동기화되는 방식으로 기존 자바스크립트를 확장하여 만들어진 문법이다. ＃ class 가 아니라, className 예약어를 사용한다. - Js 파일이기 때문에, class가 아닌, 준비된 예약어 className을 사용한다. - 즉, 과 같이 사용하여 CSS를 적용한다. ＃ 리액트의 데이터 바인딩 방법 [ 중괄호 { } 사용 ] - 중괄호 {} 에 변수명이나 함수를 넣기만 하면 됨, ejs문법에서는 과 같은 표현식을 사용해야 했음 - (일반 js 에서는 dom 제어[document.getElementById("john")] , jquery dom 제어 처럼[ $("#john") 선택자 처럼 ) - 하나의 파일 내에 js 함수를 정의하고, ..

티스토리툴바