[Vue+Firebase+Vuetify] 07. Firebase Naver Login, 네이버 로그인 파이어 베이스는 각종 앱을 쉽게 만들기 위해 제공되는 프로젝트 플랫폼입니다. OAuth2 로그인, 데이터베이스, 기계학습과 호스팅 등을 제공합니다. 파이어 베이스를 잘 활용하면 비용 없이 앱 서비스를 제공이 가능합니다. 또한, 구글에서 제공되는 다양한 확장 기능을 통합할 수 있습니다. 필자는 AWS 기반으로 개인적인 프로젝트를 진행한 적이 있는데 이때 서버의 운영비용이 개인적으로 부담하기에는 지불해야 할 비용이 높았습니다. 물론 제공되는 서버의 사양도 낮아서 간혹 메모리 부족으로 죽는 현상도 발생하였습니다. 이번 연재에서는 파이어 베이스 기반의 OAuth2 로그인과 데이터베이스를 사용하는 예제를 위주로 설명합니다. 그리고 추가적으로 카카오와 네이버의 OAuth2를 파이어 베이스에 확장 적용하는 방법에 대.. Development/Node.js, Vue.js, Electron.js 2020. 8. 28. 15:11
[Vue+Firebase+Vuetify] 06. Firebase Kakao Login, 카카오톡 로그인 파이어 베이스는 각종 앱을 쉽게 만들기 위해 제공되는 프로젝트 플랫폼입니다. OAuth2 로그인, 데이터베이스, 기계학습과 호스팅 등을 제공합니다. 파이어 베이스를 잘 활용하면 비용 없이 앱 서비스를 제공이 가능합니다. 또한, 구글에서 제공되는 다양한 확장 기능을 통합할 수 있습니다. 필자는 AWS 기반으로 개인적인 프로젝트를 진행한 적이 있는데 이때 서버의 운영비용이 개인적으로 부담하기에는 지불해야 할 비용이 높았습니다. 물론 제공되는 서버의 사양도 낮아서 간혹 메모리 부족으로 죽는 현상도 발생하였습니다. 이번 연재에서는 파이어 베이스 기반의 OAuth2 로그인과 데이터베이스를 사용하는 예제를 위주로 설명합니다. 그리고 추가적으로 카카오와 네이버의 OAuth2를 파이어 베이스에 확장 적용하는 방법에 대.. Development/Node.js, Vue.js, Electron.js 2020. 8. 27. 16:07
[Vue+Firebase+Vuetify] 05. Firebase Facebook Login, 페이스북 로그인 파이어 베이스는 각종 앱을 쉽게 만들기 위해 제공되는 프로젝트 플랫폼입니다. OAuth2 로그인, 데이터베이스, 기계학습과 호스팅 등을 제공합니다. 파이어 베이스를 잘 활용하면 비용 없이 앱 서비스를 제공이 가능합니다. 또한, 구글에서 제공되는 다양한 확장 기능을 통합할 수 있습니다. 필자는 AWS 기반으로 개인적인 프로젝트를 진행한 적이 있는데 이때 서버의 운영비용이 개인적으로 부담하기에는 지불해야 할 비용이 높았습니다. 물론 제공되는 서버의 사양도 낮아서 간혹 메모리 부족으로 죽는 현상도 발생하였습니다. 이번 연재에서는 파이어 베이스 기반의 OAuth2 로그인과 데이터베이스를 사용하는 예제를 위주로 설명합니다. 그리고 추가적으로 카카오와 네이버의 OAuth2를 파이어 베이스에 확장 적용하는 방법에 대.. Development/Node.js, Vue.js, Electron.js 2020. 8. 20. 17:56
[Vue+Firebase+Vuetify] 04. Firebase Google Login, 구글 로그인 파이어 베이스는 각종 앱을 쉽게 만들기 위해 제공되는 프로젝트 플랫폼입니다. OAuth2 로그인, 데이터베이스, 기계학습과 호스팅 등을 제공합니다. 파이어 베이스를 잘 활용하면 비용 없이 앱 서비스를 제공이 가능합니다. 또한, 구글에서 제공되는 다양한 확장 기능을 통합할 수 있습니다. 필자는 AWS 기반으로 개인적인 프로젝트를 진행한 적이 있는데 이때 서버의 운영비용이 개인적으로 부담하기에는 지불해야 할 비용이 높았습니다. 물론 제공되는 서버의 사양도 낮아서 간혹 메모리 부족으로 죽는 현상도 발생하였습니다. 이번 연재에서는 파이어 베이스 기반의 OAuth2 로그인과 데이터베이스를 사용하는 예제를 위주로 설명합니다. 그리고 추가적으로 카카오와 네이버의 OAuth2를 파이어 베이스에 확장 적용하는 방법에 대.. Development/Node.js, Vue.js, Electron.js 2020. 8. 12. 14:11
[Vue+Firebase+Vuetify] 03. Firebase Signup with Email Link, 전자우편 링크 로그인 구현 파이어 베이스는 각종 앱을 쉽게 만들기 위해 제공되는 프로젝트 플랫폼입니다. OAuth2 로그인, 데이터베이스, 기계학습과 호스팅 등을 제공합니다. 파이어 베이스를 잘 활용하면 비용 없이 앱 서비스를 제공이 가능합니다. 또한, 구글에서 제공되는 다양한 확장 기능을 통합할 수 있습니다. 필자는 AWS 기반으로 개인적인 프로젝트를 진행한 적이 있는데 이때 서버의 운영비용이 개인적으로 부담하기에는 지불해야 할 비용이 높았습니다. 물론 제공되는 서버의 사양도 낮아서 간혹 메모리 부족으로 죽는 현상도 발생하였습니다. 이번 연재에서는 파이어 베이스 기반의 OAuth2 로그인과 데이터베이스를 사용하는 예제를 위주로 설명합니다. 그리고 추가적으로 카카오와 네이버의 OAuth2를 파이어 베이스에 확장 적용하는 방법에 대.. Development/Node.js, Vue.js, Electron.js 2020. 8. 8. 13:09
[Vue+Firebase+Vuetify] 02. Firebase Signup with Email/Password, 전자우편/암호 로그인 구현 파이어 베이스는 각종 앱을 쉽게 만들기 위해 제공되는 프로젝트 플랫폼입니다. OAuth2 로그인, 데이터베이스, 기계학습과 호스팅 등을 제공합니다. 파이어 베이스를 잘 활용하면 비용 없이 앱 서비스를 제공이 가능합니다. 또한, 구글에서 제공되는 다양한 확장 기능을 통합할 수 있습니다. 필자는 AWS 기반으로 개인적인 프로젝트를 진행한 적이 있는데 이때 서버의 운영비용이 개인적으로 부담하기에는 지불해야 할 비용이 높았습니다. 물론 제공되는 서버의 사양도 낮아서 간혹 메모리 부족으로 죽는 현상도 발생하였습니다. 이번 연재에서는 파이어 베이스 기반의 OAuth2 로그인과 데이터베이스를 사용하는 예제를 위주로 설명합니다. 그리고 추가적으로 카카오와 네이버의 OAuth2를 파이어 베이스에 확장 적용하는 방법에 대.. Development/Node.js, Vue.js, Electron.js 2020. 8. 6. 18:17
[Vue+Firebase+Vuetify] 01. Firebase with Vue and Vuetify 파이어 베이스는 각종 앱을 쉽게 만들기 위해 제공되는 프로젝트 플랫폼입니다. OAuth2 로그인, 데이터베이스, 기계학습과 호스팅 등을 제공합니다. 파이어 베이스를 잘 활용하면 비용 없이 앱 서비스를 제공이 가능합니다. 또한, 구글에서 제공되는 다양한 확장 기능을 통합할 수 있습니다. 필자는 AWS 기반으로 개인적인 프로젝트를 진행한 적이 있는데 이때 서버의 운영비용이 개인적으로 부담하기에는 지불해야 할 비용이 높았습니다. 물론 제공되는 서버의 사양도 낮아서 간혹 메모리 부족으로 죽는 현상도 발생하였습니다. 이번 연재에서는 파이어 베이스 기반의 OAuth2 로그인과 데이터베이스를 사용하는 예제를 위주로 설명합니다. 그리고 추가적으로 카카오와 네이버의 OAuth2를 파이어 베이스에 확장 적용하는 방법에 대.. Development/Node.js, Vue.js, Electron.js 2020. 8. 5. 18:06
D3.js Geo Map on Vue.js(D3.js를 이용하여 지도 그리기) 본 글은 21대 국회의원선거일 전에 의석수 계산기와 함께 쓰려고 하였으나 상세기능 구현 및 데이터 갱신작업 등으로 인하여 글로 쓰는 일이 늦어졌습니다. 구현된 의석수 계산기는 여기에서 확인이 가능하며 본 예제는 여기에서 확인이 가능합니다. 관련 소스코드는 본 글의 첨부파일로 등록하였습니다. 21대 국회의석수 계산기/결과 https://parandol.github.io/#/learning/vote21 지도 그리기 예제 https://parandol.github.io/#/learning/vote21/map 이번 글에서는 Vue.js에서 D3.js를 사용하여 지도를 그리는 방법에 대해서 설명합니다. 아래의 이미지는 21대 국회의원 개표 결과를 지도를 통해 표시한 그림입니다. 각각의 지역구 및 당선된 정당을 색.. Development/Node.js, Vue.js, Electron.js 2020. 4. 21. 14:19
[TCP Socket Router #10] Build, Distribute and Auto Updater TCP Socket Router 예제를 통한 Electron Application 작성방법에 대한 연재가 완료되었습니다. Electron + Vue.js 애플리케이션 만들기 1. Electron 프로젝트 생성하기(Create Electron Application Project) 2. Electron IPC 통신(Electron Architecture, IPC Main/IPC Renderer) 3. TCP Router 기능 구현(Implements TCP Router Communication) 4. 화면 UI 구성(Main Window UI) 5. 환경설정 구현하기(Preferences Window) 6. 메뉴 사용하기(Application Menu & Context Menu) 7. 시스템 트레이 사용 및.. Development/Node.js, Vue.js, Electron.js 2020. 3. 5. 19:07
[TCP Socket Router #09] Dark Layout & Frameless Window TCP Socket Router 예제를 통한 Electron Application 작성방법에 대한 연재가 완료되었습니다. Electron + Vue.js 애플리케이션 만들기 1. Electron 프로젝트 생성하기(Create Electron Application Project) 2. Electron IPC 통신(Electron Architecture, IPC Main/IPC Renderer) 3. TCP Router 기능 구현(Implements TCP Router Communication) 4. 화면 UI 구성(Main Window UI) 5. 환경설정 구현하기(Preferences Window) 6. 메뉴 사용하기(Application Menu & Context Menu) 7. 시스템 트레이 사용 및.. Development/Node.js, Vue.js, Electron.js 2020. 3. 4. 17:57
