본문 바로가기

Coding345

[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.
Github 기존 저장소에 새로운 파일 Push 하는 방법 기존에 텀 프로젝트를 통해 총 3대의 서버에 자료를 분산시켜놨었다.서버 포맷 겸 백업을 진행하려고 했는데 하나의 저장소에 병합시키는 방법을 몰랐었다.오늘 그 방법에 대해 포스팅하겠다.2개의 git을 하나의 repository에 push 하는 방법이다.작업은 git_test라는 디렉토리를 하나 만들어서 진행할 것이다. 먼저 github에서 test라는 새로운 repository를 만들었다. push 해줄 두개의 파일을 만들었다.serverA/serverA 파일을 먼저 push한 이후serverB/serverB 파일을 동일한 repository에 push 해보겠다. init, add, commit후 push해줬다.여기까지는 기존 push하는 방법과 동일하다. 생성한 repository에 들어가보면 방금 pu.. 2018. 1. 16.
장고(Django) Restframework 인증 권한 설정 방법 http://www.hides.kr/805 에 이어서 작성한다.지난 포스팅에서는 Django의 Rest Framework를 사용해서 기본적인 Restful API를 만들었다.오늘은 권한에 따라 이용할 수 있는 API기능을 제한하는 방법을 포스팅한다.예를 들어 읽는 권한은 모든 유저에게 주어도 상관없지만새로운 데이터를 추가, 수정 또는 삭제하는 권한은 관리자만 가능하도록 제한해야 한다.Rest Framework에서는 이러한 인증 권한 설정도 쉽게 할 수 있다.먼저 settings.py를 열고 아래의 코드를 추가한다. REST_FRAMEWORK = { 'DEFAULT_PERMISSION_CLASSES':( 'rest_framework.permissions.IsAuthenticatedOrReadOnly', ).. 2018. 1. 10.
장고(Django) Restframework로 REST API 만드는 방법 장고(Django)를 사용해 REST API 만드는 방법에 대해 포스팅한다.Restframework를 사용하면 쉽게 만들 수 있다.최종 목표는 게시글 목록을 불러오고 삽입, 수정, 삭제까지 가능한 API를 구현하는 것이다.먼저 아래의 폴더를 하나 생성하고 해당 폴더에 가상 환경을 구축한다. mkdir restpython3 -m venv envsource env/bin/activate 그럼 위와 같이 맨 앞에 (env) 라는 게 생긴다. 가상 환경이라는 뜻이다.다음으로 django와 restframework를 설치해준다.현재 Django 최신버전은 2.0이지만 기존에 사용하던 1.11.6 버전을 설치할 것이다.그리고 Django는 기본적으로 데이터베이스로 Sqlite를 사용하지만나는 MySQL이 더 익숙하.. 2018. 1. 9.

티스토리툴바