Chore/scaffolding

[eunddodi]

closes #1

🥓 React Native 세팅 방법

맥(Mac)에 react native 개발 환경 구축하기
위 글에서 react-native 프로젝트 생성 및 확인 전까지 진행해주시고 아래 명령어대로 해주시면 됩니다!

git clone [레포지토리 주소]

yarn set version berry
yarn install
npx pod-install

yarn start
react-native run-ios # build ios
react-native run-android # build android

안드로이드 에뮬레이터와 Xcode 시뮬레이터에 React Native 초기 화면이 나오면 성공입니다👍🏻 제가 해봤을 때는 문제 없이 잘 빌드됐는데, 저는 이미 컴퓨터에 RN 세팅이 되어있던 상태라서 좀 다를 수도 있을 것 같습니다. 잘 안된다면 바로 알려주세요..

🥓 스캐폴딩 내용

민규님이 해주신 스캐폴딩과 영감탱 RN 레포지토리를 참고했습니다 🫠

React Native 세팅

yarn 공식 사이트를 확인해보면 Plug’n’Play install은 React Native와 incompatible하다고 명시되어 있더라구요. 그래서 안내된 대로 node_modules plugin을 사용했습니다.

yarn install 시 .yarn/cache를 체크해서 node_modules 폴더를 생성한다고 합니다. 의존성을 새로 다운 받는 건 아니기 때문에 순수 PnP와 비교했을 때 시간 차이는 크지 않다고 합니다!

eslint

민규님 eslint와 동일하게 설정하되 NextJS 관련 부분을 제외하고 RN plugin 추가했습니다.

Husky

• lint-staged 적용
• commitlint 적용

prettier의 경우 lint-staged로 한 번에 적용 가능하다고 해서, 별도로 추가하진 않았습니다.

Github Actions

• CI
  • 의존성 설치 및 캐싱
  • Lint 체크
• auto_assign

절대경로(babel-plugin-module-resolver)

src폴더의 하위 폴더들을 @폴더명으로 접근할 수 있게 설정 해놓았습니다! 가장 기본적인 폴더들의 경로만 추가해둔 상태라, 원하시면 babel.config.js 파일에서 추가하실 수 있습니다.

etc

• dotenv 환경변수(react-native-dotenv)
• CODEOWNERS
• PR 템플릿

References

PnP compatibility table
react-native-community : yarn PnP 지원 관련 issue
How to use Yarn 3 with React Native
Prettier: Pre-commit Hook

[eunddodi]

빠뜨렸거나 적용 안된 부분이 있다면 알려주십쇼 🙀

[hyesungoh]

👍 👍 👍 👍 👍 👍 고생하셨어요!

💯 🥇

[hyesungoh]

이 부분 웹 프로젝트 처럼 @/으로 통일해도 좋을 거 같으나, 이대로 가도 좋아요!

[hyesungoh]

Suggested change

	"@types/react-native-dotenv": "^0.2.0",
	devDependencies: {
	...
	"@types/react-native-dotenv": "^0.2.0",
	...
	}

개발 의존성으로 옮겨도 될 거 같아요!

[hyesungoh]

💯

[hyesungoh]

추가적으로 react-native-webview 설치 부탁드립니다!

[eunddodi]

추가적으로 react-native-webview 설치 부탁드립니다!

넵 혜성님이 배포하신 그 링크로 우선 세팅해놓겠습니다~!

[hyesungoh]

고생하셨어요!! 👍 💯 🥇 👍 💯 🥇 👍 💯 🥇

[hyesungoh]

👍 👍 👍