어플 만들기 4

리액트 네이티브 #8_ 인스타그램(Instagram) UI 무작정 따라하기 (5)

이전글리액트 네이티브 #4_ 인스타그램(Instagram) UI 무작정 따라하기 (1)리액트 네이티브 #5_ 인스타그램(Instagram) UI 무작정 따라하기 (2)리액트 네이티브 #6_ 인스타그램(Instagram) UI 무작정 따라하기 (3)리액트 네이티브 #7_ 인스타그램(Instagram) UI 무작정 따라하기 (4) Githubhttps://github.com/doorBW/INSTA-by-react-native 안녕하세요. 문범우입니다.지난 포스팅을 통해 우리는 인스타그램에서 프로필화면의 상단부까지 UI를 따라해보았습니다. 이번 포스팅에서는, 프로필화면에서 하단 네개의 버튼을 구성하고, 네개의 버튼중 두개에 대해서 화면구성을 완성해보도록 하겠습니다. 제가 1편에서 소개해드렸던 영상의 강의는 해..

React_native 2018.05.31 (4)

리액트 네이티브 #7_ 인스타그램(Instagram) UI 무작정 따라하기 (4)

지난글리액트 네이티브 #4_ 인스타그램(Instagram) UI 무작정 따라하기 (1)리액트 네이티브 #5_ 인스타그램(Instagram) UI 무작정 따라하기 (2)리액트 네이티브 #6_ 인스타그램(Instagram) UI 무작정 따라하기 (3) Githubhttps://github.com/doorBW/INSTA-by-react-native 안녕하세요. 문범우입니다.지난 포스팅에서는 인스타그램 메인 화면 상단에 있는 스토리바를 추가해보았습니다.이번 포스팅에서는 프로필창의 상단부분을 완성시켜보도록 합니다.이번 포스팅을 통해 나오는 결과물은 다음과 같습니다.(강의에서 진행되는 내용과 약간의 차이가 존재합니다.) 1. 상단 네비게이션바 수정 먼저 현재의 프로필 탭을 눌러보면 다음과 같은 화면이 나옵니다. 첫..

React_native 2018.05.25

리액트 네이티브 #6_ 인스타그램(Instagram) UI 무작정 따라하기 (3)

지난글리액트 네이티브 #4_ 인스타그램(Instagram) UI 무작정 따라하기 (1)리액트 네이티브 #5_ 인스타그램(Instagram) UI 무작정 따라하기 (2) Githubhttps://github.com/doorBW/INSTA-by-react-native 안녕하세요. 문범우입니다. 지난 포스팅에서는 Home 화면에 피드를 추가하는 과정까지 진행해보았습니다. 이번 포스팅에서는 Home 화면에서 상단에 있는 스토리바를 추가해보도록 하겠습니다.해당 포스트를 통해서 나오는 결과물은 아래와 같습니다. 1. 스토리바 만들기 우리는 스토리바를 추가하기 위해 HomeTab.js 에서 작업을 진행합니다.이전 포스팅을 통해 현재 HomeTab.js의 코드는 아래와 같습니다. 123456789101112131415..

React_native 2018.05.24

리액트 네이티브 #1_ 리액트 네이티브 개발 환경 구성하기

안녕하세요.해당 카테고리에서는 리액트 네이티브(React Native)를 이용한 모바일 어플리케이션 만들기에 대한 내용을 이야기해볼까 합니다.과거에 약간 해보다가 다른 공부를 하느라 놓게 되었는데, 최근 모바일 어플리케이션을 개발해야 할 일이 생겨서 다시 공부하게 되었습니다. 무엇보다 리액트 네이티브는 iOS와 Android 어플을 동시개발할 수 있다는 점 때문에 유명하기도 하고, 인기가 좋기도 합니다.facebook에서 개발하였고, 실제로 facebook iOS어플리케이션을 비롯해, 인스타그램, 에어비앤비, 우버 등이 리액트 네이티브를 이용해 어플리케이션을 제작한 것으로 알고 있습니다. 리액트 네이티브에 대한 자세한 점은 직접 구현해보면서 체험하는 걸로 내려놓고.. :) 이번 포스팅에서는 그 시작으로,..

React_native 2018.04.13