Gwni Lab GwniLab

리액트를 본격적으로 만들기 전에 package.json 파일로 들어가서 필요한 모듈을 설치해줘야 합니다, 이렇게 뜨는데요. 지금은 필요한 모듈이 설치가 완료된 상황입니다. 설치한 모듈로는 axios, node-sass, react-router-dom, prop-types 이렇게 있는데요 버전에 맞게 잘 설치해야합니다. 모듈을 설치하는 방법은 터미널에서 가능합니다. 이런식으로 npm install (설치할 모듈이름) 으로 설치할 수 있습니다. 저같은 경우는 react-router-dom 이 자동적으로 6.3.0 버전이 설치되는데 이러면 오류가 나오더라구요 그래서 그 이전 버전인 5.3.0으로 설치했습니다. 다른 버전으로 설치하기 위해서는 명령어에 @버전을 입력해야 합니다. 이런식으로요.

기본 설정 리액트 앱 만들기 npx create-react-app 출력하기 import React from "react"; import ReactDOM from "react-dom"; ReactDOM.render(Hello, React, document.getElementById("root")); JSX javascript + html // Some codeimport React from "react"; import ReactDOM from "react-dom"; const name = "gwni"; const hello = hello {name} ReactDOM.render(hello, document.querySelector("#root")); // Some code//JSX import React ..

React는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있습니다. 싱글 페이지 애플리케이션이나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있습니다. 즉, 현재 많이 활용되고 있는, 웹/앱의 View를 개발할 수 있도록 하는 인기있는 라이브러리라고 볼 수 있습니다. React의 필요성? react를 사용하지 않아도, html과 css, javascript를 이용해서 웹 페이지를 만들 수 있지만, react를 이용해 사용자와 상호작용할 수 있는 동적인 UI를 쉽게 만들 수 있기 때문에 많이 이용되는 것 같습니다..! React의 특징 React의 특징은 크게 다음과 같이 구분해보았습니다. 1. Data Flow 2. Component 기반 구조 3. Virtual Dom 4. Pro..