incodevelop

나만의 추억앨범에서 Firebase에서 데이터를 가져와서 카드 붙이기를 하시오. 0. Firebase에서 데이터를 가져오는 뼈대 1. 데이터를 가져와서 2. 카드 붙이기를 하시오. 순으로 해결해 볼 것임! 0. Firebase에서 데이터를 가져오는 뼈대 let docs = await getDocs(collection(db, "albums")); docs.forEach((doc) => { let row = doc.data(); console.log(row); }); 1. 데이터 가져오기 (1) Firebase에서 데이터를 빼와야겠네. 뼈대를 보아하니 docs라는 리스트를 forEach문으로 doc이라는 애 하나하나를 빼서 돌린 거 같긴한데.. 그 하나하나를 row 라고 선언했네 일단 데이터가 어떻게 저장되..

Server - 데이터를 저장하는 곳 데이터 베이스 - 나중에 데이터를 잘 "찾으려고" 잘 적제해 두는 곳 (1) 관계형 데이터베이스 (SQL) - 틀이 정해져 있음 - 자유도가 낮음 => 이미 틀이 정해져 있고 실수가 나면 안되는 데이터 (2) 비 관계형 데이터베이스(NoSQL - Not only SQL) - 정해진 틀이 없음 - 자유도 높음 => 앞으로 바뀔 여지가 많은 데이터 Firebase란? - 구글에서 만든 클라우드 기반의 NoSQL - ( script type=”module” 하는 순간부터 기존 onclick 등의 함수 잘 작동 안됨) - Firestore 기본 세팅코드 // Firebase SDK 라이브러리 가져오기 import { initializeApp } from "https://ww..

Fetch - 데이터를 특정 url에서 가져와서 함수를 실행시키는 도구 - 사용 시 JQuery import 해놓기 - 기본구조 "fetch 연습!" 버튼을 누르면 console 창에 각 지역과 미세먼지 정도를 나열하시오. - url 페이지 (1) fetch 연습! button 에 onclick = "hey()" 함수 지정해주기 (2) 나열? 나열을 하려면 반복문을 써야겠다. array.forEach(element => { }); ㄴ array에 들어갈 리스트를 만들어야 겠다 ㄴ RealtimeCityAir이라는 딕셔너리 안에 > row 라는 리스트 안에 MSRSTE_NM 값과 IDEX_NM 값 let rows = data['RealtimeCityAir'] ['row'] 그 안에서도 MSRSTE_NM 값..

새롭게 배운 내용 함수 실행하기 1. 추억 저장하기 버튼을 누르면 밑에 포스팅박스가 생기고, 없어지게 해보시오. (1) 추억 저장하기 버튼을 누르면 - 함수를 먼저 지정하자! 추억 저장하기 버튼에 onclick = "openclose()" 함수 지정하기 - 그 함수가 무슨 함수인데? 위에 openclose 라는 함수를 정의하는 폼 써놓기 (2) 포스팅박스가 생기고 없어지게 - 어디에 생겼다 없어졌다 할건데? => 명찰 붙여주기 - 함수가 실행되었으면 하는 곳 가리키고, 함수 실행하기 2. 기록하기 버튼을 누르면 밑에 카드가 새로 붙도록 하시오. (1) 기록하기 버튼을 누르면 - 기록하기 버튼에 onclick = "makeCard()" 함수를 먼저 지정해야겠지? - 그 함수가 무슨 함수인데? 위에 make..

새로 배운 것 - 부트스트랩이나 jumbotron에서 코드를 따올 때 우클릭-검사 로 해당 위치 알아낼 수 있다. - jumbotron - tag가 하나밖에 없는 애들은 꼭 class로 명찰 안 붙여줘도 됨 - class 이름에 공백은 허용되지 않는다.(앞에 단어만 class ='' 하면 되더라) - 이미지를 맞춤형으로 하고 싶을 땐 object-fit: cover; - 안에 거를 가운데로 하고 싶을 땐 display~ - 영역 자체를 가운데로 하고 싶을 땐 margin~ Javascript 문법 * list - 순서가 중요함 - 형식: let a = ['사과', '배', '수박'] 위 리스트에서 사과를 꺼내고 싶으면? console.log(a[0]); * dictionary - 형식: let perso..

오늘 드디어 스파르타 코딩클럽 내배캠 부트캠프가 시작되었다. 5개월이라는 짧지 않은 시간동안 잘 따라갈 수 있을지, 잘 수료하고 나면 얼마나 성장할 수 있을지 두려움 반 기대감 반이 드는 오늘이다. 평소에 걱정이 많은 타입인데 커리큘럼 대로 따라가다보니 시간 가는 줄 모르겠어서 걱정할 시간도 없을 것 같다:) 팀원들과 매너있게 양질의 소통을 하며, 성실하게, 남들과 비교하지 않고 주어진 시간에 최선을 다해 임하겠다. 부디 여기까지 온 나의 지난 날들이 그만큼의 가치가 있었으면 좋겠다. 오늘은 1주차 수업을 들었다. html(뼈대), CSS(꾸미기)까지 들었고 2주차에 Javascript(동작하기) 수업이 진행된다고 한다.