본문 바로가기

전체 글847

[React.js] 구글 Firebase 연동하는 방법 오늘은 React.js와 구글 Firebase(파이어베이스) 연동하는 방법에 대해 포스팅하겠습니다.저는 요즘 리액트 네이티브를 이용하여 어플을 제작하고 있는데요.평소에는 모든 서버 작업을 AWS에서 진행했지만 Firebase라는 괜찮은 서비스가 있어서한번 사용해보려고 합니다.데이터베이스나, 백엔드, 사용자 인증 관련하여 Firebase를 사용하면 보다 쉽게서비스를 구성할 수 있을 것 같습니다.먼저 아래의 사이트로 들어갑니다. https://firebase.google.com/ 시작하기를 누릅니다. 새로운 프로젝트를 생성해야 합니다.프로젝트 추가를 누릅니다. 프로젝트의 이름과 국가/지역을 선택하고프로젝트 만들기를 누릅니다. 위와 같은 화면이 나온다면 성공적으로 프로젝트를 생성한겁니다.다음으로 yarn을 통.. 2018. 1. 27.
[React.js] react-native-elements 설치하는 방법 작업을 하다가 버튼이나 TextInput 같은 요소들을 직접 디자인 하기는 귀찮고웹 작업을 할때의 부트스트랩처럼 가져다 쓰기만 하면 되는게 따로 없을까 싶어서관련 정보들을 찾아보았다.그러다가 react-native-elements 라는걸 발견했다.나는 expo를 사용하고 있었고 아래의 명령어로 설치했다. yarn add react-native-elements 예를 들어 버튼을 사용하고 싶다면 최상단에 import { Button } from 'react-native-elements' 를 선언해주면 된다.버튼 말고도 사용할만한게 상당히 많다. 버튼만 하더라도 종류가 이렇게 많다. API목록을 확인해보면 상당히 많은 부분들을 지원하고 있으므로 확인 후 사용하면 된다. 더 자세한 정보는 아래의 사이트를 참고 .. 2018. 1. 26.
[React.js] Halogen으로 Loading Indicator 만들기 로딩 중 페이지에 표시를 어떻게 해줄까 생각하다가Loading Indicator들을 찾아보기 시작했다.다행히도 위와 같은 좋은 패키지를 찾아냈다. 실제 데모는 아래의 페이지에서 확인할 수 있다. http://madscript.com/halogen/ 설치는 아래와 같이 진행하면 된다.npm, yarn 둘 중 원하는 걸로 설치하면 됨 yarn install halogeniumnpm install halogenium --save 사용 방법은 아래와 같다. 그냥 단순히 상단에 import { PulseLoader } from 'halogenium'; 선언해주고 해주면 됨.PulseLoader 말고도 지원하는 목록은 아래 참고 2018. 1. 26.
국민 파인테크 체크카드 혜택 총정리 오늘은 국민은행 파인테크(Finetech) 체크카드에 대해 포스팅하겠습니다. 많은 분들이 체크카드를 이용하고 있습니다. 저는 대부분의 금융 관련 업무를 국민은행으로 보고 있습니다. 그래서 체크카드의 경우도 국민카드를 사용하고 있는데요. 주변을 살펴보면 국민 노리체크카드와 더불어서 많이 사용하는게 바로 국민 파인테크 체크카드가 아닐까 싶습니다. 따라서 오늘은 파인테크 체크카드의 혜택에 대해 정리를 해보겠습니다. 가장 대표적인 혜택은 다음과 같습니다. - NHN Ent 10% 환급 할인 - 게임/해외 10% 환급 할인 - 이동통신요금 5천원 환급할인 (환급 할인이란 결제 즉시 할인되는 것이 아닌, 일정 조건을 충족하면 나중에 환급을 해주는 제도를 말합니다) 또한 대부분의 체크카드와 마찬가지로 연회비가 존재하.. 2018. 1. 25.
페이스북 계정 비활성화 하는 방법 PC 모바일 오늘은 페이스북 계정 비활성화 하는 방법에 대해 포스팅하겠습니다. 요즘 많은 분들이 인스타그램, 트위터 등 SNS를 합니다. 그 중 가장 많이들 사용하시는게 바로 페이스북인데요. 가끔씩 SNS를 잠시 접고 조용히 지내고 싶을 때가 있습니다. 하지만 그동안의 사진과 글들을 지우기는 아쉽고 어떻게 해야 하나 고민할 때가 있는데요. 그럴 때 바로 사용할 수 있는 방법이 비활성화입니다. 페이스북 계정을 비활성화시키면 계정을 삭제시키는 것이 아니기 때문에 기존에 저장되어있던 사진이나 타임라인에 작성된 글등은 보존할 수 있는 장점이 있습니다. 또한 원할 때 다시 비활성화를 해제하면 이전처럼 페이스북 서비스를 이용할 수 있습니다. 이러한 비활성화 방법에 대해 알려드리겠습니다. PC에서 하는 방법과 모바일에서 하는 방.. 2018. 1. 23.
국민은행 주택청약종합저축 신청방법 총정리 오늘은 KB국민은행 주택청약종합저축 신청방법에 대해 포스팅하겠습니다. 요즘 뉴스를 보면 서울권 집값이 엄청나게 올랐다, 부동산 투기 등 부동산 관련한 뉴스가 상당히 많은데요. 아마 많은 회사원들의 가장 큰 목표가 아마 내집 마련이 아닐까 싶습니다. 제 주변 지인들도 군대에 있을 때부터 저축을 시작한 경우가 많습니다. 일반적인 적금통장에 저축을 하는 경우도 있지만 주택청약에 저축을 하는 경우도 있더라구요. 먼저 주택청약에 대한 사전적 용어가 무엇인지 설명드릴게요. 쉽게 말하자면 "주택을 분양받으려는 사람은 주택청약계좌를 개설하고 해당 계좌에 일정 기간동안 일정 금액을 입금하면 분양권을 받을 수 있다." 정도로 이해하시면 될 것 같습니다. 이제 본격적으로 국민은행 주택청약종합저축 신청방법에 대해 알려드리겠습.. 2018. 1. 22.