Framework | Library/React Native

[React Native] error: Command failed with exit code 1.

프로젝트 시작시 발생한 에러 error: Command failed with exit code 1. 1. yarn 으로 생성된 node_modules. yarn.lock 지우기 rm -rf node_modules rm -rf yarn.lock 2. yarn 공유 캐시 파일 지우기 yarn cache clean 3. yarn 재설치 후 시작하기 yarn yarn start 또는 1. yarn 업데이트 후 yarn 시작하기 yarn update yarn start

[React Native] 공부(component, Props, defaultProps, JSX 문법, 주석)

컴포넌트(component)를 직역하면 '구성 요소'라는 의미이다. 프런트엔드 개발에서의 컴포넌트는 유저 인터페이스를 구성하는 요소라고 이해하면 된다. 리액트로 프런트엔드를 개발할때는 수많은 컴포넌트를 만들면서 진행하게 된다. 리액트에서의 컴포넌트는 단순히 보이는 부분만 담당하는 것이 아니라, 사용자가 어떠한 행동을 취했을 때 어떠한 작업을 할지도 설정해줄 수 있다. // App.js import React from 'react'; import {SafeAreaView, View, Text} from 'react-native'; const App = () => { return ( Hello React! ); }; export default App; 여기서 App이 바로 컴포넌트이다. 그리고 App 컴포넌..

[React Native] Delete 'CR' eslint(prettier/prettier)

문제 ESLint 활성화 후 저장을 할 때마다 다음과 같은 문제가 발생함. 해결방법 첫번째 방법 프로젝트 내 .prettierrc.js 내용 수정 module.exports = { arrowParens: 'avoid', bracketSameLine: true, bracketSpacing: false, singleQuote: true, trailingComma: 'all', endOfLine: 'auto',// 이 부분 추가 }; 두번째 방법 Visual Studio Code 설정 변경 CRLF 부분을 클릭한다. LF로 변경한다.

[React Native] 공부(Android Studio, VSCode, Node.js, npm, yarn, Chocolatey, ESLint, Prettier, 번들링)

리액트 네이티브(React Native)란? 자바스크립트(JavaScript)와 리액트(React) 라이브러리를 사용해 네이티브 앱을 개발할 수 있게 해주는 기술이다. 리액트 네이티브의 장점은 자바스크립트로 코드를 작성해 애플의 IOS 기기와 구글의 안드로이드 기기에서도 구동하는 애플리케이션을 개발할 수 있다는 것이다.(IOS 앱을 개발하려면 macOS를 사용해야한다. 다른 운영 체제에서는 IOS 앱을 컴파일할 수 없기 때문에 리액트 네이티브로 개발할 때는 macOS기기를 사용하는 것이 좋다.) 리액트는 웹 애플리케이션의 UI를 편하게 만들기 위해 페이스북에서 개발한 자바스크립트 라이브러리이다. 리액트는 웹 개발을 위해 만들어진 라이브러리지만, 플랫폼에 구속을 받지 않는다. 리액트에서 실제 웹에 해당하는..