programming (47) 썸네일형 리스트형 Vue PWA (Progressive Web App) 환경 @vue/cli 4.5.15 > vue init pwa vue-pwa ? Target directory exists. Continue? Yes ? Project name vue-pwa ? Project short name: fewer than 12 characters to not be truncated on homescreens (default: same as name) ? Project description A Vue.js project ? Author asoe72 ? Vue build standalone ? Install vue-router? No ? Use ESLint to lint your code? No ? Setup unit tests with Karma + Mocha? No ? Setu.. github - SourceTree 연동 : ssh-key 생성 적용 방법 1) 명령행에서 아래 실행 ssh-keygen -t rsa -C "asoe72@gmail.com" 2) 파일명 입력하라고 하면 입력 예) rsa-20220225 passphrase는 입력 안하고 enter 2번 누름 3) 현재 경로에 아래 파일 쌍이 생성됨. rsa-20220225 (개인키) rsa-20220225.pub (공용키) 4) rsa-20220225 파일에 .ppk 확장자 붙이기 -> rsa-20220225.ppk 5) github의 사용자 settings에서 SSH and GPG keys 클릭하고 New SSH Key 버튼 클릭 Title 적당히 입력 : 예) rsa-20220225 Key에 .pub 파일 내용 복사해 붙여넣기 Add SSH key 버튼 클릭 6) SourceTree의 Too.. sourcetree에서 github에 push 실패 (permission 문제) 해결 방법. 1) github site repository 화면 우측 녹색 code 버튼 클릭 2) Clone 을 HTTPS가 아닌 SSH로 바꾸고 아래 주소 복사 예) git@github.com:hyundai-robotics/doc-hi6-operation.git 3) 주소를 sourcetree의 Repository settings에 설정 관련자료 : https://recoveryman.tistory.com/283 firebase webapp 개발 https://asoe72.tistory.com/21 firebase webapp 개발 - 01. 생성과 초기화 참고자료: https://www.youtube.com/watch?v=rQvOAnNvcNQ&t=627s https://firebase.google.com/docs/web/setup?sdk_version=v9&authuser=0 자바스크립트 프로젝트에 Firebase 추가 | Firebase Documentation 의.. asoe72.tistory.com https://asoe72.tistory.com/22 firebase webapp 개발 - 02. realtime-database 생성 참고자료: https://firebase.google.com/docs/database/web/start?hl.. firebase webapp 개발 - 04. debugging DevTools에서 brakepoint를 걸어 trace를 할 때는 아래와 같이 webpack.config.js 파일을 만들고 devtool 옵션을 지정한다. webpack.config.js const path = require('path'); module.exports = { devtool: 'eval-source-map', entry: "./src/index.js", output: { path:path.resolve(__dirname, 'dist'), filename: 'main.js' } } 이 config로 다시 webpack을 실행한다. npx webpack --config webpack.config.js 이제 아래와 같이 brakepoint 지정과 trace가 가능하다. firebase webapp 개발 - 03. real-time database get, set 아래와 같이 index.js에 database get 코드를 삽입한다. ... // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries import { getDatabase, ref, child, get } from "firebase/database"; ... // Initialize Firebase const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app); const db = getDatabase() const dbRef = ref(db); test(d.. firebase webapp 개발 - 02. realtime-database 생성 참고자료: https://firebase.google.com/docs/database/web/start?hl=ko 자바스크립트에서 설치 및 설정 | Firebase Documentation 의견 보내기 자바스크립트에서 설치 및 설정 Firebase 실시간 데이터베이스는 클라우드 호스팅 데이터베이스입니다. 데이터는 JSON으로 저장되며 연결된 모든 클라이언트에 실시간으로 동기화됩 firebase.google.com firebase console에서 빌드 - Realtime Database 선택 - '데이터베이스 만들기' 버튼 클릭 local disk에 json 파일로 형식 정의 (참고자료의 실시간 데이터베이스/웹/데이터 구조화 section을 참고하여, 평면화와 데이터 중복이 왜 필요한 지 이해할 것.) .. firebase webapp 개발 - 01. 생성과 초기화 참고자료: https://www.youtube.com/watch?v=rQvOAnNvcNQ&t=627s https://firebase.google.com/docs/web/setup?sdk_version=v9&authuser=0 자바스크립트 프로젝트에 Firebase 추가 | Firebase Documentation 의견 보내기 자바스크립트 프로젝트에 Firebase 추가 이 가이드에서는 웹 앱에서 또는 최종 사용자의 액세스를 위한 클라이언트(예: Node.js 데스크톱 또는 IoT 애플리케이션)로 Firebase 자바스크립트 firebase.google.com firebase --version ; v9.23.3 기준으로 실습한 결과임. https://firebase.google.com/ Firebase F.. 이전 1 2 3 4 5 6 다음
