React2 [React] Props, State 사용하기 Props 부모 컴포넌트에서 자식 컴포넌트로 전달하고 싶은 데이터를 전달합니다. App.js import Test from './Test'; function App() { return ( // Test 컴포넌트에 데이터 전달 ); } export default App; Test.js function Test(props) { return ( {console.log(props)} // {test1: 'test1_val', test2: 'test2_val'} ); } export default Test; State 함수 내에 선언한 변수처럼 컴포넌트 안에서 데이터를 저장, 수정할 수 있습니다. useState라는 함수를 사용해서 상태 관리를 할 수 있습니다. 기본 형태 const [value, setValue.. 2022. 3. 29. [React] JSX 사용하기 React란? React는 사용자 인터페이스 개발을 위한 JavaScript 오픈소스 라이브러리입니다. React의 특징 선언형 - 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향 컴포넌트 기반 - 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발 범용성 - JavaScript 프로젝트 어디든 유연하게 적용 가능 JSX란? JSX는 'JavaScript XML'의 약자로 JavaScript에 XML을 추가한 확장 문법으로, JavaScript에서 HTML을 작성하는 것과 비슷하게 작성할 수 있도록 해 줍니다. JSX는 JavaScript 문법이 아니기 때문에 바벨을 사용하여 JavaScript형태의 코드로 변환해야 합니다. ※ 바벨은 JSX를 .. 2022. 3. 27. 이전 1 다음