전체 글 썸네일형 리스트형 React Native Expo Visual Studio에서 활용하기 전에 작성한 글에서는 Expo 홈페이지에서 개발 후, 바로 확인할 수 있는 방식을 사용했다. https://ohrora-developer.tistory.com/6 React Native Expo 활용하기 React Native를 공부할 때, Test용도로 개발 후, 결과를 브라우저 혹은 핸드폰으로 바로 확인해볼 수 있는 사이트가 있다. https://snack.expo.dev/ Snack - React Native in the browser Write code in Expo's o.. ohrora-developer.tistory.com 이 방식도 편하긴 했지만 git에 올려 나만의 코드로 형상 관리할 수 있지는 않다는 점이 단점이였다. 코드 관리를 위해서 Visual Stuido 애플리케이션에서 Expo.. 더보기 React Native Expo 활용하기 React Native를 공부할 때, Test용도로 개발 후, 결과를 브라우저 혹은 핸드폰으로 바로 확인해볼 수 있는 사이트가 있다. https://snack.expo.dev/ Snack - React Native in the browser Write code in Expo's online editor and instantly use it on your phone. snack.expo.dev 1. 결과를 보고 싶은 핸드폰에 Expo Go 애플리케이션을 설치한 후, 회원가입을 해주면 된다. 2. 회원가입한 아이디로 위에 사이트에 접속해서 오른쪽에 위치해있는 My Device를 선택한다. 3. My Device를 선택하여 QR code를 사용하면, Expo Go 애플리케이션을 통해 디바이스가 연결된다. 4... 더보기 Spring Boot + CoolSMS 1. CoolSMS란? 카카오 알림톡 및 문자메시지 웹 발송을 지원해주는 REST API 제공 서비스이다. 단문, 장문, 포토 메시지 등을 보낼 수 있다. 2. CoolSMS 회원가입 및 API KEY 생성 https://coolsms.co.kr/ 세상에서 가장 안정적이고 빠른 메시지 발송 플랫폼 - 쿨에스엠에스 손쉬운 결제 전용계좌, 신용카드, 계좌이체 등 국내 결제 뿐만 아니라 해용신용카드로 한번의 카드번호 등록으로 자동충전까지 지원합니다. 전용계좌, 신용카드, 계좌이체 등 다양한 결제 방식 coolsms.co.kr 3. CoolSMS Library 다운받기 1) 메인페이지에서 개발자센터 창을 클릭한다. 2) SDK 부분에서 JAVA를 클릭한다. 3) STEP2 에서 GIT에 접속하고 zip 파일을 .. 더보기 Electron에 React 연동해보기! Electron에 대한 기본 지식이 없다면 공부하고 시작하는 것이 좋다. https://ohrora-developer.tistory.com/3 Electron이 뭐길래!? 1. 일렉트론이란 어떤 프레임워크일까? Javascript, HTML, CSS를 이용해 Desktop Application을 만드는 프레임워크이다. 1개의 코드만으로도 Cross-Platform에서 작동하는 Application을 빌드할 수 있다. 2. 일렉.. ohrora-developer.tistory.com 1. Nodejs 설치 Electron 개발을 위해서는 우선 Nodejs가 기본적으로 설치되어있어야 한다. 설치 URL은 아래와 같다. https://nodejs.org/ko/ Node.js Node.js® is a JavaS.. 더보기 Electron이 뭐길래!? 1. 일렉트론이란 어떤 프레임워크일까? Javascript, HTML, CSS를 이용해 Desktop Application을 만드는 프레임워크이다. 1개의 코드만으로도 Cross-Platform에서 작동하는 Application을 빌드할 수 있다. 2. 일렉트론 아키텍쳐는 어떻게 될까? Backend : Nodejs런타임 Frontend : Chromium(크로미엄) 이외의 여러가지 언어를 사용한다. 3. 일렉트론을 사용해 만들어진 Application의 예시는 어떤 게 있을까? Slack Atom Visual Studio Code WordPress.com Remember 4. 일렉트론 Application의 File 구조는 어떻게 될까? Package.json (메타데이터) index.html (그래픽.. 더보기 아마존 서비스가 스케일을 키우는 방법 최근에 서비스 기획에 관심이 생겨 이커머스에 대해서 찾아보다가 이커머스하면 떠오르는 '아마존' 에 대한 서비스 전략 기법에 대해 알게 되었다. 아마존은 모든 사업을 '프라이휠'이라는 전략 기법을 사용하여 이 순환 구조에서 서비스가 어떻게 기여하는지에 대한 설명을 할 수 있어야한다고 한다. 1. 판매 제품 종류의 증가 (Selection) "전 세계에 구매 가능한 모든 것을 파는 가게가 된다" 는 비전 모든 제품을 구매할 수 있도록 고객들에게 많은 제품을 제공한다. 2. 고객 경험의 증가 (Customer Experience) 한 곳에서 다양한 제품을 제공받다보면 고객이 한 사이트 안에서 경험할 수 있는 정도가 늘어난다. 즉, 제품 종류의 증가가 고객 경험의 증가로 자연스럽게 흘러간다. 3. 방문자 증가 .. 더보기 Eclipse 노란색 느낌표는 왜 있는 걸까? #1 실행에는 문제가 없는데 왜 뜨는 거죠? eclipse 개발을 하다가 종종 발견할 수 있는 노란색 느낌표 창은 있어도 그만, 없어도 그만이라고 생각했다. 개발의 목적인 실행이 잘 마무리되었으니깐 신경은 쓰여도 별로 관심조차 갖지 않았던 것 같다. 그러다 문뜩 좀 더 깔끔한 코드로 정돈하고 싶어 노란색 경고창의 다양한 원인과 생겨난 원인들을 바로 잡기 위해서 정리하게 된 페이지이다. 노란색 경고창이 발생하는 원인이 다양해서 하나로 딱 정해서 말할 수는 없지만 예를 하나 들어 정의하자면, String number; number라는 String 형태의 변수를 선언했으나 사용되지 않았을 경우, 실행에는 당연히 영향이 가지 않는다. 하지만 쓸데없는 메모리를 차지하고 있는 비효율적인 코드 1줄이 생성된 것이다... 더보기 이전 1 2 3 다음
