개발이 개발이

구글 realtime database 문서 검색 firebase 문서 > 실시간 데이터베이스 > 관리 > 시작하기 관리자 권한으로 인증 - node.js - 코드 샘플 복사 이 코드들은 프론트엔드에서 사용한 아래의 코드들을 대신하는 것 const firebaseConfig = { apiKey: "AIzaSyCQk_0gmB2f6avo5FcW1J6nF7GlDnt2TOo", authDomain: "test-database100.firebaseapp.com", databaseURL: "https://test-database100-default-rtdb.firebaseio.com", projectId: "test-database100", storageBucket: "test-database100.appspot.c..

Node.js API 발급시 키 값 필요 오픈 API를 만들 수 있게 해주는것이 파이어베이스의 function 역할 카톡/문자 발송을 내 웹사이트에 넣고 싶을때도 카톡 발송 API 를 발급받아서 적용 가능 터미널 사용할 파일 들어가기(cd 파일명) firebase init funtions 스페이스바 엔터 javascript 엔터 엔터 엔터 파일 들어가면 functions폴더와 그 안에 새로운 파일들이 생긴다 비쥬얼스튜디오 파일열기 index.js exports.helloWorld = onRequest((request, response) => { logger.info("Hello logs!", {structuredData: true}); response.send("Hello from Firebase!");..

$(document).ready(()=>{ $("#timeRecord").on("click", ()=>{ let date = new Date(); let message = $("#message").val(); database.ref("msgs/"+date.getTime()).set(message); }); database.ref("msgs").on("value", (snapshot)=>{ // snapshot이라는 매개변수를 통해 값이 들어온다 alert(snapshot); }); }); snapshot안의 값 가져오기 database.ref("msgs").on("value", (snapshot)=>{ snapshot.forEach((child)=>{ // forEach : 안의 내용 실행 // snap..

터미널 원하는 폴더 들어가기(cd 폴더명) firebase init hosting 스페이스바 엔터 creat 파일명 입력(중복 x) public 엔터 엔터 엔터 firebase deploy(업로드)(서버에 파일 전송) Firebase 사용할 폴더 들어가기(생성한 파일명) 빌드 realtime database 데이터베이스 만들기 미국(위치와 가까운쪽) 테스트 모드 사용 설정 프로젝트 개요 앱 추가 웹 버튼 클릭() 웹 등록 앱등록 하기 Firebase 다음 다음 콘솔로 이동 realtime database(여기에 데이터가 저장 될 것) 최종 코드 firebase json 내보내기 { "user": "안녕하세요" } // key: value realtime database는 키, 벨류 구조로 데이터가 저장된..

서버 - 문을 열어놓는 컴퓨터 - 우리가 만든 html 코드를 서버라고 불리는 컴퓨터에 올려놓는 것 - 컴퓨터 어느 폴더에 자기가 만든 html 코드를 담아놓고 그 html 코드를 가져오게끔 언제든지 외부에서도 그 서버에 언제든 접근할 수 있게 문을 열어놓는 것 -> 포트를 열어놓으면 외부에서 그 서버에서 html 코드를 가져와서 사이트를 쓸 수 있는 구조 호스팅 - 컴퓨터 전체를 사용하는 것이 아닌 컴퓨터 안의 딱 하나의 폴더만 사용할 수 있다 - firebase가 구글에서 만든 시스템 - 구글에서 서버실 운영 - 1개의 컴퓨터 중 일부를 빌려서 쓰는것 - 거기다가 내가 만든 html 코드를 올려놓는것 - 파일전송 - 내가 만든 html 코드를 구글에서 운영하고 있는 서버실의 어떤 컴퓨터에 파일전송해서..

src에 적혀있는 주소에 있는 내용과 기능을 불러온다 css id가 ceo인 코드를 클릭시 경고창이 뜬다

: 박스 : 입력창 : 자리 표시자, input안에 default로 입력된다

HTML : 이미지, 입력창, 영역구분 용도 CSS : HTML로 넣은 요소들을 꾸며주는 용도 javascript : 웹사이트를 동작하게 하는 용도 html을 사용할 때 항상 상위에 달아준다 제목 웹사이트에 대한 정보 입력 이 사이트의 언어 정보 여기서, UTF-8은 한글 width=device-width : 넓이 = 디바이스의 넓이에 맞춘다 initial-scale=1.0 : 초기 규모:1.0, 웹페이지가 처음에 아무것도 없이 표시되도록 한다