vue.js로 개발 후 firebase로 배포해보기
내가 기억하기 위해 작성 ㅎㅎㅎ(머쓱) 1.파이어베이스 콘솔 사이트로 이동해서 가입한다. https://console.firebase.google.com/ 2.새 프로젝트 추가 - 프로젝트명이 url에 표기됨 [ 대략적 예시) 프로젝트명.firebase.com 형식 ] 3.내 프로젝트로 가서 firebase CLI 설치 [cmd] npm install -g firebase-tools firebase login - 가입한 계정으로 로그인 4.내 프로젝트에서 init [cmd] firebase init 질문들이 나오는데 답변하면 된다. 대충.. - Are you ready to proceed?(Y/n) Y - Database, Hosting에서 스페이스 바 눌러서 체크하고 다 체크하면 엔터쳐서 다음 질문으로..
vue.js 기초- 인스타그램 만들어보기 01 (코딩애플 세미나 후기)
*선생님코드아님 주의, 틀릴 수 있음 주의, 들으면서 적은거 아님주의, 복습하면서 적은거임, 기초 셋팅 Node.js 설치 (10버전 이상) VSCode 에디터 설치 Yarn 설치 설치 여부 상관없이 진행가능하나 속도면에서 yarn이 유리하다고 합니다. vscode 에디터 프로젝트 여는 법 프로젝트를 진행 할 폴더를 바탕화면에서 생성하세요. 이 폴더는 Root 폴더가 됩니다. 하위에 vue 프로젝트 폴더가 생성될 것입니다. 이하 Root 폴더라고 하겠습니다. vscode 에디터를 통해 Root 폴더를 오픈합니다. 메뉴 File > Open Folder > Root 폴더 yarn 설치 vscode 에디터로 Root 폴더를 열어 준 후에 터미널을 열어줍니다. 단축키(crtl + `) 또는 메뉴 Termina..
Vue.js single file components 방식으로 개발해보기 02 - Vue Project 시작, 페이지 띄워보기
Vue.js single file components 방식으로 개발해보기 02 Vue Project 시작, 페이지 띄워보기 Vue.js 페이지 브라우저에서 열어보기 실행 할 프로젝트 폴더를 생성하거나 선택하여 에디터에서 열어줍니다. - 이 폴더에 vue.js를 다운로드 받아 사용할 것입니다. 저는 vue 폴더를 만들어서 VScode에서 Open Folder 했습니다. 에디터에서 cmd 창을 열어줍니다. - VScode 에디터의 단축키는 [ctrl + `] 인데, 에디터마다 다르므로 검색은 필수 입니다. (기본으로 cmd를 제공하지 않는 에디터는 플러그인이 있을 듯 합니다.) cmd창을 자세히보면 [ PS C:\Users\사용자명\Desktop\vue > ] 라고 되어있는데, 이것은 자신의 폴더 구조입니다..
Vue.js single file components 방식으로 개발해보기 01 - Node.js다운로드
Vue.js single file components 방식으로 개발해보기 01 프로젝트 실행 전 Node.js를 통한 사전 작업 Node.js의 정의 Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼입니다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있습니다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 합니다. 출처 : 위키백과 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임입니다. 이벤트 기반, Non-bl..