발생 원인 react-native 프로젝트인 계산기 앱 프로젝트를 진행하면서 하나의 프로젝트 폴더에 여러개의 프로젝트 폴더들을 생성하면서부터 에러가 발생하였다. 발생 에러 프로젝트 내에서 npx expo start명령어로 실행하면 다음과 같은 에러가 발생했다. Error: Unable to resolve module ./node_modules/...

까까오톡 친구목록 클론코딩 프로젝트를 진행하면서 알게된 내용들을 작성하였다. 프로젝트 실행 Expo CLI를 사용한 프로젝트이므로 npx create-expo-app <프로젝트이름>명령어로 프로젝트를 생성한다. 생성한 프로젝트 폴더 내에서 npx expo start명령어를 실행하여 핸드폰 Expo Go 어플을 설치하고 바코드를 인식하면...

React Native React-Native란 페이스북이 개발한 오픈소스 모바일 애플리케이션 프레임워크이다. javascript 하나로 android, ios, web을 대응할 수 있는 크로스플랫폼이다. 리액트의 Component 형태로 작성하면 -> React Native -> Bridge -> ios & Android ...

Hook은 React 버전 16.8에서 새로 추가되었다. Hook은 함수 컴포넌트에서 React state와 생명주기 기능을 연동할 수 있게 해주는 함수이다. Hook은 class안에서는 동작하지 않기 때문에 Class형 컴포넌트가 아닌 function형 컴포넌트를 사용하여 간단하게 컴포넌트를 작성할 수 있고 state도 관리할 수 있다. use...

React 버전 16.8 부터 Hook이 추가되었다. 원래는 클래스형 컴포넌트를 많이 사용하였으나, 함수형 컴포넌트에서도 state를 관리할 수 있게되어 React 공식문서에서도 함수형 컴포넌트 사용을 추천하고 있다. 현재 클래스형 컴포넌트를 자주 사용하진 않지만, 이전까지의 코드들에서는 많이 사용되므로 개념은 알고 있어야 한다. class와 fu...

Next.js 프레임워크에서는 Link Component 기능을 제공한다. 기존 javascript, react에서는 a태그를 사용하여 페이지를 이동하였으나, Next.js에서는 Link태그를 사용할 수 있다. <a href="/"></a> <Link href="/"><a></a></Lin...

String 자바스크립트의 문자열 객체를 선언하는 방법 const 변수명 = new String(문자열 데이터) const 변수명 = 문자열 데이터 이러한 문자형 데이터를 객체화한 String 객체를 자바스크립트에서 제공하여 내장된 속성과 함수를 활용할 수 있다. length 문자열의 전체 길이값을 반환한다. String.length ...

concat() 메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환한다. 기존배열을 변경하지 않고, 추가된 새로운 배열을 반환한다. array.concat([value1[,value2[, ...[,valueN]]]]) 이처럼 작성하여 사용한다. 매개변수로는 배열이나 값이 들어가며, 인자를 생략하면 기존배열의 얕은 복사본을 ...

filter()메서드는 주어진 함수에서 조건에 맞는 요소들을 모아 새로운 배열로 반환한다. arr.filter(callback(element[,index[,array]])[,thisArg] 이와 같은 구문 으로 사용하면 된다. 매개변수 callback : 각 요소를 시험할 함수이며, true를 반환하면 요소를 유지하고 false를 반환하면 요소를 ...

forEach()메서드는 주어진 함수를 배열 요소 각각에 대해 실행한다. arr.forEach(callback(currentvalue[, index [,array]])[,thisArg]) 이와 같은 형식으로 사용된다. 매개변수 callback : 각 요소에 대해 실행할 함수이며 다음 3가지 매개변수를 받는다. currentValue : 처리할...