React2 React 기초 useState, props 리액트에서 State는 객체에 대한 업데이트를 실행한다. state가 변경되면 변경된 값을 전하여 컴포넌트는 리렌더링 된다. props는 properties의 줄임말로 어떠한 값을 컴포넌트에 전달해줘야할 때, props를 사용한다. state와 props가 비슷해서 다소 이해하기 힘들수 있지만 이 둘은 엄연히 다르다. 원래 글로 보면 복잡하니까 코드로 봐보자 ex) State // Hi.js import {useState} from "react"; function Hi() { let name = 'park'; const [name,setName] = useState("park"); function printName() { name = name === "park" ? "park" : "nopark"; se.. 2022. 9. 28. React 맛보기 React란 자바스크립트 라이브러리중 하나로 웹 프레임워크중 하나이다. React의 특징 1. 선언형 : HTML/CSS/Javascript 로 나눠서 적는거 보다 JSX를 활용한 선언형 프로그래밍 2. 컴포넌트 기반 (Component-Based) : 요소별로 개발하여 분리하여도 독립적으로 사용이 가능하므로, 기능에 집중하여 개발이 가능하다. 3. 범용성 : 자바스크립트 기반이므로 자바스크립트 프로젝트 어디에든 유연하게 적용이 가능하다. JSX 먼저 위에서 말한 JSX가 무엇인지 알아야 할 필요가 있는데 JSX는 자바스크립트 XML의 줄임말이고 HTML도 아니고 문자열로 취급하지도 않는다. 간단하게 자바스크립트의 확장 문법이라고 생각하면 된다. JSX는 확장 문법이지만 "Babel" 이라는 자바스크립트.. 2022. 9. 23. 이전 1 다음
