전체 글 (76) 썸네일형 리스트형 [TIL]2일차 발생한 문제가 무엇인지? Firestore에 데이터를 추가하는 함수를 쓰려고 찾아보았다. 여태 async function을 쓸 때는 항상 await가 필요한 줄 알았는데 오늘 확실하게 정리해보려고 한다. async 함수를 선언할 때 await를 사용하지 않아도 상관없지만, 보통 async 함수를 사용하는 상황에서는 비동기 작업을 수행하고 그 결과를 기다리기 위해 await를 함께 사용하는 것이 일반적이라고 한다. async만 사용하는 경우 async 함수는 함수 내에서 await를 사용할 수 있게 해준다. 그러나 await를 사용하지 않아도 일반적인 함수처럼 동작한다. 이 경우에는 함수가 항상 Promise를 반환하게 된다. async function exAsync() { console.log("with.. [TIL] 1일차 🐣 배운 것 정리 오늘은 git과 github에 대해 배웠다. git을 깔고서 vscode에서 terminal를 이용하면 내 코드를 올릴 수가 있는데, 간단하고 편하게 코드를 이용해서 올릴 수가 있다. 나는 윈도우를 사용해서 vscode를 쓰고 있어서 꼭 터미널을 키면 + 버튼을 눌러 git bash로 먼저 바꿔주고 나서 입력해야한다. pwd print working directory 로 현재 내가 작업하는 폴더를 보여준다. 경로확인이 된다. ls & ls -a ls는 list를 말하고, ls -a 는 list all 의 약자로 숨겨져 있는 파일도 다 보여달라는 요청이다. cd change directory의 명령으로 내가 원하는 폴더로의 이동을 시켜준다. 참고로 cd .. Firebase collection의 문서의 데이터를 가져와 사용하기 // Firebase firestore에서 're-movies' 컬렉션의 모든 문서를 가져오기 let docs = await getDocs(collection(db, 're-movies')); // 가져온 문서들을 반복하여 각 문서의 데이터를 사용하여 카드 생성 docs.forEach((doc) => { // 현재 반복 중인 문서의 데이터를 가져와서 'row'변수에 할당 let row = doc.data(); // 현재 문서에서 필요한 데이터를 추출 let image = row['image']; let title = row['title']; let star = row['star']; let comment = row['comment']; // 동적으로 생성된 HTML 카드 탬플릿 let temp_html .. 이전 1 ··· 16 17 18 19 20 21 22 ··· 26 다음