react native insta 2

리액트 네이티브 #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

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

지난글리액트 네이티브 #4_ 인스타그램(Instagram) UI 무작정 따라하기 (1) Githubhttps://github.com/doorBW/INSTA-by-react-native 안녕하세요. 문범우입니다.지난 포스팅에서는 인스타그램을 만들기 위해 기본적인 네비게이션 구성을 하고 각 화면으로 넘어가는 단계까지 진행하였습니다. 이번 포스팅에서는 메인화면에 피드를 추가해보는 과정을 진행해보도록 하겠습니다.이번 포스팅을 통한 결과물은 다음과 같습니다. 1. CardComponent 추가하기. 먼저 각 피드가 될, 새로운 js 파일을 만듭니다.저는 Components 폴더 내부에 CardComponent.js 라는 이름으로 파일을 만들었습니다. 그리고 CardComponent.js 의 내용으로는 기본 틀만 ..

React_native 2018.05.22