리액트2

• 

  state 기본 사용법, state 변경하기 state 사용법 기본 사용법 state 값이 변동 될 시 자동으로 html에 반영되게 만들고 싶을 때 사용한다. 자료를 잠깐 보관 할 때 state를 사용한다.(자주 변경되는것들) 자주 안바뀌는건 state를 사용할 필요 없다. import { useState } from 'react'; function App() { let post = '강남 우동 맛집'; let [a, b] = useState('남자 코트 추천') return ( ); } 위 처럼, useState() 를 기재하면 상단에 import가 자동으로 생성된다. let [a, b] 는 useState(보관한 자료)에서 보관한 자료를 뽑아쓸 때 사용한다. a = state에 보관했던 자료 나옴.(변수랑 똑같이 사용하면 됨) b = state.. 리액트 2022. 9. 8.

• 

  JSX 문법 JSX 문법 1. class 넣을 땐 className 사용 2. 변수 넣을 땐 {변수명} 중괄호 사용 ( 데이터바인딩 (데이터를 꽂아넣는다) ) ㄴ className , id 등 모든 곳에서 {변수명} 을 적용할 수 있다. function App() { let post = '강남 우동 맛집'; return ( 블로그임 {post} ); } export default App; 위 코드를 적용하면 개발자도구 에서는 아래와 같이 나온다. 3. 스타일 넣을 때는 { 무엇을 : '어떻게' } 이렇게 오브젝트 형식으로 사용 function App() { let post = '강남 우동 맛집'; return ( 블로그임 {post} 원래라면 css에서 글자크기는 font-size : 16px 이렇게 지정을 할 것이.. 리액트 2022. 9. 8.