React

React

React에서 사용하는 jsx란?

jsx란?- 자바스크립트(javascript)의 확장한 문법- jsx파일에서 자바스크립트와 HTML을 한꺼번에 작성 jsx 문법 - , , 와 같이 짝이 있는 태그들은 무조건 닫는 태그가 존재해야함- , 와 같이 단독태그들은 무조건 태그를 닫아줘야함 - 컴포넌트에 여러 요소가 있다면 무조건 부모요소 하나가 감싸야함function App(){ return( 요소1 요소2 )}//에러남function App(){ return( 요소1 요소2 )}//div로 감싸줘서 해결 -값을 중괄호{}에 넣어 관리가능import React from 'react';function App() { const name = '이름..

React

리액트(React)로 개발하기 전 간단정리

리액트란?- 각박한 프론트엔드개발에서 좀 더 빠르고 편하게 개발하기 위해 사용하는 것- 웹 개발(react native로 앱개발도 가능)- facebook에서 제공하는 프론트엔드 라이브러리*라이브러리와 프레임워크 차이라이브러리 -  개발자가 필요에 따라 사용함(필기용품)프레임워크 - 개발자가 따라줘야하는 가이드라인(교과서) 개발하기전 공부해놓으면 좋은 것- HTML- CSS- Javascript 리액트 설치 및 실행-Node.js 설치 후 터미널에 입력( https://nodejs.org/en )npx create-react-app my-app*my-app은 새로 만들 파일명 이름

끄적거리는수달
'React' 카테고리의 글 목록