본문 바로가기

firebase4

미니 프로젝트_Day 4 하루 요약오늘은 본캠프 4일차!! 내일이면 드디어 미니 프로젝트의 최종 발표다..프로젝트를 진행하는 동안 Github, HTML, CSS, Javascript.... 그리고 협업을 제대로 경험할 수 있었던 것 같다!우리가 계획했던 것보다 더 멋진 결과물로 나온 것 같아서 뿌듯했다.오늘은 두 가지 에러를 해결했는데,첫 번째로 해결한 에러는 openAPI를 이용해서 날씨 예보를 불러오지 못하는 점을 해결했다.Mixed Content: The page at 'https://hajoo0322.github.io/1week-project/' was loaded over HTTPS, but requested an insecure resource 'http://apis.data.go.kr/1360000/VilageFc.. 2024. 11. 8.

미니 프로젝트_Day 3 하루 요약본캠프 3일 차!!! 미니 프로젝트가 거의 완성이 되었다 😎😎😎😎😎 뭔가 많은 기능들을 구현했고 페이지를 추가했더니 시간이 아주 빨리 흘러간 하루였다!!제일 먼저 추가한 기능은 로그인 성공 알림과 함께 메인 페이지로 이동하는 기능이었다.alert('로그인되셨습니다!');window.location.href = "main.html";단 두줄만 추가했는데 기능이 완벽하게 돌아갔다 😮😮 그다음은 가장 중요했던 개인 페이지를 만들었다!!팀원분들이 만들어준 뼈대에 나의 내용들로 채우면 됐는데 하나하나 채우다 보니 꾸미는 것에 욕심이 생겨서 사진도 넣고 색깔도 이쁘게 바꾸게 되었다. Welcome, everyone! .FirstBox { background-ima.. 2024. 11. 7.

미니 프로젝트_Day 2 하루 요약오늘은 본캠프 2일 차... 어제 진행하던 프로젝트를 계속 진행하였다.내가 담당했던 멤버 카드, 방명록 파트를 오전에 다 해결하고 팀원분과 메인 페이지를 합쳤다!!팀원분이 작성한 코드와 내가 작성한 코드를 모두 합친 후, 나는 현재 시간과 방명록을 데이터베이스와 연결하는 부분을 추가적으로 담당하기로 했다.점심을 맛있게 먹고 난 후, 현재 시간을 나타내주는 Javascript 코드를 작성하고 페이지에 문제없이 표시되는 것을 확인할 수 있었다. // 시간 불러오는 기능function updateTime() { const timeElement = document.getElementById("time"); const now = new Date(); // 시간을 형식에 맞게 가져오기.. 2024. 11. 5.

웹 개발 종합_5주차 웹 개발 5주차에 배운 내용스파르타플릭스스파르타플릭스 프로젝트를 이용해서 데이터를 Firestore Database에 넣고 다시 가져오는 내용을 복습했다 🤨🤨 Firebase 연동 기본 세팅먼저 Firebase 연동을 위한 기본 세팅 코드를 입력해주었다!// Firebase SDK 라이브러리 가져오기import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js";import { getFirestore } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";import { collection, addDoc } from "https:/.. 2024. 11. 1.

이전 1 다음

티스토리툴바