프로그래밍언어/React

React 실행과 종료 요약

React 실행과 종료 요약 1. 프로젝트 생성 create-react-app 폴더이름 npm init react-app . 2. 개발모드 실행 npm run start 3. 개발모드 종료 Ctrl + C

React 실행 , React 시작하기 , npm start

React 실행 , React 시작하기 , npm start 1) VS Code 실행 후 터미널을 연 뒤 npm init react-app . 입력 2) Ok to procced? (y) / 에다가 y 입력 3) 설치 진행 , 파일들이 생성되면서 설치 완료됨. 4) 터미널에 npm run start 입력 5) React 화면 뜨면 성공

React npm 오류 / You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). / npm init react-app

React npm 오류 You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). npm init react-app 리엑트를 실행하려고 하는데 이런 오류가 발생한다. Node.js 를 재설치해봤지만 여전히뜨길래 계속 해결법을 찾던중 드디어 해결이 되었다. 생각보다 간단했다... 에러 마지막을 보면 이렇게 npm-chache 폴더 경로 가 나오는데 이 npm-cache 폴더와 npm폴더를 다 삭제해주고 재 실행을 해봤더니 잘 설치 된다. 이전에 React Native 공부를 잠깐 한적이 있는데 그때 설치해둔게 문제가 생긴것 같다. 정리하자면, 1. AppData/~/npm-cache 폴더 삭제 2. AppData..

React 개발 환경 셋팅 및 설치

React 개발 환경 셋팅 및 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org LTS 버전과 현재 출시 된 버전이 있다. 조금 안정적으로 사용하기 위해 나는 LTS 버전을 설치했다. 설치 과정에서 다른걸 체크할 필요없이 그대로 설치를 진행하면된다. 설치가 다 끝난 후 잘 설치 되었는지 확인을 하기 위해서 cmd 창을 실행시켜본다. node -v npm -v 를 실행 시켜보면 설치 된 버전이 나오는데 잘 설치가 되었는지 확인해본다. 버전은 설치 날짜나 사용자가 선택한 것에 따라 다르기 때문에 위와 같지 않아도 된다. 자신이 원하는 버전으로 설치 ..

React-Native ES6 기초문법

React-Native 는 JavaScript를 기반으로 하여 JavaScript를 잘다룬다면 React-Native를 다루기에 보다 더 수월할 것이다. 또한 ES6, React의 기초적인 문법정도는 알고있어야 한다. ES6 기초문법(1) Var, let, const ES6에서 함수를 선언하는데는 여러가지 방법이 있는데 크게 var, let, const 가 꼽힌다. 하지만, var 함수는 사용안하는걸 권장한다. var 함수는 치명적인 오류가있는데 바로 같은 블록의 같은 변수에 다른걸 선언해도 오류를 일으키지 않는다는 점이다. ex) var country = 'korea'; var country = 'USA'; 이게된다 그러므로 let 함수를 사용하는 것을 권장한다. (블록이 달라지면 변수 변경 가능) c..

React-Native 환경 설치 (안드로이드 Android, Window 환경)

React-Native를 활용해 어플을 만들기위해서 필수적으로 거쳐야하는 환경설치가 있다. 참고로 나는 윈도우를 사용하기에 ios는 다루지 않는다. 우선적으로 설치할것들은 - Android Studio - Node.js - Android SDK - Android- Virtual Device - JDK 이것들을 모두 다 설치했다면 이제, Android Studio 에서 File - Settings - Appearance & Behavior - System Settings - Android SDK 에서 Android SDK Location 의 Directory 설정 경로를 복사하여 내컴퓨터 - 시스템속성 - 환경변수 설정 - 변수 이름을 'ANDROID_HOME' 으로 설정, 변수 값에는 방금 복사한 경로를..