state2 KDT 5th 웹개발자 입문 수업 36일차 JSX 문법 JSX 는 결국 Babel 에 의하여 JS 로 번역이 되므로 1. class -> className 기존 DOM 요소에 class 를 부여할 때 쓰던 class 를 className 이라고 써야 한다. (class 는 키워드이므로) 2. 데이터 바인딩이 용이 원래 HTML 은 정적인 페이지를 구현하는데 사용이 되었지만 현대의 웹은 서버와 통신을 하여 변경해줄 필요가 있으며 이 경우 DOM 에 JS로 접근하는 document.getElementById() 등을 사용해줘야 하지만, JSX를 사용하면 HTML 요소는 return () 안에, JS의 경우 { } 안에 써주면 된다. 3. JS 는 { } 안에 써준다. 대부분의 JS 문법을 사용할 수 있지만, 예외적으로 if 문 등은 불가능하다. ❥ .. 2023. 3. 27. SOAPLE 처음 만난 리액트 State and Lifecycle State (상태) ---> 자바스크립트 객체 형태 리액트에서 State 란? 리액트 Component의 상태, 즉 변경 가능한 데이터를 의미한다. state를 변경 시 재렌더링 되므로 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야 함 class LikeButton extends React.Component { constructor(props) { supeer(props); this.state = { liked : false }; } } class 컴포넌트는 위처럼 constructor(생성자) 안에서 state를 정의해주고, function 컴포넌트는 useState 라는 훅을 사용하여 state를 정의해준다. *** state는 직접 수정이 불가 (된다고 해도 하면 안된다!) // X.. 2023. 3. 8. 이전 1 다음
