728x90 전체 글100 Gmail, Google Cloud Pub/Sub 연동하기 (node.js) Gmail watch 사용해서 Pub/Sub 연동하기 node.js현재 진행 중인 서버 프로젝트에서 새로운 메일 수신을 감지하기 위한 모니터링 시스템을 구성하려고 한다. gmail의 watch를 사용하면 메일함의 변경사항을 실시간으로 감지할 수 있다.감지된 이메일은 google cloud pub/sub 토픽으로 전송되고 서버에서 알림을 받을 수 있다! 전혀 복잡할게 없는 구성이라 개발은 어렵지 않을 것으로 예상했다.역시 예상은 실전과 다르고요 유저 인증 요청은 쉽게 할 수 있는편!구글 로그인과 거~~~~의 똑같다! 토큰들만 받으면 되니까여~~~ 하지만 항상 권한 설정에서 시간을 좀 잡아먹었다 우선 gmail watch 권한부터!gmail-api-push@system.gserviceaccount.com이 .. 2025. 2. 21. 맥북 와이파이 연결은 됐는데 인터넷은 안될때 ( 특정 와이파이만 안되는 경우) 이걸로 오늘 거의 두시간 날림🥹도서관에서 강의를 듣고 있었는데 갑자기 인터넷이 안되는 것임음 공용인터넷이니까 그럴 수 있다고 생각했음근데 다른 사람들은 굉장히 평온하게 인터넷을 잘 사용하는듯 보이네...?혹시나해서 아이패드이랑 아이폰 확인해보니 얘네는 아~~~주 잘되는 어이없는 경우가 발생급하게 테더링을 진행함 테더링은 또 됨..환장 요상하다….인터넷에 쳐봄나같은 사람이 있었음https://artsynyc.tistory.com/entry/testarticle [맥북 와이파이 문제] Mac에서만 와이파이(WiFi) 연결이 안될 때 해결 방법맥북 와이파이 문제를 겪었던 사람으로서 Macbook에서 와이파이 연결이 안 될 때 해결할 수 있는 방법 몇 가지를 소개하고자 합니다. 다른 사이트나 블로그 들에도 .. 2025. 2. 15. Netlify 환경변수(.env) 설정하기 배포는 에러없이 잘 됐는데 화면이 안보이길래 콘솔을 확인해보니Installations: Missing App configuration value: "projectId" (installations/missing-app-config-values).환경변수 에러가 낫구나당연함~~ .env파일은 git에 안 올렸으니까..이렇게 테스트 서버가 중요하다!!!테스트 서버가 있었으면 바로 알았을텐데~~~~그리고 빌드하기전에 환경변수 확인하는 습관가지기 netlify에서 환경변수 넣는건 너무 쉽다 Site configuration - environment variables 환경변수별로 하나씩 넣거나 여러개 한 번에 넣을 수 있음!import file로 환경변수가 많아서 여러개 한 번에 넣음환경변수명=값 형식으로 넣어주면.. 2025. 2. 14. 스크롤 이벤트 최적화 하기 : 쓰로틀링(Throttling), Intersection Observer 구동방식 스크롤 이벤트 개선해보자!!거의 3년전에 만든 사이트라 문제점이 아주 많다! 현재 문제는 스크롤이 이동할때마다 함수를 호출하고 있어 호출이 수백, 수천번이 일어난다단지 세번 스크롤을 내린것 뿐인데…지금이야 간단한 로직으로 스크롤이벤트를 구성하고 있으니 괜찮았지만조금이라도 계산하는 로직을 넣는 순간 굉장히 버벅거릴 것그럼 어떻게 최적화를 하느냐 대표적인 이벤트 최적화 방식인 쓰로틀링(Throttling)과 디바운싱(Debouncing)현재는 스크롤이벤트를 처리하고 있으므로이벤트가 끝나고 실행되는 디바운싱보다는 일정 간격으로 호출을 제한하는 쓰로틀링이 더 적합하다 쓰로틀링 구현은 매우쉽다!lodash를 사용하지 않는다면 간단한 프로젝트에서는 자바스크립트로 구현하는 것을 추천lodash가 은근 사이즈가 크다 .. 2025. 2. 13. 서버만들긴 애매하고 하드코딩은 하기싫고 json도 만들기 싫다면!? Firestore Database사용하기 기존 포트폴리오 사이트는 하드코딩으로 되어 있어 오타라도 있으면 무조건 배포를 다시해야했음물론 배포자동화가 연결되어 있지만 그래도 귀찮은 건 귀찮은 것임혹시라도 배포가 안된다면!!! 기존에 사용하던 서버에 그냥 api 추가하면 되긴하지만,,,뭔가 이것저것 믹스되는게 싫어서 방법을 찾아봄 번역파일 만들었던 것 처럼 json 파일을 만들까싶기도했지만하드코딩만 안하는거지...빌드는 해야해서 패스 ChatGpt에게 물어보니 명쾌한 답을 줌 크게 Headless CMS와 Firestore Database를 사용할 수 있는 것으로 보였다.둘 중에서 뭘 쓸까 찾아보니 Headless CMS는 ui가 있어서 좀 더 손쉽게 추가 수정 삭제가 가능한 것으로 보였다.이런게 있었다니..!해당 부분은 나중에 기획자나 마케터.. 2025. 2. 7. node.js, express 초기 개발 환경설정 프론트엔드 개발이 위주긴하지만 간단한 서버를 만들일이 종종 생기는 것 같다. 매번 설치 하나하나 설치해주기도 귀찮아서 간단한 틀만 들어두기!라우터 연결까지 해두면 해당 프로젝트만 받아서 쓰면 될 듯 하다 node 버전은 가장 최신인 v23.7.0 이전 프로젝트들에서는 nodemon과 ts-node를 같이 사용했는데이번프로젝트부터는 tsx사용! 설치도 하나만 해도 되고 esbuild기반으로 속도도 빠른 편이라고 하니 쓰지 않을 이유가 없음!npm trend에서도 nodemon과의격차가 점차 줄고 있는 걸로 보아 괜찮을 듯 하다 컴파일&빌드 환경설정package.json "scripts": { "dev": "tsx watch app.ts", "start": "node dist/app.js", .. 2025. 2. 4. 이전 1 2 3 4 5 6 7 ··· 17 다음 728x90 반응형
