리액트 네이티브 강좌. 12편 - 드로어, 탭 네비게이션 그리고 중첩 네비게이션 마스터하기
React Navigation 라이브러리를 사용하여 드로어 및 탭 네비게이션을 구현하는 방법을 자세히 설명합니다. 초심자도 따라 하기 쉬운 단계별 설정부터 고급 옵션 활용까지, UI/UX를 향상시키는 다양한 팁을 제공합니다.
Read more리액트 네이티브 강좌. 11편 - 스택 네비게이션과 화면 간 데이터 관리
React Navigation에서 스택 네비게이션을 설정하고, 화면 간 데이터 전송 및 옵션 커스터마이징 방법을 다룹니다. navigation prop과 useNavigation Hook 사용법, 화면 간 데이터 주고받기, 그리고 네비게이터 옵션을 다이나믹하게 변경하는 방법을 배워봅시다.
Read more리액트 네이티브 강좌. 10편 - Networking 다루기, 데이터 fetching, loading state, error handling
리액트 네이티브 앱에서의 네트워킹 기법을 다룹니다. JSON 데이터를 활용하여 앱에 데이터를 불러오고, 효과적인 에러 처리를 통해 안정성을 높이는 방법을 배워보세요.
Read more리액트 네이티브 강좌. 9편 - Input and Forms with Switch, KeyboardAvoidingView, Form Validation
React Native를 사용하여 효율적인 폼을 구현하는 방법을 안내합니다. TextInput부터 Switch, KeyboardAvoidingView, 폼 검증 및 제출까지 단계별로 자세히 설명합니다.
Read more리액트 네이티브 강좌. 8편 - 리스트 렌더링하기 그리고 FlatList, SectionList 사용하기
ScrollView, FlatList, SectionList는 다양한 방식으로 리스트를 구현하는 방법을 설명합니다. ScrollView와 map을 활용한 기본 렌더링부터, FlatList와 SectionList를 이용한 효율적인 리스트 관리까지 다룹니다
Read more리액트 네이티브 강좌. 7편 - 동적인 사용자 인터페이스 구현하기 - Dimensions API와 플랫폼별 코드 작성법
이 글에서는 React Native를 사용하여 동적인 사용자 인터페이스를 구현하는 방법을 다룹니다. Dimensions API의 장점과 단점을 살펴보고, useWindowDimensions 훅을 사용하는 방법을 단계별로 안내합니다. 또한 SafeAreaView와 플랫폼별 코드 작성법을 소개하여 iOS와 Android에서 각각 최적화된 컴포넌트를 만드는 방법을 설명합니다.
Read more리액트 네이티브 강좌. 6편 - Flexbox - basis, shrink, grow 및 레이아웃 전략
이 강좌에서는 리액트 네이티브의 레이아웃 관리 방법을 자세히 설명합니다. 플렉스 기준(Flex Basis), 플렉스 축소(Flex Shrink), 플렉스 증가(Flex Grow)를 포함한 플렉스 박스의 주요 개념들을 배우고, 상대 레이아웃(Relative Layout)과 절대 레이아웃(Absolute Layout)의 차이점 및 적용 방법에 대해 알아봅니다.
Read more리액트 네이티브 강좌. 5편 - Flexbox - 정렬 및 레이아웃 속성
이 글에서는 React Native에서 Flexbox를 사용하여 아이템을 정렬하고 레이아웃을 구성하는 방법을 다룹니다. Justify Content, Align Items, Flex Wrap 등 다양한 속성을 활용하여 레이아웃을 세밀하게 조정하는 방법을 배워봅시다.
Read more리액트 네이티브 강좌. 4편 - Flexbox - 기본 개념과 flexDirection 설정
React Native에서 Flexbox를 사용하는 방법에 대해 기본적인 개념과 설정 방법을 다룹니다. 재사용 가능한 Box 컴포넌트를 생성하고, Flex 컨테이너를 정의하며, Flex 속성을 활용하는 방법을 배워보세요.
Read more리액트 네이티브 강좌. 3편 - 스타일링 - 스타일시트, 박스 모델, 그림자, 그리고 상속
React Native 스타일링입니다. StyleSheet API를 사용한 스타일 정의, 여러 스타일 적용, 박스 모델 속성, 그림자 및 Elevation 설정, 스타일 상속 등을 포괄적으로 설명합니다. 이 글을 통해 React Native에서 효과적인 스타일링 방법을 배우고, 웹과의 차이점을 이해할 수 있습니다.
Read more