# react native

78개의 포스트

[Project 02] 2차 프로젝트 회고

프로젝트 소개 2주동안 (2.21 ~ 3.6) 네이버 바이브 웹/앱 클론코딩을 진행하였습니다. 프론트엔드 3명 + 백엔드 2명 + 네이티브 1명 총 5명의 개발자들이 한 팀이 되었으며, 저는 네이티브를 담당했습니다. 프론트엔드 Github 백엔드 Github 네이티브

5일 전
·
0개의 댓글

react-native settings

2020.04.01 다시 앱 만들기 도전! 이번엔 출시가 목표!reference link: https://reactnative.dev/docs/environment-setup기존에는 Expo를 활용하였으나 이번엔 React Native CLI를 이용하기로 하였

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

[프로젝트-DediCats] Devlog-update(1)

팀원 분의 지인께서 DediCats를 사용해시고 피드백을 주셨다. 마이페이지에서 내가 팔로우하는 고양이들을 확인하거나 언팔로우 할 수 있는데, 여기에 클릭하면 지도의 위치로 이동할 수 있는 버튼이 있으면 좋겠다고 말씀해주셔서 추가해보기로 했다.먼저 마이페이지에서 내가

6일 전
·
0개의 댓글

[React Native] React.Component

참고차료https://ko.reactjs.org/docs/react-component.html

6일 전
·
0개의 댓글

[React Native] 리액트 네이티브

리액트 네이티브란?

6일 전
·
0개의 댓글

[Project 02] 6. 음악 재생바

1주차 : 초기세팅, 메인 페이지, 로그인 페이지2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test가장 어려웠던 음악 재생바..😭라이브러리를 안쓰고 하려니 정말 막막했다.음악 재생하고 끄는 것 까지는 완료 했는데, 재생버튼을 누른 상태에서 멈

2020년 3월 31일
·
0개의 댓글
post-thumbnail

개발한 앱 배포를 앞두고

작년 10월 말 부터 개발 했던 앱이 우여곡절을 끝으로,이제 배포를 코앞에 두고 있다.배포 직전이라 함은... 2주 내내 밤낮이 바뀌고 하루에 4시간 미만 잠을 자야하는 기간 이라고 할 수 있겠다..어제는 잘 됐는데 오늘은 오류가 나고 무슨 코드를 이따구로 짰나 싶어서

2020년 3월 30일
·
2개의 댓글

[Project 02] 5. 스테이션 페이지

1주차 : 초기세팅, 메인 페이지, 로그인 페이지 2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test ✔️ 스테이션 페이지 스테이션 페이지는 취향에 맞는 곡들을 골라 들을 수 있는 페이지이다. 예를들어 집중할때, 잠이 오지 않을 때, 운동할

2020년 3월 29일
·
0개의 댓글

[Project 02] 4. 차트 페이지

1주차 : 초기세팅, 메인 페이지, 로그인 페이지2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test차트페이지는 백엔드 API받아와서 데이터를 뿌려주기만 하면 되서 딱히 어려운 기능구현은 없었다.페이지마다 비슷한 디자인들이 많아서 메인페이지에 있

2020년 3월 27일
·
0개의 댓글

React Native 앱 상태 체크

AppState 는 앱이 동작하거나 백그라운드에 있을 때, 상태가 변경 되는것을 알려준다.AppState는 의도와 적절한 행동을 결정하는데 종종 사용되어진다, 푸시 알람을 사용할 때.active: foreground에서 동작background: background에서

2020년 3월 26일
·
0개의 댓글

리액트 네이티브에서 이미지 다운로드 받는 방법

리액트 네이티브에서 이미지 다운로드 받는 방법 uri를 이용해서 파일 다운로드. local 파일 디렉토리는 먼저 존재해야한다. Examplehttps://reactnativecode.com/download-image-from-url-into-gallery-fo

2020년 3월 26일
·
0개의 댓글

[Project 02] 3. 로그인 페이지

2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test바이브 앱은 네이버 로그인만 가능하기 때문에 먼저 Expo에서 네아로(네이버 아이디 로그인)가 가능한지 찾아보았다. 찾아본 결과 Expo로 네아로를 적용시티려면 Eject를 시키거나 Webview

2020년 3월 22일
·
0개의 댓글

[Project 02] 2. 메인 페이지

1주차 : 초기세팅, 메인 페이지, 로그인 페이지2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test바이브 앱의 메인페이지는 사실 비슷한 슬라이드들이 반복되는 형식이여서 어려운 부분은 없었다. 기본적으로 FlatList를 이용하여 슬라이드를 구현

2020년 3월 18일
·
0개의 댓글
post-thumbnail

[TIL] 33. React Native - React Native CLI

Expo CLIReact Native CLI리액트 네이티브는 페이스북이 만든 오픈소스 모바일 애플리케이션 프레임워크이다.모바일 크로스 플랫폼으로서 하나의 프로그래밍 언어(Javascript)로 iOS 와 Android 모바일 앱을 동시에 개발할 수 있는 오픈소스이다.필

2020년 3월 16일
·
0개의 댓글

React Native - Setup

Getting Started

2020년 3월 14일
·
0개의 댓글
post-thumbnail

[TIL] 32. React Native - Expo

Expo CLIReact Native CLI리액트 네이티브를 크로스 플랫폼으로 개발하기 위한 빌드도구로써, 네이티브 모듈을 쉽고 편하게 사용할 수 있고 빠르게 실제 기기에서 테스트해볼 수 있도록 도와주는 툴이다.jsx/javascript로 작성하고 컴파일링 할때 각각

2020년 3월 14일
·
0개의 댓글

[TIL] 31. Styled Component

자바스크립트 파일 안에 스타일을 선언하는 방식이다.그렇기 때문에 .css또는 .scss 파일을 따로 만들지 않아도 되는 장점이 있다.설치한 디렉토리로 이동 후, package.json 파일에 dependencies 중 styled-components 이 설치되었는지 확

2020년 3월 11일
·
0개의 댓글

[Project 02] 1. 초기 세팅

👩🏻‍💻 Vibe App Clone Coding >1주차 : 초기세팅, 이벤트 메인페이지, 상품 상세페이지 2주차 : 주문서 페이지, 주문내역 페이지, API Test ✔️ 초기 세팅 1. CRA Install 설치과정 자세히 보기 2. Router Ins

2020년 3월 11일
·
0개의 댓글
post-thumbnail

FullStack.instargramClone(1);

금일부터는 NomaderCoder의 instargram clone 강의를 공부하겠습니다. 스택은 prisma react react-native GraphQL 입니다. express는 GrpahQL 모듈안에 내장되었습니다. Part.1 GraphQL API 서버 만들기

2020년 2월 26일
·
0개의 댓글
post-thumbnail

[프로젝트-DediCats] Devlog-Final

DediCatBack-end Develop, 팀장길고양이를 돌보는 유저를 위한 지도 기반 커뮤니티 앱 Stack: React Native(Expo), React Navigation, MobX, Google Maps API목업 디자인 기획 및 컴포넌트 구조 설계React

2020년 2월 26일
·
0개의 댓글