전체 글

React Native 절대경로 import 구현 하기

이 프로젝트 기준은 react-native init을 통하여 생성된 프로젝트 대상으로 합니다. React Native 개발 시 각 컴포넌트에서 다른 컴포넌트 및 여러 파일을 import을 해서 사용한다. 이때, 다른 경로에 있는 파일에 접근하기 위해서는 일반적으로 상대경로를 통해 접근이 가능하다. 그런데 상대경로가 아닌 절대경로 개념으로 접근하기 위해서는 별도의 라이브러리 사용 및 환경 설정이 필요하다. 대표적인 라이브러인 react-native-root-import을 사용하여 root절대 경로 import기능을 구현한다. 상대경로 접근 문제점 import MyUtilFn from '../../../../utils/MyUtilFn' 위 소스처럼 폴더와 파일들이 점점 많아지고 작성하는 상대 경로의 dept..

React Navigation 사용하기

리액트 내비게이션 모바일 애플리케이션은 하나의 화면으로 구성되는 경우가 거의 없으며, 일반적으로 다양한 화면이 상황에 맞게 전환되면서 나타난다. 그렇기 때문에 내비게이션은 모바일 애플리케이션에서 가장 중요한 기능 중 하나라고 할 수 있다. 리액트 네이티브에서는 내비게이션 기능을 지원하지 않으므로 외부 라이브러리를 이용해야한다. 리액트 네이티브에서 추천하는 리액트 네비게이션 라이브러리를 사용해 내비게이션을 적용한다. Installation yarn add @react-navigation/native Installing dependencies into a bare React Native project yarn add react-native-reanimated react-native-gesture-handle..

React Native에서 Firebase SDK 추가 및 파이어베이스 인증, 데이터베이스, 스토리지 설정하기

firebase project 화면에서 웹을 추가한다. FireSDK 추가 화면에서 firebase.json을 생성 한 후 firebaseconfig 값을 가져오고 내용을 복사하고 외부에 해당 값이 노출되면 안 되는 중요한 값이기 때문에 .gitigonre파일에 firebase.json을 추가한다. { "apiKey": "", "authDomain": ".firebaseapp.com", "projectId": "", "storageBucket": ".appspot.com", "messagingSenderId": "", "appId": "", "measurementId": "" } RN에서 파이어베이스를 사용하기 위해서는 firebase 라이브러리 설치가 필요합니다. utils폴더 아래에 firebase...

git commit message를 잘 쓰고 싶다.

뜬금없지만 "죽을 때까지 코딩하며 사는 법"라는 책을 읽고 있다. 거기에서 좋은 코드에 대해 이야기가 나오고 나를 좀 되돌아보게 되었다. 바쁘다, 귀찮다, 어차피 혼자하는데 등등 여러가지 핑계를 대면서 나 자신도 모르게 미루고 있었다. 그러다 git commit message에 대해서 되돌아보게 되었고 나도 git commit message를 잘 쓰고 싶었다. 그러면 도대체 git commit message는 어떻게 하면 잘 쓸 수 있을까?? 좋은 git commit message 을 구글링을 하면서 여러 블로그 포스트를 보았고. 해당 내용을 기록하기로 했다. 나는 어떻게 쓰고 있었는가? private project로 나홀로 작업하고 있었던 commit message 를 일부 캡처했다. 혼자해서 그런지 ..

Firebase project 생성하기

Firebase project 생성 링크 firebase console에서 프로젝트 생성 버튼을 클릭한다. 프로젝트명을 입력하고 난 후 Firebase 프로젝트를 위한 Google 애널리틱스을 사용할지 정의하고 애널리틱스 구성을 진행하여 프로젝트를 만든다. 프로젝트를 생성하고 나면 앱에 Firebase를 추가하여 시작하기 화면이 보인다. 여기에서 iOS와 Android를 추가한다! 그전에 파이어베이스 라이브러리를 설치한다. npm install --save @react-native-firebase/app iOS앱에 Firebase추가 버튼을 클릭하면 앱 등록을 위한 정보를 입력해야한다. iOS 번들 ID를 바꾸고 싶다면 xcode를 이용해야한다. ios폴더에 .xcodeproj 확장자명을 가진 파일을 x..

git push author 변경하기

git push하고 나서 author의 username과 useremail이 잘못 되었다는 것을 인지했다. git rebase로 author값을 변경해본다! git log로 hash값을 확인 후 추가해준다. 참고로 변경 할 commit 이전 값을 넣어줘야한다. # has값 지정 git rebase -i -p 896d2e5d # root git rebase -i -p --root 그러면 변경 할 부분을 pick에서 edit로 변경한다. git commit --amend 로 author 정보를 변경한다. git commit --amend --author="name " --no-edit --no-edit를 사용하면 변경 내역은 보이지 않는다. git rebase --continue 을 입력 해서 원상 복구 해..