개발로 부자되기 30

차트 레이싱 만들기

아래 링크에서 엑셀데이터를 활용해서 차트랭킹을 만들 수 있다. https://app.flourish.studio/projects Flourish | Data Visualisation & Storytelling Beautiful, easy data visualization and storytelling app.flourish.studio 리스트 중에 bar chart race라는 템플릿이 있는데 이걸 선택해서 데이터를 수정하면 된다. 아래는 샘플데이터이다. 엑셀에다가 아래와 같이 정보를 넣으면 된다. A와 B열에는 코인 이름, 아이콘을 넣으면 되고, 시간순으로 원하는 데이터를 하나씩 넣으면 된다. 데이터를 수집하는게 중요하다. 코인이름 이미지 날짜1 날짜2 날짜3 BTC url 가격1 가격2 가격3 ETH..

coingecko api 코인 가격 가져오기

코인 가격 가져오기 나 같은 경우엔 마켓캡 가져오는게 필요한데 코인게코 api를 활용해서 하나 만들었다. 문서는 아래 문서를 참고하면 좋다. https://www.coingecko.com/en/api/documentation Crypto API Documentation | CoinGecko Power your application with our free & independently sourced crypto data such as live prices, trading volume, exchange volumes, trading pairs, & more. www.coingecko.com 이 데이터를 보면 마켓캡 뿐만 아니라 가격도 나오니 참고해서 만들면 좋다. 다만 코인게코에서 crypto_name으로 ..

nodejs XLSX 라이브러리, 엑셀 라이브러리 사용방법

xlsx 라이브러리는 Excel 파일을 읽고 쓰고 조작할 수 있는 Node.js 모듈이다. js-xlsx 라이브러리 위에 구축되어 있으며, 간단하고 사용하기 쉬운 API를 제공한다. xlsx를 사용하면 다음과 같은 Excel 파일 관련 작업을 수행할 수 있습니다. XLSX, XLSB, XLS, CSV, TXT 등 다양한 형식의 Excel 파일을 읽고 쓰기 Excel 파일에서 셀, 행, 열 및 워크시트와 같은 데이터를 파싱하고 처리하기 Excel 파일에서 데이터를 수정하고 조작하기, 셀, 행, 열 및 워크시트를 추가, 삭제 및 업데이트하기 새로운 Excel 파일 생성 또는 기존 파일에 새로운 데이터 또는 서식 추가하기 Excel 파일에서 공식 및 함수를 사용하기, 공식을 계산하고 평가하기 xlsx 라이브러..

AI가 그려주는 그림들 stable diffusion, replicate

재밌는 사이트를 알게 됐는데, 스케치를 하고 텍스트를 넣으면 그걸 이미지로 만들어준다. 그리고싶은걸 그리고, 텍스트로 그거에 대한 설명을 적어준다. 아래는 내가 그려본 그림이다. AI가 그려주는 그림인데, 결과가 꽤나 재밌다. 이 사이트는 오픈소스로 나와있는데 여기에 내가 원하는 모델을 학습시키면, 약간 비슷한느낌으로만 그림을 만들어낼수도 있을것 같다. 이름을 지으면 야나부 화풍을 만들어볼수있는거 아닌가 싶다. AI가 그린 그림들 어디에 써먹을 수 있을까? https://scribblediffusion.com/ Scribble Diffusion Turn your sketch into a refined image using AI scribblediffusion.com https://replicate.com..

구글 애드센스 next.js 웹페이지에 추가하기

애드센스를 웹페이지에 넣기 위해서는 애드센스에서 발행해주는 스크립트를 에 넣어줘야합니다. 코드에서 head를 찾아보려고 했으나 못찾겠더라고요. next.js에선 스크립트를 로드하는 부분이 따로 있는데, 이걸 활용해서 애드센스 스크립트를 넣어줬습니다. next에서는 약간 다르게 해야합니다. 1. 먼저 next용 script컴포넌트를 만든다. 애드센스 사이트에 들어가서 사이트 등록을 누르면 보여주는 스크립트가 있는데, 여기서 자신의 키 "ca-pub-***"이걸 복사해놓습니다. 그다음에 아래 코드에 자신의 data-ad-client만 붙여넣습니다. { console.error('Script failed to load', e) }} src="https://pagead2.googlesyndication.com/..

GPT로 만든 영어 포춘쿠키, 오늘의 운세 100개 리스트

옛날에 미국 실리콘밸리 팔로알토 (palo alto) 출장 간적이 있었습니다. 대표님이 미국 중국집을 데려갔는데요, 식사를 다하면 포춘쿠키를 주더라고요. 대표님이랑 팀원이랑 같이 그 포춘쿠키를 까면서 우리 회사가 잘될꺼같다. 이런 이야기 했던 추억이 생각납니다. 대표님은 그 포춘쿠키가 좋아서인지, 중국집이 좋아서인지 제가 출장가있는동안 3-4번은 중국집을 간것 같네요. 미국이라고 다른 음식을 기대했는데말이죠. 그럼에도 맛있었고, 좋은 기억으로 있습니다. 아무튼.. ㅋㅋ 포춘 쿠키는 미국에서 시작된 전통 디저트로 중국 식당에서 식사 후 달콤한 간식으로 자주 제공됩니다. 쿠키는 바삭하고 달콤하며 일반적으로 밀가루, 설탕, 바닐라의 간단한 반죽으로 만들어집니다. 포춘 쿠키를 독특하게 만드는 것은 각 쿠키 안에..

디스코드 시간 표시 명령어 <t:유닉스타임:포맷>

디스코드에서 외국인들하고 시간을 맞춰 채팅해야할때가 종종 있습니다. 나라마다 시간이 다르다 보니 시간 맞추기가 어려울 때가 있습니다. 디스코드에는 시간표시 명령어가 있는데, 를 통해서 각자 나라 시간에 맞게 보여줄 수 있습니다. 예를 들어, 13일 오후 3시로 시간 공유를 하고 싶은 경우가 있습니다. 이 때, 아래 디스코드 시간 변환기 사이트에서 원하는 시간을 입력하고 면 유닉스 타임이 나오는데요. 아래에 표현하고 싶은 시간을 클릭하면 복사가됩니다. 이것을 디스코드에 입력하면 사용자 시간에 맞게 표현됩니다. 아래 사이트에 들어가면 손쉽게 시간을 변경해서 표시할 수 있습니다. 시간을 입력한 후, 카피 아이콘을 클릭해주면 됩니다. https://ynbtool.vercel.app/

서비스 개발, 롤모델을 찾다

https://puzizig.com/ 주식정보, 로또정보, 다양한 정보, 유용한 프로그램을 제공합니다. 뿌지직 주식, 로또 등 다양한 프로그램들과 정보글를 제공합니다. puzizig.com 다양한 프로그램을 제공하는 웹페이지입니다. 한페이지로 만들만한 웹페이지들인데, 이걸 모아놨고요. 여기에다 광고를 달아놨습니다. 애드센스 수익을 계산해보니 1년에 1000만원쯤 이웹페이지로 수익이 나올것 같습니다. 저도 이 웹페이지를 롤모델로 하나 만들어보려고합니다. 보니깐 한달에 68,000회 방문수가 있습니다. 방문할때 페이지도 여러개 보니깐 광고수익도 더 클것으로 보입니다. 이걸 롤모델로 여러가지 만들어보겠습니다. 가즈아.

GPT와 함께 웹페이지 개발하기 실습, 장단점, 결과물

코드 gpt와 함께 개발하고 있는데, 아주 훌륭하다. 어떤식으로 활용하고 있냐면, 내가 작성한 코드에서 추가하고싶거나 바꾸고 싶은 것에 대해 gpt에게 물어보면 gpt가 이렇게 하면 어떻겠냐고 추천해준다. 아. 일단 비쥬얼스튜디오 코드에서 플러그인 형식으로 사용하는게 편한것 같다. 플러그인 형식으로 할 경우, 내 코드를 선택해서, 코드에 적합한 추천코드를 받아볼 수 있다. 내가 물어본 것은 screen size마다 폰트 사이즈를 조정하고 싶다고 말했고, code gpt는 오른쪽처럼 코드를 추천해준다. 코드는 보면 size에 따라 fontSize를 설정해놓은 style을 제공하는 코드였다. 한번 넣어본다. 궁금한게 있을 때마다 검색하는것처럼 gpt에게 물어보면서 하면 된다. 사용하면서 느낀건 한번에 큰것을..

디스코드 시간 표시하기, 시간대 변경, 명령어 (유닉스 unix timestamp 변환)

디스코드에서 사용자에 맞게 시간 보여주기 디스코드에서 다양한 나라 사람들에게 정확한 시간을 알려주기 위한 시간 명령어가 있습니다. 아래처럼 를 쓰면 되는데요, 각자 자기 나라 시간으로 보여주게됩니다. 원하는 시간을 유닉스 시간으로 변환시켜 넣어야합니다. 아래에 유닉스 시간 변환 방법도 추가합니다. 포맷팅에 따라 다르게 보여줄 수 있는데요. 이렇게 하면 시간 차이만 보여줄수도 있습니다. 추가 포맷팅은 아래와 같습니다. t 시간 짧게 T 시간 길게 d 날짜 짧게 D 날짜 길게 f (기본값) 시간/날짜 짧게 F 시간/날짜 길게 R 현재와 차이가 얼마인지 유닉스 시간이란 Unix 시간(POSIX 시간 또는 epoch 시간이라고도 함)은 1970년 1월 1일 00:00:00 UTC 이후 경과된 초 수로 정의되는 ..