이것저것 해보기🌼

에러 로그 Error: Could not find Chrome (ver. 129.0.6668.58). This can occur if either1. you did not perform an installation before running the script (e.g. `npx puppeteer browsers install ${browserType}`) or2. your cache path is incorrectly configured (which is: /workspace/.cache/puppeteer).For (2), check out our guide on configuring puppeteer at https://pptr.dev/guides/configuration. 크롬 브라우저를 찾을 수 ..

현재 진행중인 프로젝트에서는 백엔드에서 구현할 기능 자체가 무거운 편은 아니다.따라서 백엔드를 별도의 Node.js로 만들기 보다는 Firebase Cloud Functions를 이용해 서버리스로 만들고자 한다. 기존 프로젝트 (React) 코드에서 별도로 functions 폴더를 사용해 Firebase Functions 코드를 관리할 것이다.(별도의 git 저장소까지 필요가 없는 간단한 함수 구현 목적이므로) 프로젝트 구조  이미 프론트엔드에서 firebase 인증과 firestore를 사용중이어서 firebase 설정이 되어있는 상태다.이 상태에서 firebase init을 통해 Functions만 추가로 설정할 수 있다. > firebase init> Functions 만 추가 선택 > javasc..

process.env란?Node.js에서 환경변수 접근 방법별도로 무언가를 설치하지 않아도 이용할 수 있다.https://www.daleseo.com/js-node-process-env/ Node.js에서 환경 변수 다루기 (process.env)Engineering Blog by Dale Seowww.daleseo.com  dotenvdotenv는 process.env를 쉽게 관리하기 위한 모듈이다. (매번 node 실행시마다 변수를 일일히 치기 귀찮)https://www.npmjs.com/package/dotenv#%EF%B8%8F-usage dotenvLoads environment variables from .env file. Latest version: 16.4.5, last published:..

웹 크롤링은 조직적, 자동화된 방법으로 월드 와이드 웹을 탐색하는 것을 말한다.내가 개발하는 것은 크롤링보다는 필요한 데이터만 특정 사이트에서 가져오는 것이므로, 웹 스크래핑이 더 적절한 표현이다. 아무튼 모듈에는 다양한 선택지가 있다. - axios + cheerio- selenium- beautifulsoup- scrapy- puppeteer 이중에 파이썬에 최적화된 selenium, beautifulsoup, scrapy는 제외하고node.js로 개발하고 있기 때문에 puppeteer를 사용하기로 했다.puppeteer도 파이썬 크롤링 모듈처럼 다양한 기능을 제공하기 때문에 좋은 선택지가 될 수 있다.크롬 브라우저 DevTools 팀에서 만들었기 때문에 개발자도구를 사용하여 편리한 개발이 가능하다...

Firebase 인증 소개firebase는 인증, 데이터베이스 등 다양한 기능을 제공한다.그 중에서 인증 기능을 활용해 로그인을 쉽게 구현할 수 있다. 구글, 페이스북 등 소셜 로그인도 가능하다.  가이드 보기 : https://firebase.google.com/docs/auth/web/start?hl=ko 웹사이트에서 Firebase 인증 시작하기  |  Firebase AuthenticationGoogle I/O 2023에서 Firebase의 주요 소식을 확인하세요. 자세히 알아보기 의견 보내기 웹사이트에서 Firebase 인증 시작하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분firebase.google.com 다양한 소셜 로그인 기능이 있지만, 당장은 이메일/비밀번호 ..

1. firebase console 접속https://console.firebase.google.com/ 로그인 - Google 계정이메일 또는 휴대전화accounts.google.com 2. 새 프로젝트 추가 및 웹 앱 추가  3. 내 코드에 firebase SDK 추가먼저 firebase를 설치한다.npm i firebase 안내페이지에 나와있는대로, 아래 코드를 복사하여 내 프로젝트 코드에 추가해준다. 나의 경우에는 firebase.js를 만들어서 프로젝트 폴더 최상단에 추가하고,맨 마지막에 해당 app을 아래와 같이 밖에서 쓸수 있게 만들어주었다.export default app;  4. 배포하기나머지 가이드를 따라서 firebase-tools 를 설치하고, npm install -g fireba..