본문 바로가기

React3

모바일앱 개발 스택 정리 OS 초창기 스마트폰 시장은 Windows Mobile, 심비안 등 다양한 OS가 출시 되었으나 현재 안드로이드와, iOS가 주를 이루게 되었음. 현재 서비스는 안드로이드, iOS 를 주로 서비스함. 네이티브(Native) 가장 고전?적이며, 안정적인 앱 개발 기술 각 스마트폰에 최적화된 기술을 사용 함으로써 최적의 성능, 안정성, 기능을 활용 할 수 있음. 운영체제 별로 별도로 개발 하여야 하며, 서로 언어, 개발환경이 매우 상이 함으로 개발 비용이 증가함. 개발 비용의 증가로 유지보수성이 떨어 질 수 있음. 하이브리드(Hybrid) 주로 웹 프론트엔드 기술과 네이티브 기술을 혼합하여 개발. 웹 프론트엔드기술의 눈부신 발전으로 다양한 UI, 기술이 구현가능함. 프론트엔드 개발자가 일부 개발이 가능하여 .. 2020. 9. 28.
React Native/ iOS ] 리엑트 네비게이션 (React Navigation) 시작하기 iOS앱에서 화면간 전환을 담당하는 기능을 네비게이션이라고 칭한다. 리엑트 네이티브에서는 공식적으로 네비게이션 처리를 제공하지 않기 때문에 네이게이션 기능을 사용하기 위해서는 써드파티 라이브러리를 사용해야한다. 그 중 널리 쓰이고 있는 React Navigation(reactnavigation.org/)이라는 서드파티 모듈을 공부해 보려한다. 사용에 앞서 React Navigation 설치하고 실행까지 해보는 것을 알아 보겠다. 1. 리엑트 네이티브 앱 프로젝트 생성하기 일단 리엑트 네이티브 앱 프로젝트를 적절한 위치에 생성해 준다. npx react-native init myNav 2. React Navigation 관련 모듈 패키지 설치하기 React Navigation은 서드파티이므로 따로 패키지를.. 2020. 9. 23.
iOS React Native 환경 구축하기 이번에 알아볼 내용은 React Native 개발환경을 macOS에서 구축하기 위한 방법이다. React Native는 페이스북에서 개발한 오픈소스 모바일 애플리케이션 프레임워크로 기존의 Web에서 사용하는 React를 Native 모바일 애플리케이션을 개발하는데 사용할 수 있다. 하지만 완전히 호환되지는 않는다. https://reactnative.dev/ React Native · A framework for building native apps using React A framework for building native apps using React reactnative.dev 그럼 이제 본격적으로 React Native 개발환경을 macOS환경에서 구축하는 법을 알아 보겠다. 1. homebre.. 2020. 9. 5.