React js2 JSX JSX란 jsx는 javascript에 XML을 추가한 확장문법 javascript에서 html을 작성하듯 하기 때문에 가독성이 높아지고 작성하기 쉬워짐! jsx란 리액트에 추가된 라이브러리 라고 생각하면됨 createElement를 한줄로 요약 가능! // 기존에 createElement와는 달리 html요소적으로 작성이 가능함 // 함수를 사용할 땐 {} 안에 함수 내용을 작성 const Title = console.log("mouse Enter")}> Hello I'm a title const Button = console.log("im clicked")} > Click me 기존에 div로 묶던 container라는 이름의 변수도 createElement를 풀어줄 수 있다. // 우선 기존의 Ti.. 2022. 12. 28. react useState() React를 사용하는 가장 큰 이유중 하나이다. useState()함수를 사용하여, 하나의 인자와, 그 인자를 변형시켜 줄 함수를 선언받을 수 있다. 예를 들어 살펴보면 const data = React.useState() console.log(data) 위 코드를 클라이언트에서 생성시킨 후 console.log(data)를 찍어보면, (2) [undefined, ƒ] // 이에 undifined는 data이고, f는 data를 바꿀때 사용하는 function임 위와 같은 [undifined, f]가 나온다 undifined는 우리가 선언시킬 인자이고, f는 그 선언된 인자를 변형시킬 함수의 자리이다. 위 값들을 data[0], data[1]이렇게 불러올 수도 있지만, 가시성도 떨어지고 비효율적이다. 그.. 2022. 9. 15. 이전 1 다음