분류 전체보기
-
react 리액트 설정 dotenv 모듈로 설정변수 활용하기카테고리 없음 2019. 2. 21. 17:00
요새 리액트와 파이어베이스로 게시판을 만들다보니파이어베이스 설정파일까지 깃허브같은데 올라가게 되는데..개인계정 정보가 같이 올라가게 되서 좀 그랬는데 dotenv 모듈을 활용하면 편리하게 할 수 있다고 해서 찾아보았습니다. dotenv 개요react 로 개발을 하면서, firebase apiKey, 서비스포트, DB 관련 정보 등 전역으로 필요한 여러 정보들이 존재한다. dotenv 패키지를 통해 환경변수 파일을 외부에 만들고, 관리할 수 있다. 깃허브 등에 오픈소스로 프로젝트를 공개할때, 해당 정보를 소스코드 내에 하드코딩하지 않고, 외부 환경변수 파일에 작성하고, .gitignore 을 통해 제외하면 괜찮은 방법인듯 합니다. 설치yarn add dotenv 사용방법프로젝트 루트경로에 .env 파일을 ..
-
react 캘린더 사용해보기카테고리 없음 2019. 2. 20. 14:41
react 캘린더 사용해보기 리액트 개발중 캘린더에 표시해서 보여줄 경우 유용한 라이브러리 빅캘린더 입니다. node, yarn 설치되어 있으면 되네여..빅캘린더 사용할 아래 2개 라이브러리까지 총 3개 과감히 설치합니다. yarn add react-big-calendar moment date-arithmetic npx create-react-app react_bigCalendarcd react_bigCalendar 들가서에디터로 open : 전 VSC 써서 열었습니다. sample01.js 신규파일 생성후아래처럼 코드 넣어줍니다. import React from "react";import BigCalendar from "react-big-calendar";import moment from "moment..