달망이 삽질인생

스터디164

Cloudflare Pages Next.js 비추. cloudflare 진짜 좋아하고pages도 진짜 좋아하고 근데 next.js로 풀스택을 지원한단 소리에 화들짝 놀래면서 달려가서 세팅하다가.... API 호출방식이 cloudflare의 전형적인 호출방식에서 못 벗어나는거 보고바로 폐기......... runtime을 기본 nodejs로 지원하지 않고클라우드플레이어(cloudflare, 클플)의 전용 edge runtime을 이용하게 되는데이게 기능이 매우.... 단순해서단순 웹페이지 개발은 좋은데조금만 복잡한 기능들어가면 바로 동작안해버림. 클플에서는 edge runtime이 설명이 잘 안되어있고vercel.com으로 가야 잘 되어있음.https://vercel.com/docs/functions/runtimes/edge-runtime Edge R..

Sveltekit에서 tailwindcss와 SVG를 사용할때, 마우스 오버로 색상 쉽게! 바꾸기 sveltekit의 경우 svg 처리가 좀 ....깔끔하게 처리가 안된다 생각했는데이번에 그나마 편한 방법을 찾게되어 글을 쓴다 기존에 하던 작업은 조금 번거로웠고이번에 들.... 번거로운 방법을 소개할까한다. static-adapter로 구동되는 경우는 https://github.com/poppa/sveltekit-svg이 패키지를 사용하면 되고, ssr를 사용하는 adapter의 경우는..... 제가 설명드리는 방법이 그나마 편했습니다. svg 예제 이미지 svg 예제 코드 내부 티스토리에서 svg파일을 첨부하면 이미지로 변경되서, 파일 제공이 안되니.. 텍스트를 복사해다가 써보세요 사전 지식SVG의 진한 벡터 선들은 로 되어 있습니다.그래서 그 선들을 tail..

cloudflare worker + kv namespace + env + dev + deploy cloudflare는 다 좋은데 가이드 문서가 뒤죽박죽이거나 심지어 동작하지 않을 때가 많습니다. 그래도 이곳저곳 뒤져보면 언제나 해결책이 보입니다 ㅜㅜㅋ 제가 하려던 목표는 다음과 같습니다. 1. 워커 구동하기 - 워커는 클라우드 환경에서 구동되는 서버리스 함수로 생각하시면 편합니다. (백엔드는 아님) 2. 워커에서 kv 사용하기 - kv는 key-value의 약어로, 클라우드 환경에서 사용하는 key-value로 저장되는 저장소를 의미합니다. - kv예제가 대부분 fetch 형태로 api 만들때만 사용하다보니 worker랑 합치는 예제가 적었습니다. 3. 환경설정으로 로컬 구동, 개발 서버 구동, 프로덕션 서버 구동 - 한마디로, 개발환경에 따라서 변수 분리하기 사전 세팅 1. CLI 설치 cloud..

게임디비 (Steam, IGDB) steam api - 약 18만개 - 스팀에 등록된 게임 (대략 PC게임) - api 호출 가이드는 좋지만, 제대로 동작안하는게 많음. - 가끔은 팀포트리스 문서에 steam api가 더 잘 나와 있음 (https://wiki.teamfortress.com/wiki/User:RJackson/StorefrontAPI) igdb api https://api-docs.igdb.com/#genre - 약 50만개 - 게임 플랫폼을 따지지 않음. - PC분야만 17만개. - api 방식이 좀 특이하지만, 정말 잘되어 있고 빠른편. igdb의 플랫폼 idname 3Linux 4Nintendo 64 5Wii 6PC (Microsoft Windows) 7PlayStation 8PlayStation 2 9PlayStat..

nodejs tor proxy 1. tor 브라우저까지 깔 필욘 없지만 테스트를 위해서 깔아도 좋음. 2. "$brew install tor" 명령어로 tor 설치 3. 터미널에서 "$tor" 명령어 실행해서 tor 실행하기.또는 서비스로 실행도 가능 "$brew services start tor" 4. "$sudo lsof -i :9050" 명령어로 가동중인지 확인 프로세스 죽일려면 PID를 이용해서 "$sudo kill -9 ${PID}" 하면됨. (이런식임 "$sudo kill -9 14223") 5. npm 패키지 설치$npm i axios$npm i socks-proxy-agent 6. importimport axios from 'axios'; import { SocksProxyAgent } from 'socks-proxy-..

아임웹 심플 리캡챠(simple reCaptcha)-매크로방지,로봇방지,보안문 지원하기 안녕하세요 달망이 입니다. 외주를 작업하다가 고객사에서 간단한 리캡챠(로봇방지)를 지원해달라고 하셔서 만든 결과를 공유해봅니다. 도입이유 악성 사용자가 매크로를 이용해서, 지속적으로 CS팀을 귀찮게 하기 위해서 견적문의를 끊임없이 한다고 했습니다. 이런 악성사용자를 거르지 않으면 CS팀은 매번 악성사용자의 견적을 끝까지 읽어야해서 시간낭비를 하게됩니다. 심지어 아임웹 기능에서 견적신청후에 SMS기능까지 연결해놨다면, 문자비용까지 소모되는 상황이 생깁니다. 아임웹에서는 견적문의 기능을 지원하지만, 기본적인 매크로 입력이나, 보안문자를 제공하지 않아서 임베드 코드로 직접 구현해야했습니다... 상황 아임웹 서버측 코드까지 바꿀 순 없으니, 구글의 로봇방지 기술인 reCaptcha v2, v3를 지원할 순 없었..

유튜브 썸네일 가져오기 유튜브가 API를 직접 제공해주고 있지만 캐시서버에 저장해놓은 것들은 API 없이도 접근할 수있게 해두었습니다. 그래서 썸네일도 비디오ID만 알고 있다면 바로 썸네일을 가져올 수 있습니다. 아래 처럼 유튜브 라이브 영상 주소가 있다면 https://www.youtube.com/watch?v=PFzq9xFRAnM v 값이 videoId, PFzq9xFRAnM 입니다. 이걸 가지고 여러 썸네일을 뽑을 수 있습니다. 1. 저화질(120x90px), 위 아래 여백 있음 https://img.youtube.com/vi/{videoId}/0.jpg 2. 저화질(120x90px), 위 아래 여백 없음 https://img.youtube.com/vi/{videoId}/default.jpg 3. 중화질(320x180px..

내가 참여했던 정부과제 찾기 가끔 내가 어떤 정부과제를 회사에서 했을까? 아니, 참여된걸까? 궁금할땐 NTIS를 찾아가면 됩니다. 이미 과제를 회사에서 진행하게 되다보면, 국가연구원 번호를 드린적이 있을겁니다. 마이페이지로 와서 보면, 이때까지 어떤 과제에 포함되었는지를 볼 수 있어요.

[특수문자] 원문자, 기호, 화살표, 네모 모음. 윈도우에선 당연히 한자로 변환하다가 맥에 오니까 이모지 밑에 있는 특수문자가 너무 많아서 찾기가 귀찮아서 게시글로 올려놓으면 저도 편하고 검색해서 오시는분도 편하지 않을까해서 게시글로 올려놓습니다 ⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾ ❶❷❸❹❺❻❼❽❾❿⓫⓬⓭⓮⓯⓰⓱⓲⓳⓴ ⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇ ①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳㉑㉒㉓㉔㉕㉖㉗㉘㉙㉚㉛㉜㉝㉞㉟㊱㊲㊳㊴㊵㊶㊷㊸㊹㊺㊻㊼㊽㊾㊿！＇，．／：；？＾＿｀｜￣、。·‥…¨〃-―∥＼∼´～ˇ˘˝˚˙¸˛¡¿ː ＂（）［］｛｝‘’“”〔〕〈〉《》「」『』【】＋－＜＝＞±×÷≠≤≥∞∴♂♀∠⊥⌒∂∇≡≒≪≫√∽∝∵∫∬∈∋⊆⊇⊂⊃∪∩∧∨￢⇒⇔∀∃∮∑∏ ♥❥★✡✩☺☻☹☂☃☁☾ ♪♬♫♩♭♯♀♂☥ √✔☑☒✖✠✜ ☚☛☝☟✂✁✃✄ ✍✎✏ ❁❀✺✿✾✽✽✵♠♤ ♞♘♙♟♚♛♕♔♚♜♖♝♗ ✝☨✡☭..

유튜브 채널정보 api - 브랜드 썸네일. 유튜버의 채널에 접속해서 보면, 가장 위에 보이는 썸네일을 브랜드 썸네일이라고 부릅니다. 버추얼 그룹으로 우연히 검색한 곳입니다... 이 브랜드 썸네일은 api로 요청하면 작고 비율도 이상하고 의미없는 여백도 같이 포함해서 전달해줍니다. "image": { "bannerExternalUrl": "https://yt3.googleusercontent.com/SekjIFRlTmSJAUTpQXqNkvFJebvq0GO2NG7mCJ1UDe0xIqBxnQcxmKq9is46EKM64jbEgtTEpPY" } https://yt3.googleusercontent.com/SekjIFRlTmSJAUTpQXqNkvFJebvq0GO2NG7mCJ1UDe0xIqBxnQcxmKq9is46EKM64jbEgtTEpPY 예시. 러브다이아..

이전 1 2 3 4 5 ··· 17 다음

티스토리툴바