일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- miniconda
- metamask
- threejs
- React
- git
- exceljs
- polygon
- nginx
- 회고
- Remix
- 블록체인
- Kaikas
- netfunnel
- NextJS
- Ai
- Python
- 발행
- chatGPT
- 공연티켓
- 배포
- PM2
- node
- nft
- jquery
- Laravel
- pagination
- nodejs
- 라라벨
- CSS
- Setting
- Today
- Total
목록전체 글 (126)
박주니 개발 정리
요즘 인공지능 활용한 사례 관련해서 유튜브에 검색을 하다보니 ai 기술을 활용해서 동영상을 만화로 만드는 쇼츠를 보고 직접 시도해봤습니다. 영상에서는 어떻게 올리는 지는 나와있지 않아서 직접 만들어보니 이유는 만드는 것이 매우 간단하기 때문입니다. 먼저 chatGPT를 통해서 runway 사이트에서 만화로 만들려고하는 데 어떻게 해야하는 지 질문을 해봤습니다. 특이사항) 2번에서 dall-e 2 - Cartoonify 모델을 선택하라고 했는데 따로 보이지 않아서 chatGPT에 다시 물어보니 runwayml에 접속해서 clip draw 모델을 선택하라는 답변을 받았습니다. 그래서 다시 진행을 했지만 clip draw가 안보여서 다시 chatGPT한테 물어보니 결국에는 제가 원하는 runway에서 cart..
설명 이유) nginx에서 sites-available, sites-enabled 설정을 다하고 sudo systemctl restart nginx 진행할 때 제대로 설정한 거 같은데 원인을 잘몰라서 초기화하고 다시 시도하는 불필요한 상황이 연출될 때가 종종 있었습니다. 그런데 어디가 잘못되었는 지 확인하는 과정을 알게 되어 공유하게 되었습니다. sudo systemctl restart nginx 진행 시 Failed to start A high performance web server and a reverse proxy server. 가 발생할 경우 journalctl -xe 명령어를 입력하셔서 발생되는 부분을 찾으시면 됩니다. tip) 해당 명령어를 입력하시면 너무 긴코드가 나와서 어디서 잘못되었는 ..
설명 이유) 프로젝트 셋팅을 다하고 몇개월동안 잘 사용하다가 평소와 같이 vagrant 접속해서 진행하는 와중에 로컬상에 에러가 발생이 되었고 재부팅해도 동일한 문제가 발생되는 것을 보고 처리 과정에서 불필요했던 부분을 수정하고 다음에는 이런 일이 발생했을 경우 시간을 줄이고자 정리하게 되었습니다. 1. 데이터를 못가지고 오거나 에러가 발생할 경우 먼저 sql 들어가서 정상적으로 connect가 되는 지 확인합니다. 에러 문구) access denined for user 'root'@'192.168.56.1'(using password: YES) 추가 설명) MySQL에 연결할 때 발생하는 access denied 오류는 보통 MySQL 사용자 계정의 권한 문제로 인해 발생합니다. 해당 오류 메시지를 보..
설명 이유) quill editor을 적용을 했을 때 nextjs에 적용할 때에는 css 추가 작업한 것 없이 정상적으로 작동되는 것을 볼 수 있었으나 react에 적용할 때에는 특히 이미지를 링크 걸때 이벤트가 발생되더라도 깨짐현상 또는 나타나지 않는 현상을 확인하게 되었습니다. 그래서 해결 방법을 공유하고자 정리하게 되었습니다. 먼저 발생하는 원인을 파악해야합니다. 이미지 드래그하고 링크를 클릭한 후에 나오는 모달을 개발자 도구를 통해서 확인합니다. 지금 형광펜으로 체크한 부분을 선택해서 styles를 보시면 마우스 스크롤을 움직일 때 해당 모달이 스크롤에 영향을 받아서 움직이는 것을 볼 수 있고 margin-top도 변경되는 것을 볼 수 있습니다. 1. QuillEditor.css를 만들어서 mar..
설명 이유) nft 트랜잭션을 진행할 때 간혹 pending 상태를 마주할 때가 있습니다. 그래서 그 상태를 무시하고 다시 트랜잭션을 시도할 때 그 시도한 것도 pending으로 되는 것을 볼 수 있는데 빠른 방법으로 바로 다시 시도할 수 있는 방법을 알게 되었고 nft 테스트를 할 때는 유용하다고 생각하여 정리하게 되었습니다. 메타마스크 지원팀도 해당 에러를 이 방식으로 해결하라고 추천했습니다. 1. 메타마스크에서 내 계정을 클릭합니다. 그리고 설정을 클릭합니다. 2. 설정을 클릭합니다. 3. 계정 재설정을 클릭합니다. tip) pending 무시하고 계속 진행할 때 실패 이력도 블록체인에 기록되기 때문에 nonce가 충돌될 수 있기 때문에 최대한 계정 재설정을 선택을 하거나 트랜잭션을 제대로 성공 또..
적절한 polygon gas 설정을 하기 위해서는 먼저 polygon 네트워크의 현재 가스 가격과 블록당 평균 가스 사용량 등의 정보를 확인할 수 있어야합니다. polygon gas 비용 확인 1. polygonscan을 검색해서 접속합니다. https://polygonscan.com/ Polygon (MATIC) Blockchain Explorer PolygonScan allows you to explore and search the Polygon blockchain for transactions, addresses, tokens, prices and other activities taking place on Polygon (MATIC) polygonscan.com 2. 해당 사이트 header에서 M..
https://sketch.metademolab.com/ Animated Drawings sketch.metademolab.com 1. 종이에 간단하게 서있는 캐릭터를 그립니다. (움직임을 줄 때 체크하기 편합니다) 저는 인스타에서 animated drawings 활용을 보고 바로 회사에서 잠깐 휴식시간에 30초안에 대충 그린 캐릭터입니다. 그냥 아무 낙서 서있는 모습 그리시고 테스트하면 마음이 편해집니다. 2. 해당 사이트 들어가셔서 get started를 클릭합니다. 3. upload photo 버튼을 클릭합니다. 3-1. 종이에 간단하게 서있는 캐릭터 캡쳐한 것을 선택해서 올립니다. 4. agree 버튼을 클릭합니다. 5. finding the character에 이미지 영역 지정을 참고하셔서 해당..
사용 이유) nft 마켓을 운영하게 될 때 1차 판매 관리자가 사용자에게 판매해서 owner address가 사용자로 지정이 되었고 그 사용자가 nft 자체 마켓이 아닌곳 예를 들어서 opensea에서 회원이 아닌 다른 사용자에게 nft 판매했을때에는 기록을 따로 관리하거나 삭제를 해야하기때문에 그것을 체크하고 관리하기 위해서 구현하게 되었습니다. 초기 설정) node, pm2 pm2 설정하는 방법은 node-pm2 설정으로 별도 정리해서 올렸습니다. 참고하시면 됩니다. 1. web3를 설치하고 web3를 설정합니다. 추가 설명) endpoint 설정은 infura 적용을 해봤지만 안돼서 quicknode에 받은 url 설정했습니다. const Web3 = require("web3"); const web..