최데브는 오늘도 프로그래밍을 한다.

먼저 프로젝트에 firebase 관련 파일을 설치해야한다. npm 으로 설치하면 되는데 검색하면 금방 나온다. firebase 관련 설정코드를 먼저 작성해줘야한다. const firebaseConfig = { apiKey: '', authDomain: '', databaseURL: '', projectId: '', storageBucket: '', messagingSenderId: '', appId: '' }; 내용이 다 비워져 있는데 넣어야하는 값들은 파이어베이스 콘솔에서 이미지 처럼 프로젝트 설정을 누르면 모두 적혀있다. 관련 값을 위 코드에 다 넣어주면 된다. 설정을 마쳤다면 이제 코드가 어떤 firebase 를 참조해야할지 알게된 상태가 된다. 설정을 해줬으니 그 설정에 맞는 firebase 객체..

이번 글은 Virtual DOM 에 대해서 기록해보려고 한다. React 나 Vue.js 에서도 쓰이고 있는 Virtual DOM 이라는 단어자체는 많이 들어봤는데 어렴풋이 기억에만 있는 개념을 정리해보고자 한다. 먼저 이것을 알기에 앞서 DOM 이 뭔지부터 되짚어 볼 필요가 있다. 구글에 DOM 을 검색 했을때 가장 먼저 나오는게 뭔지 보자. "DOM 은 동일한 문서를 표현하고, 저장하고, 조작하는 방법을 제공한다. DOM 은 웹 페이지의 객체 지향 표현이며, 자바스크립트와 같은 스크립팅 언어를 이용해 DOM 을 수정할 수 있다" 출처 : developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/%EC%86%8C%EA%B0%9C DOM 소개 - Web ..