분류 전체보기 74

2023.12.27 TIL(1) #Firebase에 데이터 저장하기

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

TIL 2023.12.27

2023.12.26 TIL(2) #Fetch #Fetch와if문

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 값..

TIL 2023.12.26

2023.12.26 TIL(1) #함수실행하기 #사고의흐름대로

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

TIL 2023.12.26

2023.12.22 TIL

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

TIL 2023.12.22