전체 글 (372) 썸네일형 리스트형 Vue.js 여러개 인스턴스 , 컴퍼넌트 개념과 컴포넌트 간 통신 오늘 학습할 내용은 Vue .js인스턴스, Vue 컴포넌트 개념과 컴포넌트 간 통신입니다. 1. 여러 개의 Vue 인스턴스 사용하기. {{name}} {{name}} 이렇게 하면 name이 나오지 않는다. id 가 app이 아닌 div에서 뷰인스턴스를 사용하는 방법은 무엇이 있을까요? !DOCTYPE html> {{name}} {{name}} {{name}} 변수에 뷰인스턴스를 넣어줌으로써 함수에서 다른 뷰 인스턴스의 데이터를 바꿔줄 수 있다. 그렇다면 여기서 app에서 app-1 인스턴스 데이터로 접근하는 방법이 있을까?? {{name}} 변환 {{name}} 변환 뷰인 스턴스를 변수 안에 넣어주면 각 인스턴스 안의 메서드에서 접근할 수 있다. 여러 개의 뷰인스턴스를 다룰 때는 변수 안에 넣어주는 것이.. Firebase auth 사용법 : Firebase 회원가입 예제(2) 오늘은 저번 시간과 다르게 클라이언트가 아닌 서버를 활용해 firebase auth 회원가입 예제를 구현해보도록 하겠습니다. 우선 최종 코드 먼저 복붙 하셔서 사용해보시기 바랍니다. 완벽한 웹사이트처럼 구현된 코드는 아니니 이점 유의하시기 바랍니다. const { request, response } = require('express'); const express = require('express') const app = express(); var port = 3000 var bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({ extended: false })); var firebase = require("firebase/app"); .. Firebase auth 사용법 : Firebase 회원가입 예제(1) firebase auth 사용법을 회원가입 예제를 통해 알아보도록 하겠습니다. 저번 시간에 환경을 세팅하고 간단하게 db에 데이터를 보내는 방법에 대해서 알아보았는데요. 오늘은 nodejs 서버를 활용해 클라이언트에서 회원 가입하는 페이지를 구현해보도록 하겠습니다. 오늘은 nodejs express프레임워크도 추가적으로 활용할 계획이니 다음과 같이 install 해주시기 바랍니다. hifirebase 디렉토리로 이동한 후 다음 코드를 실행해주세요. npm install express --save firebase콘솔에서 authentication메뉴를 선택하고 다음과 같이 설정하고 저장해주세요. 아래 코드를 복붙 해주세요. 개인키 입력하는 것은 저번 시간과 같이 진행해주세요. 모르신다면 전 시간 글 하단부.. Firebase 사용법 : 기본 환경설정 Firebase 사용법 그중에서도 가장 기초가 되는 기본 환경설정을 해보도록 하겠습니다. 해당 튜토리얼은 firebase, nodejs를 활용해서 friebase의 authentication, firestore, hosting 등 서비스를 이용해보는 것이 목적입니다. 다운로드부터 시작할 것이니 이미 환경 세팅이 되셨다면 맨 아래 데이터 베이스와 통신하는 쪽으로 넘어가셔도 됩니다 ^^ 환경 : nodejs, firebase 추가적으로 ide는 visual studio code node js 에서 firebase를 사용하려면 node js를 먼저 다운로드해야겠죠 ㅎㅎ node js는 javascript 기반 서버 사이드 플래폼입니다. 쉽게 말하면 클라이언트가 node js서버에 요청하면 웹페이지 코드를 보내.. 이전 1 ··· 44 45 46 47 다음
