로메오의 블로그

VSCode > Preferences > Keyboard Shotcuts를 선택합니다. search창에서 "trans"를 검색합니다. 소문자로 변경은 Transform to Lowercase 대문자로 변경은 Transform to Uppercase 더블클릭합니다 팝업창이 뜨면 사용할 단축키를 누르고 Enter를 누르면 대소문자 변경 단축키가 지정됩니다. 보통 대문자 변경은 Command + U (윈도우즈 경우 Ctrl + U) 소문자 변경은 Command + L (윈도우즈 경우 Ctrl + L) 위와 같이 지정하는 경우가 많지만 VSCode에서 Command + U는 Soft Undo Command + L은 expandLineSelection으로 기본으로 지정되어 있습니다. 위의 기본 단축키를 제거하고 ..

Firebase 목록 요청을 처리하는 중에 알수없는 오류가 발생했습니다. 다시 시도해주세요 Firebase에서 프로젝트나 앱을 생성하려는데 위와 같은 오류가 발생할때는 Firebase Status Dashboard로 가보세요. https://status.firebase.google.com/ 아예~~ 뭔가 무척 바쁘신듯... We are investigating errors when creating a new project or application or when enabling new APIs and services on existing projects. Our engineering team has identified a root cause, and mitigation work is currently u..

Firebase 목록 [FIREBASE] 호스팅 생성하고 배포하기 [Firebase] Firebase 데이터 베이스 생성 [Realtime Database] [Firebase] Python - Firebase Realtime Database app.py import pyrebase from flask import * config = { "apiKey": "AIzaSyAsDlGTnwNoRgAdcoMV41x_xxxxx", "authDomain": "pythontest-xxxx.firebaseapp.com", "databaseURL": "https://pythontest-xxxx.firebaseio.com", "projectId": "pythontest-xxxx", "storageBucket": "", "me..

Firebase 목록 [FIREBASE] 호스팅 생성하고 배포하기 [Firebase] Firebase 데이터 베이스 생성 [Realtime Database] [firebase] 호스팅 생성하고 배포하기를 참조해서 Firebase에 새로운 프로젝트를 생성합니다. WebApp도 생성합니다. 스크롤을 내려서 Firebase SDK snippet에서 CDN을 선택하고 firebaseConfig 부분을 복사해놓으세요. Database > Realtime Databas를 생성합니다. 프로젝트 생성 $ cd /my/project/path $ mkdir firstProject $ code ./firstProject pyrebase설치 $ pip3 install pyrebase app.py $ touch app.py i..

Firebase 목록 [REACT.JS] CREATE-REACT-APP 없이 REACT.JS 프로젝트 생성하기 [GIT] GITHUB에 프로젝트 올리기 (GIT COMMAND 사용) [REACT.JS] ROUTER 적용하기 [MULTIPLE ROUTER] [FIREBASE] FIREBASE 데이터 베이스 생성 [REALTIME DATABASE] Firebase에서 생성한 Realtime 데이터베이스를 React.js에서 불러옵니다. query-string 모듈 설치 $ yarn add query-string src/components/About.js import React from 'react'; import { BrowserRouter, Route, Link } from 'react-router-dom..

[REACT.JS] CREATE-REACT-APP 없이 REACT.JS 프로젝트 생성하기 [GIT] GITHUB에 프로젝트 올리기 (GIT COMMAND 사용) [REACT.JS] ROUTER 적용하기 [MULTIPLE ROUTER] Firebase 데이터 베이스 생성하기 Firebase 데이터베이스는 Cloud Store와 Realtime Database 두 가지를 제공하는데, 우리는 Realtime Database를 사용하겠습니다. 데이터베이스 만들기를 클릭합니다. 테스트모드로 시작을 선택하고 사용설정을 누릅니다. + 아이콘을 누릅니다. 위와 같은 구조의 데이터를 생성하고 추가버튼을 누릅니다. 이름만 있는것은 Array를 뜻하고 이름/값이 있는것은 Object 입니다. 위 주소에서 + 데이터베이스 이..

[REACT.JS] CREATE-REACT-APP 없이 REACT.JS 프로젝트 생성하기 [GIT] GITHUB에 프로젝트 올리기 (GIT COMMAND 사용) React Rout를 적용해보겠습니다. react-router-dom 설치 $ yarn add react-router-dom 추가 파일 생성 $ mkdir src/components src/css $ touch src/components/Home.js src/components/Profile.js src/components/About.js src/components/OperatingSystem.js src/css/styles.css 다음 폴더를 생성합니다. src/components src/css 다음 파일을 생성합니다. src/component..

[REACT.JS] CREATE-REACT-APP 없이 REACT.JS 프로젝트 생성하기 위 포스트에서 react.js 프로젝트를 생성했습니다. 이 프로젝트를 github에 올려보겠습니다. sourcetree등 UI를 지원하는 git 프로그램을 사용할 수도 있지만 command 명령으로 올리는 방법을 알아봅니다. Github에 repository생성 https://github.com 에서 로그인 하시고 New repository를 선택합니다. HTTPS 주소를 복사합니다. git 환경설정 $ git log create-react-app으로 프로젝트를 생성하면 첫번째 커밋이 되어 있는 상태입니다. git log로 history를 조회할 수 있습니다. # git remote add origin "https:..