안녕하세요~ totally 개발자입니다. Generator (제너레이터) 제너레이터 함수는 일반적인 함수가 끝까지 실행되고 return 되는 것과는 달리, 중간에 실행을 멈추고 그 멈춘 자리에서 다시 실행을 시작할 수 있게 하는 함수를 말합니다. 더 구체적으로 이야기하면 함수를 호출하는 caller에게 함수를 실행을 control하는 것을 yield(양도)하여 함수의 상태를 주고 받을 수 있는 것을 말합니다. 이 제너레이터는 리턴할 때 Generator Object(제너레이터 객체)를 반환하게 되는데 이 객체는 Iterable하면서 Iterator입니다. Iterable은 Array, Map, Set등이 여기 포함되며 (반복 가능한 객체), iterator는 arr[Symbol.iterator]() 이렇..

안녕하세요~ totally 개발자입니다. 오늘은 이미 삽입된 데이터를 업데이트하는 방법에 대해 살펴보도록 하겠습니다. 업데이트 방법은 매우 간단합니다. // Initialize Firebase firebase.initializeApp(firebaseConfig); // 데이터베이스 변수 const database = firebase.database(); // 데이터 불러오기 database.ref("students").update({'age': 17, 'grade': 'B'}); 위처럼 코드 작성해주시면 되며 update 부분에 객체로 변경할 key와 value만 넣어주시면 갱신할 수 있습니다. 위처럼 바로 실시간으로 변경된 모습을 확인할 수 있습니다. [전체 소스 코드] Firebase EXAMPLE ..

안녕하세요~ totally 개발자입니다. 오늘은 Firebase Realtime에 저장된 데이터를 불러오는 방법에 대해 알아보겠습니다. 저번 시간에 이렇게 students 데이터를 하나 Write(저장)했습니다. 이것을 웹사이트에 불러와서 출력해보도록 하겠습니다. 방법은 간단합니다. const database = firebase.database();를 먼저 선언해주고 아래처럼 database.ref를 사용하면 되며 value 값을 가져와서 snapshot에 있는 val()로 객체의 값을 가지고 올 수 있습니다. snapshot은 그 이벤트 시각에 지정된 데이터베이스의 위치에 있는 데이터를 포함하는 것으로서 val() 메소드를 사용해서 데이터를 가지고 올 수 있습니다. database.ref("studen..

안녕하세요~ totally 개발자입니다. Firebase Overview Firebase(파이어베이스)는 2014년 구글이 인수한 후 구글이 운영하고 있는 웹 및 모바일 애플리케이션 개발 플랫폼입니다. 파이어베이스는 NoSQL 형태입니다. 자바스크립트를 이용해서 파이어베이스 데이터베이스를 이용하여 바로 시작해보도록 하겠습니다. 1) 아래 링크에 진입하여 프로젝트를 추가합니다. https://firebase.corp.google.com/ firebase.corp.google.com - Google Single Sign On: Sign into corp You've successfully signed in and will be redirected in 10 seconds You didn't use a Tit..

안녕하세요~ totally 개발자입니다. 오늘은 원격 API를 호출해서 데이터를 불러오고 웹페이지에 표시하는 방법을 알아보도록 하겠습니다. 예전에는 서버 쪽에서 API를 주로 호출했지만 요즘에는 클라이언트 단에서 API를 직접 호출해서 데이터를 다루는 경우가 많아지고 있기 때문에 클라이언트 단에서 직접 API를 호출하고 데이터를 다루는 방법을 이해해야 합니다. 이를 위해, request 등과 같은 라이브러리를 사용하면 되지만 근래에는 브라우저 자체에 존재하는 fetch 함수를 사용하면 간단하고 쉽게 구현할 수 있습니다. fetch 함수는 Promise 객체를 반환하며 이 Promise 객체는 비동기(Asynchronous)를 위해, 미래에 저장되는 값을 위해 사용된다고 보면 됩니다. 이 함수는 2개의 p..

안녕하세요~ totally 개발자입니다. FIND 오늘 다룰 부분은 Find로 데이터를 Collection에서 찾아와서 불러올 때 사용하며 사용법이 간단합니다. find() db.students.find() [ { _id: ObjectId("19d4s761sdas928k8108412"), name: 'Andrew', age: 17 }, { _id: ObjectId("19d4s761sdas928k8108413"), name: 'Brian', age: 18 }, { _id: ObjectId("19d4s761sdas928k8108414"), name: 'Catherine', age: 19 } ] 이렇게 사용하면 students의 모든 데이터를 확인할 수 있습니다. _id 필드도 배제하지 않으면 포함되서 출력됩..