본문 바로가기

개발15

그누보드 g5 관련 링크 모음 그누보드 새 페이지 만들기 https://sir.kr/g5_tip/6812 https://sir.kr/g5_tip/6476 https://pixxie.tistory.com/entry/%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5-%EC%83%88%ED%8E%98%EC%9D%B4%EC%A7%80php%ED%8C%8C%EC%9D%BC-%EB%A7%8C%EB%93%A4%EA%B8%B0 그누보드 디비 관련 http://www.gnuwiz.com/bbs/board.php?bo_table=gnu_tip&sca=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C+5.2+DB%ED%85%8C%EC%9D%B4%EB%B8%94 2020. 3. 30.
firebase react setup 및 firestore 데이터 가져오기 설치 npm install --save firebase firebase 클래스 선언 파이어베이스 클래스를 선언한다. 파이어베이스에 받은 정보들을 config에 넣는다. import * as firebase from "firebase/app"; // Add the Firebase products that you want to use import "firebase/auth"; import "firebase/firestore"; var firebaseConfig = { apiKey: "api-key", authDomain: "project-id.firebaseapp.com", databaseURL: "https://project-id.firebaseio.com", projectId: "project-id", .. 2020. 3. 20.
깃헙 sub repo 관련 명령어 깃헙에서 sub repo 포함해서 모두 가져오기 git clone --recursive https://github.com/aibraininc/gretchen-package.git 깃헙에서 sub repo 만드는 방법 git submodule add 모든 sub repo update git submodule update --init --recursive git pull --recurse-submodules 2020. 3. 6.
react-router path 가져오기 browerHistory를 활용하여 현재주소 가져오기 path 뒤에 #,? 정보도 가져옴 import { browserHistory } from 'react-router'; ... componentDidMount() { const location = browserHistory.getCurrentLocation(); console.log(location.hash); } 2020. 2. 29.
javascript delay function javascript 에서 delay function은 이렇게 만든다. setTimeout을 활용한다. function delay(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } https://javascript.info/task/delay-promise 활용은 아래처럼하면된다. 60초마다 hello를 출력한다. async function test() { while(true) { console.log('hello'); await delay(60000); //60s } } test(); 2020. 2. 14.
mobx-react 실전, 요약 react에 상태관리 라이브러리는 필수라고 본다. mobx는 여러 페이지에서 필요한 상태를 하나의 스토어에 보관하고, 상태가 변경될 때 react component를 업데이트할 수 있다. 이 글에서는 mobx에 대해 설명한다. mobx에는 상태, 스토어가 있다. 상태는 class와 같고, 스토어는 객체라고 보면 된다. 스토어에서 상태를 객체화한다. 딱 실전에서 쉽게 활용할 수 있는 것들을 정리해본다. 상태 아래 AppState는 상태에 대한 코드이다. AppState는 변수로 hello를 갖고 있다. @observable이라고 적혀있는데, 이것은 Decorator라고 불리는 것이다. ES7 or typescript에서 사용할 수 있다. 이것의 의미는 관측될 수 있는 애 라는 의미이다. ㅋㅋ 여러 컴포넌트.. 2020. 2. 12.