* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

// Firebase 인스턴스 초기화

const app = initializeApp(firebaseConfig);

const db = getFirestore(app);

$("#postingbtn").click(async function () {

let image = $('#image').val();

let title = $('#title').val();

let content = $('#content').val();

let date = $('#date').val();

let doc = {

'image':image,

'title':title,

'content':content,

'date':date

};

await addDoc(collection(db, "albums"), doc);

alert('저장 완료!');

window.location.reload();

})

$("#savebtn").click(async function () {

$('#postingbox').toggle();

})

$(document).ready(function () {

let url = "http://spartacodingclub.shop/sparta_api/seoulair";

fetch(url).then(res => res.json()).then(data => {

let mise = data['RealtimeCityAir']['row'][0]['IDEX_NM']

$('#msg').text(mise)

})

})

function makeCard() {

let image = $('#image').val();

let title = $('#title').val();

let content = $('#content').val();

let date = $('#date').val();

let temp_html = `

<div class="col">

<div class="card h-100">

<img src="${image}"

class="card-img-top" alt="...">

<div class="card-body">

<h5 class="card-title">${title}</h5>

<p class="card-text">${content}</p>

</div>

<div class="card-footer">

<small class="text-body-secondary">${date}</small>

</div>

</div>

</div>`;

$('#card').append(temp_html);

}

</script>

</head>