9. 데이터 정렬 및 필터링
─── Toy Project/Firebase - FriendlyEats 2024. 10. 11. 10:40 9. 데이터 정렬 및 필터링

Firebase Codelab : 9. 데이터 정렬 및 필터링Firebase github    :  View Source   현재 앱은 레스토랑 목록을 표시하지만 사용자가 필요에 따라 필터링할 수 있는 방법은 없습니다. 이 섹션에서는 Cloud Firestore의 고급 쿼리를 사용하여 필터링을 사용 설정합니다.  로컬에 클론해서 받았던 'friendlyeats-web' 경로에서 vs code 실행.vanilla-js \ scripts \ FriendlyEats.Data.js 열기 function getFilteredRestaurantsFriendlyEats.prototype.getRestaurant = function(id) { var query = firebase.firestore().collec..

8-half. FirendlyEats 소스 분석
─── Toy Project/Firebase - FriendlyEats 2024. 10. 3. 22:04 8-half. FirendlyEats 소스 분석

▶︎ script \ FirendlyEats.js \ FriendlyEats.prototype.data필요한 데이터가 key : value [배열] 형태로 들어있다.앞으로 다른 소스에서 종종 보일 'this.data' 또는 'data'는 이 data가 될 것이며,firebase에 들어가는 'data' 또한 될 것이다.FriendlyEats.prototype.data = { words: [ 'Bar', 'Fire', 'Grill', 'Drive Thru', 'Place', 'Best', 'Spot', 'Prime', 'Eatin' ], cities: [ 'Albuquerque', 'Arlington', 'Atlanta', 'Austin', 'Baltimore', 'Boston..

8. Get() 데이터  (+ source 분석)
─── Toy Project/Firebase - FriendlyEats 2024. 9. 27. 10:30 8. Get() 데이터 (+ source 분석)

Firebase Codelab : 8. Get() 데이터Firebase github    :  View Source    로컬에 클론해서 받았던 'friendlyeats-web' 경로에서 vs code 실행.vanilla-js \ scripts \ FriendlyEats.Data.js 열기  function getRestaurantsFriendlyEats.prototype.getRestaurant = function(id) { return firebase.firestore().collection('restaurants').doc(id).get();};   Terminal - hostingfriendlyeats-web/vanilla-js> $ firebase emulators:start --only ho..

7. Cloud Firestore의 데이터 표시
─── Toy Project/Firebase - FriendlyEats 2024. 9. 26. 15:19 7. Cloud Firestore의 데이터 표시

Firebase Codelab : 7. Cloud Firestore의 데이터 표시Firebase github    :  View Source    로컬에 클론해서 받았던 'friendlyeats-web' 경로에서 vs code 실행.vanilla-js \ scripts \ FriendlyEats.Data.js 열기 function getAllRestaurantsFriendlyEats.prototype.getAllRestaurants = function(renderer) {  var query = firebase.firestore()      .collection('restaurants')      .orderBy('avgRating', 'desc')      .limit(50);  this.getDocu..

image