隣席の開発者群

회사에서 개발한 Web App 하나가 있는데, 이 녀석을 모바일 버전으로도 구현해달라는 요구를 전달 받았다. 반응형 웹으로 만들면 될 것 같다고 생각하고 딱 그정도만 해놨는데 그러고나니 매번 브라우저로 들어가서 url을 치고 들어가는게 힘들다는 이야기가 있어서  결국 PWA 를 적용하기로 결정했다..  1. 굳이 PWA를 적용하게 된 이유 RN(React Native)로 뭐 모바일 앱도 하나 만들면 되지 않나요? 라고 할 수 있는데, 물론 내가 React로 SPA를 개발하는 사람이긴 하다만 RN을 사용해서 개발해본적은 없기도 하고, 시도하자니 너무 처음부터 또 App을 빌딩을 해야해서 솔직히 귀찮았던게 크다.  또 몇 년 전쯤 마침 Apple이 PWA의 지원을 확대하겠다고 WWDC에서 발표했던걸 알고 있..

갑자기 아주 뜬금없이 앱개발에 대한 공부를 시작하게 되었는데, 대단한 계기는 아니고 그냥 회사 차원에서 하게 될 것 같아 준비하느라 그렇게 되었다. 솔직히 혼자서도 할 생각은 있었는데 명분이 생겨서 공부할 수 밖에 없는 상황이 오는건 오히려 땡큐긴함.. 어쨌든 언젠가는 해야겠다고 생각을 하기 했다만 근본이 웹 개발자인 내가 앱을 손대려고 하니 도저히 Native쪽은 자신이 없길래 하이브리드 앱 부터 시작해야겠다. 하던 와중에 회사에서 아주 좋은 공부 기회를 던져주셔서 룰루랄라 앱 공부 시작했다. 그럼 한번 이야기 해보자. 1. APP 개발이란? 사실 APP 개발이라고 하면 자꾸 핸드폰으로 사용하게 되는 모바일 어플리케이션을 이야기 하게 되는데, 제대로 말하면 우리가 사용하는 프로그램들 대부분 APP 이라..

자꾸 같은 내용으로 글 뻥튀기 하는 것 같아서 조금 그렇긴 한데, 처음이라고 겁먹어서 Expo로 세팅했다가 그냥 react 자체를 모르는 것도 아니고 react-native 로 세팅하는걸 겁내는 내가 너무 애송이 같아 시도해보고 왔다. 1. react-native-cli / react-native 설치 $ npm install -g react-native-cli $ npm install -g react-native 내가 처음에 어지러웠던 이유가 제대로 된 절차를 알려주지 않는 포스팅을 보고 따라하다가 아니 똑같이 했는데 왜 안돼?! 라는 상황이 와서 어지러웠던건데 스택오버플로우 들어갔더니 걍 해결됐다. 진짜 개발하는 사람들 공부용 포스트 보고 따라하지말고 그냥 스택오버플로우 보고 따라하자. 거기가 그냥 ..

React Native 플젝을 생성하고 실행까지 시켜보니 내가 Flutter는 환경세팅까지만 해두고 플젝 만든뒤에 실행을 안해봤구나 하는 생각이 들어서 급하게 하나 만들고 실행까지 해봤다. 일단 우선적으로 나는 인텔리제이 Ultimate 환경에서 개발을 주로 하는데 처음엔 난 인텔리제이에서 안되는 줄 알았다. 근데 보니까 안드로이드 스튜디오도 플러그인 깔아서 하는데 인텔리제이도 플러그인 깔면 되는거 아님? 하는 생각 들어서 찾아보니까 플러그인 있더라.. (안되는게 어딨음 돈주고 사는건데 만들어 내야지 당연히) 그래서 그냥 난 IDE는 하나로 쓰기로 했다. 솔직히 인텔리제이 프론트 플젝에 까지 쓰려면 ultimate 사야하니까 뭔가 손해본다고 생각했는데, 정작 써보니까 상당히 편하고 좋은데다 이거저거 어지..

어제의 Flutter 환경 세팅에 이어서 이번엔 React Native 환경 세팅이다. 애초에 React로 개발을 하던 사람이니 Flutter에 비하면 환경 세팅 자체가 그렇게 복잡하지 않아서 어제 보단 시행착오가 적었지만 그래도 확실히 앱을 개발한다는게 개발한걸 바로 브라우저로 확인할 수 있는 웹보다는 에뮬레이터 같은 것들을 필요로 하다보니 조금 해메게 되긴 하는 것 같다. 그래도 Flutter는 개발환경 세팅만 해두고 아직 테스트용 프로젝트 생성을 안해봐서 에뮬레이터 돌리는건 해보지도 못했는데, RN은 어찌 됐든 돌리는거까지 해볼 수가 있어서 오늘은 에뮬레이터 실행까지 따라가보도록 하겠다. 0. Node.js 설치 https://nodejs.org/ko/download 다운로드 | Node.js No..

회사에서 어쩌다보니 하이브리드 앱개발을 하게 될 것 같아서 Flutter / React Native 두가지 환경에 대해서 요즘 알아보는 중이다. 아무래도 앱개발이라는거 자체가 이번이 내 인생 최초라 환경 세팅부터 차근차근 기록을 남겨둬볼까 한다. 오늘은 플러터 환경 세팅부터 할건데 플러터에 대한 기본 정보나 이런건 따로 APP 카테고리 파서 남겨둘 예정이고 오늘은 환경 세팅만 정리해둘 예정임. 1. Android Studio(Android) / Xcode(IOS) 설치 일단 뭐 React Native를 하든 Flutter를 하든 이 두개는 무조건 깔려있어야한다. 아무래도 하이브리드 앱을 만든다는게 각 OS 환경에 따라 빌드가 진행되어야하기 때문에 필요하다고 보면 되겠다. 난 지금 윈도우 컴퓨터를 가지고 ..