리액트 네이티브 인스타 3

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

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

Githubhttps://github.com/doorBW/INSTA-by-react-native 안녕하세요. 문범우입니다.오랜만에 리액트 네이티브에 대해 포스팅하게 되었습니다.이전 포스트까지 해서 리액트 네이티브 환경구성하고, 기본적인 flex에 대해서 알아보았는데, 이후에 어떤 것을 하면서 연습하면 좋을지를 고민하느라 늦어지게 되었습니다.그리고 결정을 내린건 인스타그램 UI를 만들어보기로 하였습니다.저도 공부를 시작하고 있는 터라.. 처음부터 완벽하게 하지는 못하겠더라구요.그래서 마침 유튜브에 좋은 강의가 올라와있길래 이를 참고하면서 포스팅을 진행해보도록 하겠습니다. https://www.youtube.com/watch?v=cgg1HidN4mQ&t=5s 위의 링크를 들어가보시면 인스타그램 UI 따라하기..

React_native 2018.05.21 (4)