# RN

96개의 포스트

React-Native 앱 자동 빌드 & 배포 개발기 ) 1. fastlane 적용

가장 앱 소스 최신부에 fastlane을 설치합니다 그리고 apple계정의 인증서를 깃으로 관리하기 위해 fastlane의 match라는 기능을 사용합니다 그 후 fastlane이라는 폴더안에 4개의 파일을 수정합니다 .env > 웹페이지 다운로드 배포를 위해 a

4일 전
·
0개의 댓글
·
post-thumbnail

Webview app에서 이미지 저장 기능 개발기 w/ AWS s3

원본 블로그 링크웹뷰 앱에서 이미지 저장 기능 개발기 프로필안녕하세요.Webview 기반의 App 서비스에서 이미지 저장 기능을 개발하며 겪었던 과정들을 공유해, 비슷한 문제로 고생하시고 계시는 분들에게 도움이 되고자 개발기를 적어봅니다.'디프만' 활동에서 개발, 운영

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

[RN] Local에서 돌리는 Server IP (localhost) 주소 찾는 법

진짜 ip 주소 찾는 방법 (192.x.x.x는 진짜 ip 주소가 아니다.)How to get the Android Emulator's IP address?(https://stackoverflow.com/questions/1720346/how-to-get-th

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

[RN] github에서 소스코드 clone or pull 받아서 RN app 실행하기

노트북을 초기화 시킨 후 레포에 올려둔 RN 프로젝트를 클론받아 다시 실행하려하니 npm start가 안돼서 삽질을 많이 했다.. 그래서 해결방법을 정리한다.git pull 이나 git clone 실행cmd에서 해당 폴더가 있는 디렉토리로 이동cd 폴더 package.

2022년 7월 28일
·
0개의 댓글
·

React Native 토큰 만료 시 로그아웃 처리하기

React 나 React Native 프로젝트들을 경험하다보면 반복적인 코드를 줄이고 가독성을 높이는 API 코딩처리를 위해 axios.create로 만든 instance의 interceptors로 API 처리가 성공 했을 때 또는 실패 했을 때 API 요청한 컴포넌트

2022년 7월 21일
·
0개의 댓글
·

[Project-RN] 1주차-토요일 추가작업

처음으로해보는 React native 빌딩이다 보니 react 웹 빌딩 보다 속도가 더디고 배워야할게 많아서 프로젝트가 끝날때 까지는 집에 가지 못할거같다. 기능 선빌드를 해놔야 디자인 면이든 기획쪽이든 전체적인 디테일 Up이 가능할듯.세가지 bar를 정했다 . 그날의

2022년 7월 10일
·
0개의 댓글
·

[Project-RN] Day-5

마커를 클릭했을때 차량 리스트가 나타나도록 -> handleToggle 함수를 마커의 온프레스simple-bottom-sheet 하단 드로우기능이 있는 시트 사용 - state로 시트가 열려있는지 닫혀있는지 상태판단하여 사용자가 구글맵 드래그하여 이동하면 드로어 닫기안

2022년 7월 9일
·
0개의 댓글
·
post-thumbnail

[Project-RN] Day-4

구글맵 불러오기 매우간단하다. app.json에 구글맵 apikey 셋팅하고 아래 임포트하면 끝import MapView, { PROVIDER_GOOGLE } from "react-native-maps";알고리즘이라고 부르기도 민망한 .. 일정한 패턴으로 얻어지는 면허

2022년 7월 7일
·
0개의 댓글
·

[Project-RN] Day-3

웹에서처럼 쿠키에 리프레쉬 토큰을 받아와서 이용하는 방법은 x, 임시방편으로 accessToken 기한을 길게하고, AsyncStorage에 받고, 권한관련된 api에는 refreshToken을 빼는걸로외부폰트를 받아서 쓸때 안드로이드 폰트패딩을 풀어주기위해 일일이 쓰

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

[Project-RN] Day-2

박스를 4개로만들어서 조림하듯이 만들었다... div에 홀 뚫는 방법을 border raius로 줘서 하면 할수있을거같았는데 불가능 box shadow 9999 도 마찬가지 일단 ViewHeigth 측정해서 ios 일때, 안드로이드일때 계산해서 맞춰서 작성했음안드로이드

2022년 7월 5일
·
0개의 댓글
·

[Project-RN] Day-1

git을 처음 써보는 입장에서 매니징하는 방법을 습득하는데 시간이 오래걸렸다.서버의 업스트림 레파지토리를 작업자들이 각각 포크하여 그것은 (origin) push 용도로 사용하고, 업스트림 레파지토리의 develop branch에 머징되도록 관리한다.pull 받는것 업

2022년 7월 4일
·
0개의 댓글
·

[react-native] navigation bottom-tab 커스텀이미지(svg파일) 적용하기

[react-native] navigation bottom-tab 커스텀이미지(svg파일) 적용하기

2022년 6월 28일
·
0개의 댓글
·
post-thumbnail

[Project] Moongram Part 5

Part 5. 메인 페이지 만들기

2022년 6월 24일
·
0개의 댓글
·
post-thumbnail

[Project] Moongram Part 4

Moongram part 4

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

[Project] Moongram Part 3

Moongram part 3

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

[Project] Moongram Part 2

Moongram part 2

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

[Project] Moongram Part 1

Moongram part 1

2022년 6월 20일
·
0개의 댓글
·

[React Native] M1 Mac 맥북 개발환경 설정 팁

M1 맥북에 React-Native 환경 설정을 하기 전 참고하면 좋을 팁 두가지 🥺

2022년 6월 15일
·
1개의 댓글
·
post-thumbnail

리액트 네이티브 초기 세팅법

react native를 이용해 헬스케어 관련 프로젝트를 진행하게 됐다. 지금까지 웹 프로그래밍만 진행해오다 처음 시작하는 프로젝트인지라 모든게 생소했다. 하지만 react와 비슷한 형태로 ios, android 앱을 만들 수 있다는 것은 큰 메리트라 생각한다.

2022년 6월 8일
·
0개의 댓글
·
post-thumbnail

React Native 앱 아이콘 변경하기

프로젝트가 막바지에 도달하다 보니 배포에 앞서 여러가지 작은(?) 걸림돌들이 있는거 같다.이상한 거미줄 모양의 아이콘으로 배포할 수 없기 때문에..

2022년 6월 3일
·
0개의 댓글
·