본문 바로가기

Develop

[CSS] Flexbox CSS3 에 명시된 레이아웃 모듈. 요소들의 공간 활용을 어떻게 해줄건지를 설정 할 수 있음.추후 레이아웃 구성에 중요한 녀석일 것 같음. .container { display: flex } 기본적으로 각 요소들의 부모 요소에 위 스타일을 먹이면 됨. 컨테이너 옵션들 flex-direction - 행으로 할지 열로 할지를 정하는 옵션 - values row 기본 값. 수평방향(행) row-reverse 수평방향(행). 순서 역순 column 수직방향(열) column-reverse 수직방향(열). 순서 역순 flex-wrap - 길이가 길어질 경우 줄바꿈을 어찌할지에 대한 옵션 - values nowrap 기본 값. 아이템을 한 줄에 모두 표현 wrap 적정 길이 이상이면 복수의 줄에 걸쳐 표현 wrap.. 더보기
[ReactNative] components and apis https://facebook.github.io/react-native/docs/activityindicator.html ComponentsActivityIndicatorButtonDatePickerIOSDrawerLayoutAndroidFlatListImageKeyboardAvoidingViewListViewMaskedViewIOSModalNavigatorIOSPickerPickerIOSProgressBarAndroidProgressViewIOSRefreshControlScrollViewSectionListSegmentedControlIOSSliderSnapshotViewIOSStatusBarSwitchTabBarIOSTabBarIOS.ItemTextTextInputToolbarAndroidToucha.. 더보기
[ReactNative] expo를 이용한 설정 Download EXPOhttps://github.com/expo/xde Expo를 이용하면 react native 개발은 좀더 쉽게 해줄 수 있음. 프로젝트를 생성해주게 되면 기본적으로 필요한 애들이 포함된 프로젝트가 생성이 되며이를 Share를 통해 모바일 기기에서 실행 시키거나혹은 Device를 선택하여 시뮬레이터를 띄워서 확인할 수 있음.물론, 이 경우 react 와 동일하게 파일의 변화가 생기게 되면자동으로 rebuild 후 reload 하여 쉽게 변경점을 확인 할 수 있음. mac을 사용할 경우 Xcode를 설치해줘야 시뮬레이터를 확인 할 수 있음.android 시뮬레이터를 띄워주려면 아래 링크에서 genymotion(free version) 을 설치해야함.https://www.genymoti.. 더보기

티스토리툴바