JavaScript3 A to Z 웹기초 Firebase 사용 1. 설정글에서 스크립트 태그에 타입을 모듈로 설정하라했는데 모듈로 하면 스크립트가 젤 마지막에 실행되고 onclick같은건 아예 안되고 click이라는거를 사용해야한다. 각 태그들에 id값을 설정하고 $("#id값).click(async function () {} ) 이거로 해야한다. 2. 이 코드를 보면 html의 button 태그 아이디가 postingbtn인걸 선택하고 이 버튼을 눌렀을때 밑에 코드가 실행되는거다. 코드를 해석해보면 doc이라는 변수에 딕셔너리 정보가 있고, 그 밑에줄 코드보면 firebase에 albums라는 컬렉션이 없으면 생성후 거기에 doc딕셔너리 정보를 저장한다는 뜻이다. 기록하기 3. 어떤 태그들의 값을 받아온거를 저장하려할때 let image = $('#image')... 2023. 10. 10. A to Z 웹기초 Firebase설정 firebase홈피에서 데이베이스 생성후 규칙에서 이부분을 true로 바꿔준다. 이후 html코드창에서 에 로 바꿔준다. 그리고 안에 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... 2023. 10. 10. A to Z 웹기초 JavaScript 정리-1 1. margin은 바깥 여백을, padding은 내 안쪽 여백을! ex) padding: 30px 0px 10px 0px; 사각형 모양의 이미지가 있는경우,패딩 옆 숫자 4개는 차례대로 12-3-6-9시 안쪽 여백 을 설정함 2. box-shadow: 0px 0px 3px 0px blue; =>그림자 효과를 주는것이고 숫자 4개는 차례대로 12시부터 시계방향에 마지막 blue는 그림자 색상 설정 (1,2번은 css 헷갈렸던 내용) 3.자바스크립은 변수앞 자료형을 예전 var로 한다 들은듯한데 let으로 적기도한다. ex) let fruits='apple' 4.자바스크립트의 forEach문 -> ex) 리스트변수 fruits일때 fruits.forEach( (i) => { console.log(i) } .. 2023. 10. 6. 이전 1 다음
