![]()
개발환경 설정 NVM 다운로드 및 설치 NVM = Node Version Manager 1. NVM 다운로드 접속 2. 최신 버전 nvm-setup.zip 파일 다운로드 3. 설치 진행 nvm version Node.js 설치 최신버전 설치 nvm install latest 특정 버전 설치 nvm install 버전이름 설치 버전 확인 nvm ls node -v // 노드 버전 확인 npm -v // npm 버전 확인 특정 버전 사용 nvm use 버전 Yarn 설치 npm 단점을 보완하여 성능/속도 개선한 것 Yarn 다운로드 접속 설치 버전 확인 yarn -v CRA (Create-React-App) 리액트 프로젝트 시작 시 필요한 개발 환경 세팅 도구 리액트 앱 생성 yarn create react..
![]()
React 란? 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리 Facebook에서 개발한 라이브러리 SPA(Single Page Application) 개발 시 사용 재사용 가능한 UI 구성 요소 생성 오로지 view만 담당 내장 기능이 부족해 third-party 라이브러리(react-router-dom, redux) 등 함께 사용 Vritual DOM을 통해 최적화를 구현 왜 React 일까?? Virtual DOM을 사용하여 최종 변화만 실제 DOM에 전달하기 때문에 빠른 성능 유지 Component 기반 구조로 재사용 및 유지보수 용이 생태계가 넓고 다양한 라이브러리 사용 가능 React Native 활용한 앱 개발 가능 React 특징 단방향 데이터 흐름 Component 기반 구조 V..
