Android5 [React native / android]맥(Mac)에서 개발 환경 설정 모바일 앱 개발을 위해 사용되는 react native를 사용 하기 위해 우선 되어야 설정이 있다. 가장 먼저 개발하는 컴퓨터가 어떤 OS를 사용하느냐에 따라 나뉘며, 그다음 어떤 모바일 OS를 바탕으로 제작할 것인지 정해야 한다. 이 포스팅에서는 Mac 에서 Android 앱 개발을 하기위한 환경설정을 진행하려고 한다. 1. HOMEBREW 설치 react native를 개발하기 위해 node와 watchman을 설치해야 하는데 그전에 우선 되는 것이 homebrew 이다. homebrew는 Mac에서 필요한 패키지를 관리하는 툴로 react native 공식문서에서 node와 watchman을 설치하는데 추천한다. homebrew 설치는 해당 공식사이트 링크로 들어가서 따라하면 된다. brew.sh/.. 2020. 12. 15. [4주Project] 프로젝트 전체 회고 드디어 4주간의 긴 프로젝트가 마무리 되었다. 한달여간의 프로젝트 기간이었지만 잘 구현된 부분도 있고, 아쉽게 구현하지 못한 부분도 있고 시원섭섭하였다. 4주간 프로젝트를 진행 하면서 바빠지다 보니 블로그 작성이 밀리다 결국 마무리 회고로 작성하게 되었다. 이번 마무리 회고에서는 간략하게 어떤 서비스를 개발하였는지 작성하려고 한다. 프로젝트 명 : TOM(T-label Open Market) 더보기 화훼시장에는 수 많은 도소매 업자들이 있습니다. 도소매 업자들에게 판매채널을 하나더 열어 주고 소비자들도 하나의 꽃집에서 꽃을 주문하는게 아니라 여러 꽃집에서 다양한 화훼의 품종을 보며 살 수 있고, 그 화훼에 대한 설명도 자세히 알려주는 화훼를 전문적으로 다루는 오픈마켓 서비스입니다. 스택 아키텍쳐 Fron.. 2020. 8. 26. [4주Project] 1주차 회고 TIL 프로젝트 시작한지 1주일이 빠르게 지나갔다. 1주일의 시간동안 기본적인 페이지 및 컴포넌트 틀을 만들고 / 백엔드에서는 서버 세팅과 데이터를 만드는 작업을 진행 하였다. expo를 이용하여 진행하다 보니 기능을 추가하면 할 수 록 느려지는 듯한 느낌이 들고, 새로운 기술을 사용하자는 방향으로 바뀌어 expo를 사용하지 않는 방향으로 정하였다. 그래서 새롭게 안드로이드 스튜디오 환경설정을 진행하고 React Native CLI를 설정하고 공부하는 방향으로 전환하였다. 설정을 하는 데 꽤 오랜 시간이 걸렸다. Homebrew 를 설치한 이후 node와 watchman을 설치 해야 하고 JDK까지 설치를 한 이후 안드로이드 스튜디오 SDK에서 홈루트를 받아와 루트를 연결하는 환경설정을 진행해야 한다. ( Re.. 2020. 7. 22. [React Native]expo-cli 시작하기 React Native는 모바일 앱을 만들기 위한 프레임워크이다. 기존 react는 웹 개발 전용이었다면, react native는 모바일 앱을 만들기 위해 변형된 것이다. 이런 모바일 앱을 개발하는 환경에서 조금 더 간단하게 개발을 도와줄 수 있는 것에 expo cli이다. 안드로이드 앱을 개발한다고 할 때 안드로이드 스튜디오 없어 expo 만으로 모바일 앱을 개발할 수 있다. Expo 장점 expo의 장점은 앞서 말했듯이 안드로이드 스튜디오 없이 모바일 앱을 개발할 수 있다는 점. 두번째 장점은 특별한 환경설정 없이 기본적으로 expo가 가지고 있는 설정을 이용하여 간편하게 개발 할 수 있다는 점. 즉, 처음 react native를 접할 때 시작하기에 배우기 편하다는 장점을 가지고 있다. 물론 단점.. 2020. 7. 18. [4주 Project] 1일차 TIL 드디어 마지막 프로젝트를 시작하게 되었다. 이번 프로젝트는 4주간 진행되어서 조금더 완성도 높은 프로젝트를 완성하는 것을 목표로 했다. 이번에도 프론트엔드를 맡게 되어 프로젠트를 진행하게 되었다. 2주프로젝트때와 다르게 이번 4주 프로젝트에서는 웹이 아닌 안드로이드 앱 제작을 하는 것을 목표로 하였다. 어떤 프로젝트를 진행할지 아이디어 회의를 하였다. 기본적으로 오픈마켓이나 쇼핑몰 형태의 서비스를 제공하는 아이디어로 진행하게 되었고, 화훼 산업과 관련되어 판매자와 소비자가 오픈마켓 형태로 서비스를 제공하는 안드로이드 앱으로 만들기로 했다. 처음 , 기능에 대한 flow를 만들어서 어떤 페이지에서 어떻게 작동되어야 하는지에 대한 그림을 그려나갔다. Home 화면(Main page)를 기준으로 Header와.. 2020. 7. 15. 이전 1 다음