React Native
1.[RN] TypeScript가 적용된 프로젝트를 생성해보자
최근 TypeScript 진영이 커짐에 따라 JavaScript 로 개발되어있는 프로젝트에 TypeScript 를 적용하는 경우가 많습니다.React Native 개발환경 설정 페이지의 프로젝트 생성 섹션(Creating a new application)에 작성된 방법
2.[RN] 스크롤에 따라 컴포넌트를 동적으로 변화시켜보자
어플리케이션을 쓰다보면 스크롤에 따라 헤더나 텍스트의 위치 및 크기가 바뀌는 UI를 제공하는 경우가 종종 있습니다.이런 UI는 제한된 모바일 화면의 크기 안에서 비교적 많은 양의 정보를 보여줌과 동시에 좀 더 사용자와 상호작용을 하고있다는 느낌을 줄 수 있습니다.
3.[RN] iOS에서 Status Bar와 Home Indicator 색상을 바꿔보자
애플은 2017년 출시한 아이폰 X 이후 현재까지 노치 디자인을 유지하고 있고, 최근 아이폰 14 프로 에서는 새로운 디자인인 다이나믹 아일랜드까지 추가되었습니다.노치와 다이나믹 아일랜드를 지원하는 기종들에서 기존처럼 최상단 컴포넌트를 View 로 구성하게되면 화면 위
4.[RN] Status Bar에 스타일을 적용해보자
여러 앱을 사용하다보면 화면 상단의 Status Bar 에 다양한 스타일이 적용되어 있는 경우를 볼 수 있습니다.Status Bar 에 적절한 스타일을 적용하면 현재 화면에서 보여지는 컨텐츠와의 통일감과 자연스러운 느낌을 사용자에게 제공할 수 있습니다.반면, 잘못된 스
5.[RN] 데이터 로딩 UI를 자연스럽게 구성해보자
앱에서 데이터를 서버 및 로컬로부터 불러오는 경우가 많은데 이런 작업들은 대부분 비동기로 동작합니다. 로딩 UI가 구성되어있지 않으면 사용자들은 데이터가 다 불러와지기 전에 다른 행동을 할 여지가 있고, 이 행동은 에러로 이어질 수 있습니다.기대하지않은 에러를 방지하고
6.[RN] 앱 아이콘을 바꿔보자
앱 아이콘은 사용자들이 앱에 대해 가장 먼저 보게되는 요소입니다. 스토어에서 앱을 찾을 때도 그렇고 설치 후 실행할 때도 아이콘을 가장 먼저 보게 됩니다.이번 포스트에서는 이처럼 앱에서 중요한 역할을 하고있는 아이콘을 바꿔보겠습니다.앱 아이콘을 변경하기 위해서는 아이콘