react-native

마침내 앱 스토어에 앱 'T.o.T'가 출시되었다.  expo를 사용해서 빌드한 app이 앱스토어에 릴리즈 된 과정을 상세히 기록해두고 싶다는 욕심이 들었지만 한 단계씩 밟아갈수록 터지는 분노에 머리가 하얗게 변해서 기록을 많이 못 남긴 것 같다. 우선 앱을 제작하고 출시하면서 느낀 것들을 적어보려고 한다.  앱 제작하게 된 계기T.o.T의 시작은 단순하게 '하루에 30분은 집중해서 책을 읽어야겠다' 라는 다짐이었다. 스톱워치로 하루 동안하는 다양한 활동에 대한 시간을 기록해 보자는 취지였고 그 첫 스텝은 nextjs로 제작한 웹 플랫폼이었다. 어차피 내가 쓸 거니깐 필요한 기능을 더해서 빠르게 제작했고 계속 브레인스토밍을 하면서 목표를 잡아갔다. 어느 정도 내가 원하는 기능을 더한 결과물이 나왔고 처음..

내가 쓰고 싶은 서비스를 만들고자 하는 마음에 시작한 거였는데 너무 많은 시간이 걸렸던 것 같다.   1. 필요한 것들 - Apple Developer 멤버십 가입 - Expo 계정 및 프로젝트   2. Expo로 빌드하기Apple developer에 identifiers를 등록하고 App Store Connect에도 앱 정보를 등록하기 위해서는 bundler ID 가 필욯다 번들ID를 어디서 찾는건지 몰라서 고민하다가 그냥 바로 EAS 로 배포를 시도하니 배포를 하면서 생성할 수가 있었다.  EAS라는 클라우드 빌드 서비스인데, Expo Application Service의 준말입니다. EAS build는 기기에 설치하는 앱 바이너리를 구축하기 위한 호스팅 서비스로 직접 복잡한 작업을 거치지 않아도 앱..

웹으로 쓰고 있던 ToT를 app으로 옮기기로 결정하면서 UI부분도 많이 변경되었다. 그 과정에서 home에 weekly 캘린더를 넣게 되었는데 React-Native는 처음이기도하고 감이 잘 안 잡혀서 캘린더 라이브러리를 찾아보다가 사용하게 된 calendar-strip  구현이 필요한 기능weekly로 보여야함요일별로 클릭이 가능해야함요일이 클릭되면 해당 요일의 데이터들이 보여야함화살표를 클릭하면 주별로 이동이 되어야함데이터가 있는 요일은 요일에 표시가 되어있어야함   사용한 라이브러리 내가 필요했던 모든 기능이 손쉽게 구현이 가능하고 다양한 demo 버젼이 만들어져있어서 사용 방법이 상세히 설명되어있답니다  https://www.npmjs.com/package/react-native-calendar..

만들고 싶은 앱이 있어서 리액트 네이티브를 설치하려고 하는데, ( -> 조만간 앱 구현 과정을 올릴 예정임돠) 계속 안 되는것이다!!!! 지져스.... 왜 안되는 것인지 이해불가. 필요한 모든 프로그램들을 설치해놨는데, 이때 뜬 에러 코드를 구글링해봤다. 넘나 다양한 곳에서 발견된 이 에러 알고보니 -g 를 붙여서 전역으로 설치를 하기 때문에 생기는 에러라고 한다. 이런 명령어를 쓸 때는 sudo를 앞에 붙여주면 된다. 이때. 컴의 비번을 적으라고 한다. 적어주면 해결~~~~! ---------------------------------------------------------------------- 위에 글을 올린지 1-2시간 만에 정정한다. global 로 react-navtive 설치 하지 마세욤..

리액트 네이티브란? 리액트 네이티브(React Native)는 iOS와 안드로이드 앱 개발을 위한 라이브러리입니다. 자바스크립트로 구현된 기존의 모바일 앱들은 웹뷰를 이용한 하이브리드 방식이였습니다. 하지만 리액트 네이티브는 자바스크립트로 개발하지만, 화면 인터페이스는 네이티브 위젯으로 컴파일하여 빌드됩니다. 리액트 네이티브는 네이티브 UI를 사용하여 빠른 사용자 경험을 제공합니다. 개발환경 안드로이드 앱을 만들고 있다면 안드로이드 스튜디오를 다운 받아야합니다. 그리고 컴퓨터에 java를 다운받아야합니다. 시뮬레이터도 다운받아야하고요. 정말 받아야하는 소프트웨어가 많습니다. IOS도 Xcode를 다운받아야하고요. 하지만 저는 다 생략을 하고 프로토타이핑과 테스트를 목적으로 만들어진 간단한 툴을 이용할 것..