F.E

[React] create-react-app을 이용한 프로젝트 생성

01. Node JS 설치 아래의 링크로 들어가 Node JS를 설치한다. 이 때 LTS 버전으로 설치하자. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 02. npx react-create-app "폴더 이름" npx create-react-app pinoReact 03. 생성된 폴더에서 vscode를 실행시키면 아래와 같은 폴더 구조로 이루어짐 04. 프로그램 실행 아래의 명령어를 이용하여 프로그램을 실행한다. npm start 실행하면 아래와 같은 화면이 나오면 성공이다.

[JavaScript] 배열과 객체

JavaScript의 자료형은 Number, String, Null, Boolean, Undefinded ...가 있는 데, 그 중 배열(array)와 객체(object)에 대해서 알아보자. 배열 Array 배열은 여러가지의 값을 한 번에 저장할 수 있는 자료형이며, 형태는 아래와 같다. //배열 생성 let ary1 = [1,2,3] //빈 배열 생성 let ary2 = [] 배열은 자료의 순서가 중요한 자료형이며, 배열에 속한 값을 꺼낼 때는 아래와 같다. let ary1 = [1,2,3] ary[0] //1 ary[1] //2 ary[2] //3 아래와 같은 방법으로 배열에 값을 넣거나, 수정할 수 있다. //ary1 let ary1 = [1,2,3] ary1[0] = 6 console.log(ar..

[JavaScript] 함수

JavaScript에서 함수란 코드의 집합을 의미하며, 아래와 같이 작성한다. /* function 함수명(매개변수){ 실행 코드 } */ function MyFunction() { } 추가로 아래와 같이 함수를 선언 할 수 있다. //익명 함수 : 함수에 이름을 짓지 않고 선언하고, 변수에 저장한다. const myFunction = function(){ } //화살표 함수(Arrow Function) : 익명 함수의 ES6 표기 방법 /* function 키워드 대신 소괄호 뒤에 '=>'를 적어 선언 */ const myFunction = () => { } //콜백 함수 : 매개 변수로 넘어가는 함수를 의미하며 익명 함수(혹은 화살표 홤수)와 같이 작성한다. myFunction(() => {}) 함수..

[ERROR] expo start 에러

022-05-02T02:19:44,021: [cli] Failed to open /Users/admin/Library/LaunchAgents/com.github.facebook.watchman.plist for write: Permission denied Fatal error detected at: 0 libfolly.0.58.0-dev.dylib 0x000000010f13832e _ZN5folly10symbolizer17getStackTraceSafeEPmm + 9 1 libfolly.0.58.0-dev.dylib 0x000000010f1396fb _ZN5folly10symbolizer21SafeStackTracePrinter15printStackTraceEb + 63 2 watchman 0x00000..

[React Native] expo를 활용하여 프로젝트 생성

저는 Xcode 혹은 Android Studio를 설치하여 진행하지 않고, expo로 휴대폰과 연결하여 사용 합니다. 01. 터미널의 명령어를 이용하여 expo-cli를 다운 받고, expo init으로 프로젝트 생성 //Install expo npm install --global expo-cli //Create Project(project name : FirstApp) expo init FirstApp //Templete Blank 선택 02. App Store에서 Expo Go 어플 설치 및 실행 후 회원가입 및 로그인 진행 03. expo login 아래의 명령을 이용하여 로그인을 해준다. expo login // Username / Email Address : Eamil or ID 입력 // Pa..

[JavaScript] 반복문

For문 for문은 몇 번의 횟수에 따라 반복을 시키고 싶을 때 사용한다. //기존 console.log('Hello JavaScript') console.log('Hello JavaScript') console.log('Hello JavaScript') console.log('Hello JavaScript') console.log('Hello JavaScript') //for문 for(i=0; i i=0; //2. 조건 비교 -> i i++ //위의 과정 반복 While문 While문은 조건에 따라서 반복 하고 싶을 때 사용한다. //기존 console.log('Hello JavaScript') console.log('Hello JavaScript') console.log('Hello JavaScrip..

[JavaScript] 연산자

산술 연산자 산술 연산자에는 +, -, *, %, /, **, ++, --가 있다. //+ 덧셈 const plus = 3 + 2 //5 //- 빼기 const minus = 3 - 2 //1 //* 곱하기 const mul = 3 * 2 //6 // / 나누기 const abc = 4 / 2 //2 // & 나머지 const def = 3 % 2 //1 // ** 거듭제곱 const k = 3 ** 2 //9 //++ 증가 const k = 3++ //4 //-- 감소 const j = 3-- //2 논리 연산자 논리 연산자에는 &&(and), ||(or), !(not) 3가지가 있다. // &&(and) abc && def //abc와 def가 둘 다 true면 true // ||(or) abc ||..

[JavaScript] 변수

변수란? 데이터를 담을 수 있는 하나의 상자라고 생각하면 편하다. JavaScript에서는 var를 사용하여 변수 선언을 하며, 타 언어와는 다르게 JavaScript에서 타입 추론을 해준다. //var 변수명 = 데이터값 var a = 3 //변수 선언 var b //변수에 값 할당 b = 3 //선언 및 할당 var b = 3 //재선언 var c = 3 var c = 4 ES6 변수 선언 JavaScript ES6에서 기존의 var의 문제점으로 새로운 변수 선언 방식이 생겼다. 앞으로는 const와 let을 이용하여 변수 선언을 해보자. const와 let은 var에서 가능했던 변수 재선언이 불가능하며, const는 상수로 변수 값 재할당이 불가능하며, let은 재할당이 가능하다. //const c..