728x90 반응형 웹개발자8 리액트 프로젝트 생성 - 셀프 개발자 코딩 부트캠프 리액트 프로젝트 생성 yarn create react-app $yarn create react-app hello-react 프로젝트에 기본 파일들이 생성된다. $yarn start 를 실행하면 리액트 프로젝트가 실행된다. http://localhost:3000/ 로 접속하면 위와같은 화면이 나온다. 비주얼 스튜디오로 프로젝트를 연다. // 특정 파일 불러오기 import logo from './logo.svg'; import './App.css'; // App 이라는 함수 컴포넌트 새성 function App() { return ( // jsx -> js의 확장 문법으로 번들링 과정에서 js형태로 변함 Edita src/App.js and save to reload. Learn React ); } exp.. 2022. 3. 6. 리액트 - 셀프 개발자 코딩 부트캠프 리액트 페이스북(메타)에서 개발한 View 만을 위한 라이브러리. Virtual DOM(VDOM) 메모리에 가상의 DOM을 만들고 실제 DOM과 동기화. DOM 업데이트를 추상화함으로써 DOM 처리 횟수를 최소화. 데이터를 업데이트 하면 전체 UI를 VDOM에 리렌더링 -> 이전 VDOM과 비교하고 변한 부분만 DOM에 적용. 리액트는 View만 신경쓰기 때문에 라우팅, 상태관리, Ajax처리같은건 다른 라이브러리의 도움을 받아야 한다. Yarn yarn이 npm에 비해 더 빠르고 보안성이 좋다고 한다. 고양이 아이콘이 귀엽다. # yarn 설치 $npm install --global yarn # 리액트 에디터 아무거나 사용해도 상관 없지만 VS Code추천 : 맥, 윈도우 모두 지원하기 때문에 좋다. .. 2022. 3. 6. 이전 1 2 다음 728x90 반응형
