FrontEnd30 React의 기본 구조 Create-react-app으로 프로젝트 생성하기 create-react-app은 리액트 프로젝트를 생성할 대 필요한 Webpack, Babel의 설치 및 과정을 생략하고 바로 간편하게 프로젝트 작업 환경을 구축해주는 도구이다. React 프로젝트를 만드는 방법 터미널을 열고, 프로젝트를 만들고 싶은 디렉터리에서 다음 명령어를 실행한다. // yarn 사용 $ yarn create react-app hello-react $ cd hello-react $ yarn start // npm 사용 $ npm init react-app hello-react $ cd hello-react $ npm start 명령어를 입력 후, 브라우저에 자동으로 리액트 페이지가 생성된다. 1. React의 디렉터리 구조 nod.. 2022. 6. 23. React.js React란? React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용한다. React는 facebook에서 제공해주는 프로트엔드 라이브러리라고 볼 수 있다. 싱글 페이지 어플리케이션이나 모바일 어플리케이션의 개발 시 토대로 사용될 수 있다. React의 필요성 React가 없어도 html과 css, javascript를 이용해서 웹 페이지를 만들 수있다. 그러나, react를 이용해 사용자와 상호작용할 수 있는 동적인 UI를 쉽게 만들 수 있다!!! React의 특징 Data Flow Component 기반 구조 Virtual Dom Props and State JSX Data Flow React는 데이터의 흐름이 한 방향으로만 흐르는 단방향 데이터 흐름을 .. 2022. 6. 22. 이전 1 ··· 5 6 7 8 다음
