react 2

[React] React App Install

React 프로젝트를 하려고 했는데 create-react-app 순간부터 에러가 발생했다.. 그래서 그냥 프로젝트 다 날리고 다시 찾은 방법으로 다시 install VSCode의 터미널을 사용했다. 1. npm을 통해 yarn 을 설치 npm install -g yarn 2. create-react-app 도구 설치 (신기했음) npm install -g create-react-app 3. 설치됐나 확인 create-react-app -v 4. 프로젝트 생성 npx create-react-app my-react-app 까지 하면, 디렉토리가 새로 생긴다. cd my-react-app yarn start 생성된 디렉토리에 들어가서 yarn start 까지하면 성공 참고사이트 https://malonmim..

React 2022.12.13

React 구조 ? 흐름 ? 리액트가 처음이라면 ?

구조라 해야할지 흐름이라 해야할지.. 어떻게 작동하는지 잘 몰라서 노션으로 정리했던 내용을 옮겨 적으면서 복습하고자 한다. 꼬리에 꼬리를 무는 궁금증을 해결하기 위해 정리했던 나만의 정리 내용 설치방법이나 컴포넌트 작성법 등 무언가 실행하는걸 원했다면 뒤로가기 추천.. 주요 특징 - 컴포넌트 기반 - JSX 문법 사용 - Virtual DOM : HTML DOM의 특정 요소만 바뀌어도 전체 DOM 을 다시 렌더링하는 DOM의 단점을 보완. ( DOM 내의 변경된 부분만 DOM 에 적용하는 기술 제공 , 부분 렌더링으로 성능 향상 ) - 리액트 개발 런타임 환경 : node.js React 동작 흐름 (왜 어떻게 제일 처음에 index.html 을 읽게 되는가에 대해 궁금했음) yarn start 명령어 ..

React 2022.08.31
728x90