728x90 반응형 firebase 게시판 만들기(6)-읽기 권한 수정하기 읽기 권한 수정하기 html 게시판과 페이지 이동 css 2023. 6. 24. firebase 게시판 만들기(5)-게시판에 글쓰기 1. 게시판 만들기 html 게시판과 페이지 이동 번호 제목 작성자 작성일 조회수 1 2 3 4 css /********************** pagination *********************/ .pagination { margin-top: 2.5em; justify-content: center; } .page-item.active .page-link { background-color: rgb(194, 197, 229); border: 1px solid rgb(201, 201, 201); } /**********************list-wrapper *********************/ .list-wrapper { } .list-wrapper table > thead > tr > :.. 2023. 6. 23. firebase 게시판 만들기(4)-구글로그인 만들기 1. 로그인 버튼 만들기 Login LogOut /******************************* 글로벌 설정 ********************************/ var auth = firebase.auth();//firebase의 auth(인증)모듈을 불러온다. var googleAuth = new firebase.auth.GoogleAuthProvider(); //구글로그인 모듈을 불러온다. /******************************* 사용자 함수 *******************************/ /******************************* 이벤트 등록 ******************************/ $('.bt-login').click.. 2023. 6. 23. firebase 게시판 만들기(3)-리얼타임 데이터 베이스 설정하기 1. 데이터베이스 룰스 설정하기 사용자가 있거나 작성자가 있으면 2. 리얼타임 데이터베이스 설정 2023. 6. 22. firebase 게시판 만들기(2)-라이브 서버 보기 1. index.html 연결하기 1. public 폴더 안의 index.html과 html 폴더 안의 index.html 연결하기 public 폴더 안의 index.html 안의 코드 html 폴더 안의 index.html 안의 코드 2. 터미널 입력 firebase serve → firevase 오류가 브라우저 콘솔창에서 사라진다. firebase serve 가 실행되지 않고 vsc의 라이브 서버 익스텐션을 사용할 경우, firebase의 스크립트들이 불러와지지 않는다. 2023. 6. 21. firebase 게시판 만들기(1)-설치 1. 폴더 생성 2. firebase 프로젝트 생성 3. firebase authentication(인증) 설정 로그인 제공업체 설정 도메인 설정 4. git repository 연결하기 git init git add remote origin https://github.com/깃허브사용자아이디/레포지터리이름.git5. firebase 설정 5. firebase 설정 1. realtime database 설정 2. Storage 설정 - 시작하기 - cloud storage 보안 규칙 설정 - cloud storage 위치 설정 asia-southeast3 -Storage 설정 완료 6. firebase init 1. 터미널에 firebase init 입력 2. firebase ... === Project.. 2023. 6. 20. firebase(vsc에서 firebase에 배포하기) 1. 터미널에 파이어베이스 설치 코드 입력하기 sudo npm install -g firebase-tools(window에서는 sudo필요 없음) 2. 파이어베이스 로그인 후 프로젝트 추가 firebase login 프로젝트 이름은 바꿀 수 없음 3. firebase init 터미널에 firebase init 입력 firebase 하위 설정에서 호스팅 선택 (깃허브는 선택하지 않는다) 방향키로 누른 다음 스페이스로 선택하고 엔터 4. firebase deploy init 후 생성된 public 폴더에 html, css, js, json, img, webfont 폴더 옮긴다. public 안에 따로 생성된 index.html 문서의 firebase 포맷을 지우고 로 바꾼다 저장 후 터미널에 firebase.. 2023. 6. 19. 이전 1 다음 728x90 반응형
