본문 바로가기
반응형

Works104

[Web] Firebase emulator 개발 환경 설정 기본적으로 JAVA_HOME 설정 및 Node.js 개발 환경이 구성되어 있어야 함 [Web] Mac 에 Node.js 개발 환경 설정 위 환경 구성이 끝난 상태에서 다음 설정 진행 Firebase CLI 설치 https://firebase.google.com/docs/functions/get-started?authuser=0#set-up-node.js-and-the-firebase-cli 시작하기: 첫 번째 함수 작성, 테스트, 배포 | Firebase Cloud Functions를 시작하려면 이 가이드를 따라해 보세요. 이 가이드는 필수 설정 작업부터 시작해 다음과 같은 관련 함수 두 개를 만들고 테스트하며 배포하는 과정을 설명합니다. addMessage(): 텍스 firebase.google.com.. 2020. 12. 20.
[Web] Mac 에 Node.js 개발 환경 설정 Firebase CLI 를 원하는 용도로 사용하기 위해 Node.js 개발 환경을 설정해야 했다. firebase.google.com/docs/cli?authuser=0#mac-linux-npm Firebase CLI 참조 firebase.ml.naturallanguage.translate firebase.google.com Homebrew 설치 패키지 관리 어플리케이션 brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh Node.js 를 바로 설치하기 보단 nvm(Node Version Manager) 을 이용해 설치해 주는 것이 여러 버전의 Node.js 를 사용하고 관리하기에 좋다. github.com.. 2020. 12. 20.
[Web] PWAs 구성 PWA - Progressive web apps SPA - Single Page Application 모바일 OS 에 설치 가능한 웹 앱 정도로 이해 head 영역에 manifest 파일 추가 manifest.json { "name": "Bootstrap", "short_name": "bootstrap", "theme_color": "#cecece", "background_color": "#2196f3", "display": "minimal-ui", "orientation": "portrait", "Scope": "/", "start_url": "/", "icons": [ { "src": "images/icons/icon-72x72.png", "sizes": "72x72", "type": "image/p.. 2020. 12. 13.
[Web] Bootstrap 예제 목록 만들기 다른 php 에 기능 추가해 사용하기 getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com Bootstrap 은 웹 UI 구성을 도와주는 프레임워크 정도로 알고 있다. 앞으로 구성할 웹의 UI 는 대부분 이걸 사용할 예정이다. header 영역에 다음과 같이 bootstrap.min.css 를 링크시켜 사용한다. 사용 방법은 여러가지 방식이 있는 듯 하지만, 여기서는 css 와 js 파일을 다운받아 직접 링크를 걸고 사용한다. 아래는 href 값은 작성한 파일로 부터 bootstrap.min.css 파일이 있는 상대 경로를 적어준 것이다. 별도로 Bootstrap 예제 파일도 .. 2020. 12. 13.
반응형

티스토리툴바