Vue.js
Vue.js + Firebase로 페이스북(facebook) 로그인 연동하기
Vue.js + Firebase로 페이스북(facebook) 로그인 연동하기 지난 회원가입/로그인 구현하기에서 페이스북 로그인 기능을 추가하는 게시물이다. Vue.js + Firebase로 이메일 회원가입&로그인 구현 우선, 기존의 파이어베이스 콘솔에서 Authentication의 로그인 방법으로 들어가자 우리는 이메일/비밀번호를 활성화 시켜서 회원가입과 로그인을 가능하도록 구현했었다. 위 사진처럼 페이스북도 상태를 사용으로 만들어야 한다. 아래에 나오는 OAuth 리디렉션 URI를 복사하고, facebook for developers로 이동한다. Facebook for developers 링크 Facebook Developers Facebook 사용자와 연결할 수 있는 코드 AI, 비즈니스 도구, 게임..
Vue.js + Firebase로 이메일 회원가입/로그인 구현하기
Vue.js + Firebase로 이메일 회원가입/로그인 구현하기 Vue.js와 Firebase를 통한 이메일 로그인을 구현해보자 우선 설치해야할 npm (터미널에서 입력) $ npm -i -g @vue/cli $ npm -i -g @vue/cli-init 아래 @vue/cli-init은 2.0버전을 사용하기 위해 설치하는 것이다. vue-cli는 템플릿 기반 프로젝트 초기 구성을 간편하게 할 수 있도록 도와준다! 프로젝트 생성하기 $ vue init webpack "프로젝트 이름" 환경설정을 해주면 vue 프로젝트가 생성된다. 이제 해당 경로로 들어가서 npm 설치를 진행하자 $ cd "프로젝트 이름" $ npm install 만약 npm install 후에 `vulnerabilities` 알림이 뜨면..
Vue CLI + Spring Boot 연동하여 환경 구축하기
Vue CLI + Spring Boot 연동하여 환경 구축하기 프론트엔드는 Vue.js로, 백엔드는 Spring Boot를 이용해서 프로젝트를 진행하려고 한다. 스프링에서 Jsp를 통해 view를 구축해봤지만, 이번엔 Vue.js를 활용해서 View를 모두 넘겨주려고 한다. 스프링에서 컨트롤러를 통해 DB 관리나 데이터에 관한 비즈니스 로직을 잘 처리하고, 이에 대한 값을 활용해 Vue에서 화면으로 뿌려줄 탬플릿을 만들어나가는 진행 방식이 되지 않을까 생각된다. 개발 툴은 VS Code로 진행한다. VS Code 다운로드 Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favo..