All things engineering: processes, best practices, setup guides, and more!

노드.JS

안드로이드 splash 옵션

찬스앱 (Deprecated)

리액트 네이티브

choco install -y nodejs-lts microsoft-openjdk17

# 파워쉘 관리자 모드로 실행 후 상태관리자인 초코로 노드, 자바 설치 (초코 미리 설치 해야함)

상태관리자 열어서
ANDROID_HOME
%LOCALAPPDATA%\\Android\\Sdk

추가 후 path 더블클릭 후
최 하단에
%LOCALAPPDATA%\\Android\\Sdk\\platform-tools
추가

이미 리액트네이티브 cli 설치되어 있다면 (설치 안되어 있다면 안해도 됨)
npm uninstall -g react-native-cli @react-native-community/cli

npx react-native init AwesomeProject --template react-native-template-typescript

리액트 네이티브 타입스크립트 프로젝트 생성

<https://velog.io/@mywonhyuni/%EC%84%A4%EC%A0%95-Prettier-ESLint-airbnb-style-guide-%EB%A5%BC-%EC%84%A4%EC%A0%95%ED%95%B4%EB%B3%B4%EC%9E%90>
여기 참조해서

(이미 설치되어 있을 가능성 있음 그러나 버전이 구 버전이라 나중에 컨플릭트 발생 하므로 해주자)
(해 줬지만 여전히 구 버전이라 ^2.8.8 -> ^3.2.5 버전으로 강제 변경함
npm install prettier -D 

(루트에 .prettierrc 생성 해야 하지만 이미 있을 가능성 있음)
.prettierrc 설정값 입력

// .prettierrc.js

module.exports = {
  arrowParens: 'avoid', // 화살표 함수의 인자가 하나일 때 괄호를 생략할지 (always: 항상, avoid: 가능하면 생략)
  bracketSameLine: true, // 객체 리터럴의 괄호를 항상 같은 라인에 표시할지 여부
  bracketSpacing: false, // 객체 리터럴에서 괄호에 공백을 삽입할지 여부
  singleQuote: true, // 문자열은 홀따옴표로 작성할지 여부
  trailingComma: 'all', // 여러 줄로 작성된 객체 리터럴의 키-값 쌍 뒤에 항상 쉼표를 붙일지 여부
};


// Eslint 와 함께 사용하기 위해 추가적인 설치 
$ npm install eslint-config-prettier eslint-plugin-prettier -D
// 바벨 플러그인 설치
npm install babel-plugin-module-resolver --save-dev
npm install react-native-reanimated

각 패키지는 다음과 같은 역할을 한다.