showdev Unix tree 명령과 같은 트리 구조로 개체를 인쇄하는 라이브러리를 만들었습니다. 저는 현재 트리 구조로 콘솔에 인쇄해야 하는 계층적 데이터가 있는 프로젝트에서 작업하고 있습니다. 처음에는 npm에서 사용할 수 있는지 보자고 생각했습니다. 하지만 npm에 가기 전에 "내가 먼저 해보는 게 어때?"라고 스스로에게 말했습니다. 그래서 작업을 시작했고 작업을 완료했을 때 새벽 2시라는 것을 깨달았습니다 😅. 오늘 저는 npm에 라이브러리를 게시했습니다. 이라고 합니다. 예시: ... showdevopensourcejavascriptnpm 1개, 2개 또는 3개 창 - 자신에게 맞는 레이아웃 선택 단일 창 TUI 파일 탐색기의 단순함을 선호하십니까? 그렇다면 xplr의 기본 레이아웃 이 모든 요구 사항을 충족해야 합니다. 그렇지 않은 경우 다음 플러그인 중 하나 또는 둘 모두를 설치하거나 플러그인에서 영감을 얻어 원하는 레이아웃을 구현하십시오 . 물론 세 가지를 모두 사용할 수 있으며 xplr을 종료하지 않고 다른 레이아웃으로 전환할 수 있습니다. 관련 플러그인은 다음과 같습니다. x... programmingproductivityshowdevopensource 로우코드 백엔드로 REST 엔드포인트 구축 Nucleoid 로우 코드 프레임워크는 제어 흐름을 관리하고 동일한 런타임에서 내장 데이터 저장소에 저장하는 선언적 런타임으로 REST 엔드포인트를 구축하는 데 도움이 됩니다. 기본 선언적 런타임은 매우 동일한 JavaScript 코드를 다시 렌더링하고, 그래프에서 연결을 만들고, 결국 외부 데이터베이스가 필요하지 않도록 JavaScript 상태를 저장합니다. 모든 JavaScript 코드는... lowcodeshowdevnodejavascript BM25를 사용한 클래식 토픽 모델링 이 문서는 AI 기반 시맨틱 검색 플랫폼인 에 대한 자습서 시리즈의 일부입니다. 은 머신 러닝 워크플로를 실행하여 데이터를 변환하고 AI 기반 시맨틱 검색 애플리케이션을 구축합니다. 시맨틱 그래프는 임베딩 인스턴스에 쉽게 통합되어 주제 모델링을 txtai 인덱스에 추가할 수 있습니다. txtai의 모듈식 설계를 고려할 때 BM25와 같은 기존 채점 방법을 그래프와 결합하여 주제 모델을 구축할... pythonmachinelearningshowdevnlp 반응과 함께 tailwindcss를 사용하는 방법 나는 react와 함께 tailwindcss를 사용하는 것을 좋아하지만 때때로 한 줄에 있는 클래스의 양 때문에 길을 잃은 느낌이 듭니다. 이 "문제"를 해결하기 위해 가장 먼저 생각한 것은 이러한 클래스로 개체를 만드는 것이 었습니다. 더 읽기 쉽고 깨끗합니다. 그렇다면 다른 클래스를 관리하거나 병합하는 방법은 무엇입니까? 이를 위해 이러한 클래스를 처리하는 후크를 만들었습니다. 스타일을 ... showdevtailwindcssreactwebdev The Electron Saga 0️⃣: 내 첫 번째 앱 하지만 현재 완료해야 할 다른 프로젝트가 있고 책임 있는 개발자는 다른 모든 작업이 완료되기 전에 하나의 프로젝트를 시작하지 않을 것입니다. 하지만 저는 책임감 있는 개발자가 아니므로 지금 데스크톱 앱을 만들고 있습니다. 작은 것, (내 다른 프로젝트는 이미 나에게 냄새나는 눈을 주고 있습니다 👀). 업무를 위해 매일 사용할 수 있는 앱입니다. 이전에 Typescript에서 할 일 목록에 대... nodeshowdevjavascriptwriting SlackOps: JavaScript를 사용하여 애플리케이션을 Slack 채널에 로그인 여기 에서 우리는 Slack 채널에서 많은 애플리케이션 로그를 관리합니다. 우리는 다음과 같은 것을 알 수 있습니다. 이 모든 것이 우리의 개발 환경, 로컬 및 스테이징에도 있습니다. 여기서 우리는 내부적으로 sendtoSlack 및 @slack/node 라이브러리를 모두 처리하는 @slack/webhook라는 간단한 함수를 만듭니다. 따라서 Slack에서 생성한 웹후크 요청 URL을 가져와... showdevprogrammingtutorialjavascript 바다학 시작하기 은 을 사용하여 GraphQL 리졸버를 빌드하기 위한 GraphQL 프레임워크입니다. 기존 MySQL, Postgres 및 SQLite 데이터베이스에서 바로 컴파일할 수 있는 Rust 프로젝트를 생성할 수 있는 CLI 도구와 함께 제공됩니다. Seaography의 설계 및 구현은 당사의 및 에서 찾을 수 있습니다. Seaography는 SeaORM 위에 구축되기 때문에 SeaORM 프로젝트에... rustgithuntgraphqlshowdev 📸 Kotlin을 사용한 스냅샷 테스트 스냅샷 테스트는 테스트가 처음 실행될 때 테스트 중인 함수의 출력이 파일에 저장되고 스냅샷이 저장되며 이후의 테스트 실행은 함수가 동일한 출력을 생성하는 경우에만 통과하는 테스트 기술입니다. 이것은 에서 매우 인기 있는 것 같지만 우리 백엔드에서도 사용할 수 있습니다! 이 PoC에서는 을 사용하고 에 명시된 대로 수동으로 테스트 기대치를 텍스트 파일로 저장할 때마다 사용합니다 😅 📸 Orig... kotlinshowdevtest 테스트 사례에서 API 문서를 생성하는 데 도움이 되는 도구를 만듭니다. API 문서를 작성하는 것은 내가 싫어하는 일이고 처음부터 OpenAPI 문서를 작성하는 것은 악몽입니다. 일부 자동 API 생성 도구를 확인했는데 주석이나 데코레이터를 추가하여 코드를 수정해야 합니다. 코드를 가능한 한 깨끗하게 유지하고 싶기 때문에 개인적으로 좋아하지 않습니다. 그런 다음 일반적으로 단위 테스트는 API의 모든 사례를 다루기 때문에 단위 테스트를 기반으로 API 문서를 생... showdevnodetoolingproductivity iBooks에서 모든 메모와 하이라이트를 어떻게 수집합니까? 📚 🍏 ibooks-notes-exporter! 🖖 사람들은 메모를 하지 않으면 읽은 내용의 20% 미만을 기억합니다. 그렇기 때문에 책을 읽을 때 메모를 하는 것이 항상 좋은 생각입니다. 나는 읽는 동안 항상 핵심 아이디어를 강조하고 있습니다. 나는 그것을 위해 표준 iBooks 기능을 사용하며 그것은 나에게 잘 작동합니다. 하지만 문제는 그 다음입니다. 방금 읽은 내용을 외워야 할 때 iBooks에서 하이라이트와 메모를 모두 추출할 방법이... osxbooksshowdev 클릭 한 번으로 dev.to 게시물의 "목차"를 만드세요. dev.to의 내 게시물에는 항상 목차가 필요합니다. 지금까지 수동으로 작업했는데 많은 작업이 필요했습니다. 그래서 북마크릿으로 사용할 수 있는 작은 JS 스니펫을 만들었습니다. 북마크릿은 브라우저에서 북마크처럼 보입니다. 하지만 클릭하면 JS 스니펫이 현재 페이지에서 실행됩니다. 다음은 소스 코드입니다. 기사의 모든 h2 및 h3을 살펴보고 내부 링크를 생성하고 이를 마크다운으로 연결합니다... showdevjavascriptproductivitywriting Babylonjs, Azure 및 Frakas를 사용한 멀티플레이어 개념 무료 오픈 소스 도구 및 라이브러리를 사용하여 여러 장치에서 플레이할 수 있는 멀티 플레이어 브라우저 게임을 만들고 결과를 공유합니다. Running Man multiplayer demo game using Typescript 설치 This with compile typescript files, start a backend run time and basic web server to host ... showdevbabylonjswebdevgamedev 지수 백오프로 작업을 재시도하는 golang 라이브러리 다른 타이밍 알고리즘을 사용하여 작업을 재시도하기 위한 작은 라이브러리인 go-again 를 만들었습니다. 기본적으로 지터와 함께 지수 백오프를 사용하여 재시도할 때마다 다양한 지연을 생성합니다. 지수 백오프 및 즉시 사용 가능한 지속적인 지연 지원 기능을 갖춘 간단하고 구성 가능한 이동용 재시도 라이브러리 에서 영감을 받음 . 구성 가능한 지연 계산 알고리즘 즉시 사용 가능한 지수 백오프 ... showdevprogramminggo GitHub가 cronjob 기반 트리거를 일시 중단하지 않도록 방지하는 방법 저장소 비활성으로 인해 GitHub가 cronjob 기반 작업 트리거를 일시 중단하지 않도록 GitHub 작업을 만들었습니다. 이 저장소에는 Uniswap V3 프로토콜의 핵심 스마트 계약이 포함되어 있습니다. 이 코드를 로컬 테스트넷에 배포하려면 npm 패키지를 설치해야 합니다.@uniswap/v3-core에 있는 공장 바이트코드를 가져옵니다.@uniswap/v3-core/artifacts... showdevtutorialopensourcegithub jsonparse 라이브러리. 키를 기반으로 깊게 중첩된 JSON을 검색합니다. 은 간단한 JSON 구문 분석 파이썬 라이브러리입니다. 제공된 키를 기반으로 깊게 중첩된 JSON에서 필요한 값을 추출하는 데 사용됩니다. 이 라이브러리를 구축하기 위한 주요 사용 사례는 많은 API에서 반환되는 깊게 중첩된 JSON에서 선택한 키를 기반으로 값을 쉽게 추출하는 것입니다. 빠른 예 라이브러리를 설치하여 시작하겠습니다. 이제 작동 방식을 보여주는 몇 가지 샘플 파이썬 코드입니다... jsonshowdevpython CSS로 확장 카드 YouTube에서 훌륭한 과정을 보았고 직접 몇 가지 프로젝트를 시도하고 싶었습니다. 사진 카드를 만들고 호버에서 해당 카드를 확장합니다. 한 섹션에 다섯 장의 사진을 배치하는 것으로 시작했습니다. 그리고 그것을 스타일 다음과 같이 이미지가 표시되기 시작합니다. 이제 너비 속성이 있는 선택기:hover를 추가하고 카드 너비를 늘렸습니다. 또한 부드럽게 만들기 위해 transition 속성을 ... csshtmlshowdevbeginners 전자상거래 API 가장 최근 프로젝트 중 하나는 Django 및 Django Rest Framework의 고급 개념을 강화하는 데 도움이 되는 전자 상거래 API입니다. dockerized 환경에서 작업하고 Nginx , Gunicorn ... 내부 Docker를 사용하여 애플리케이션 제작을 준비하는 방법을 배웠습니다. 다음 중 하나를 사용하여 등록 기본 전자 상거래 기능. Stripe를 사용한 지불 통합. ... pythondjangowebdevshowdev 스프레드시트에 대한 사용자별 액세스(첫 번째 Pandas 프로젝트!) 안녕하세요 여러분! pandas 라이브러리 사용이 궁금해서 어제 이 새 프로젝트를 시작하여 입력을 기반으로 스프레드시트 내부에서 데이터를 가져왔습니다. 이메일 항목을 검색하고 동일한 행에 저장된 모든 사용자 정보를 반환합니다. 내가 배운 주요 내용은 정보를 검색하고 코드를 더 똑똑하게 만드는 나만의 함수를 만드는 .loc 함수였습니다. 다른 프로젝트보다 조금 더 지루하지만 팬더와 데이터 작업... webdevpythonshowdevbeginners [Vue.js] tsParticles를 사용하여 아름답고 사실적인 색종이 애니메이션을 만드는 방법 tsParticles와 1.30 버전에서 생성된 새로운 색종이 조각 애니메이션에 대한 글을 썼습니다. 이 구성은 모든 Vue.js 2.x tsParticles 설치(particles.vue 패키지)에서 있는 그대로 사용할 수 있습니다. app.js 홈뷰 작업 샘플은 아래에서 찾을 수 있습니다. tsParticles - 고도로 사용자 정의 가능한 JavaScript 입자 효과, 색종이 조각 폭... vueshowdevjavascriptwebdev [Angular] tsParticles를 사용하여 아름답고 사실적인 색종이 애니메이션을 만드는 방법 tsParticles와 1.30 버전에서 생성된 새로운 색종이 조각 애니메이션에 대한 글을 썼습니다. 이 구성은 모든 Angular tsParticles 설치(ng-particles 패키지)에서 있는 그대로 사용할 수 있습니다. app.module.ts app.component.html app.component.ts 작업 샘플은 아래에서 찾을 수 있습니다. tsParticles - 고도로 사... angularjavascriptshowdevwebdev Solid.js 애플리케이션에 파티클, 색종이 조각 또는 불꽃놀이 효과를 쉽게 추가하는 방법 공식 Solid.js 구성 요소 추가 텍스트가 없는 작업 샘플입니다. 작동하는 것을 확인하고 코드를 실험하려는 사람을 위한 것입니다. 이제 이것을 달성하는 방법을 보자 또는 암호 예: 원격 URL 옵션 개체 소품 소품 유형 정의 너비 캔버스의 너비입니다. 캔버스의 높이입니다. 옵션 물체 입자 인스턴스의 옵션입니다. URL AJAX 요청을 사용하여 호출되는 원격 옵션 URL 스타일 물체 캔버스... javascriptsolidjsshowdevtutorial Refine과 Strapi로 15분 안에 피드백 관리자 패널 만들기 이 문서에서는 웹 애플리케이션에서 받은 피드백을 관리할 수 있는 패널을 만듭니다. Strapi의 백엔드 프로젝트 를 생성해 보겠습니다. 여기서는 Content-Types Builder를 사용하여 feedback 컬렉션을 생성해 보겠습니다. 구체화 를 사용하여 프런트엔드 프로젝트를 생성해 보겠습니다. 설치가 완료되면 Strapi 특정 , 인증 공급자 및 사용자 지정 레이아웃 옵션을 사용하여 R... refineshowdevstrapireact Docker화된 Spring Boot 애플리케이션 테스트 이 샘플에서는 간단한/hello 끝점이 있는 🍀 Spring Boot 애플리케이션을 만든 다음 🐳 Docker 이미지로 배포합니다. 물론 Docker 이미지가 작동하는지 확인하고 싶으므로 🤩을 사용하여 테스트합니다. 스포일러 경고! 🐳 도커를 사용한 스프링 부트 준비가 된? 갑시다! 1) Spring Initialzr에서 시작하여 Webflux 및 Kotlin으로 빈 Spring Boot 프... springboottestcontainersshowdevdocker Spring Cloud Stream Kafka Streams 바인더 + 프로세서 API 아파치 카프카 카프카 스트림 이전 게시물에서 Kafka Streams 바인더를 사용하여 간단한 예제를 작업했습니다. 여기서 목표는 Kafka Streams 바인더와 을 사용하여 다음 시나리오를 구현하는 것입니다. 1분 이내에 토큰 1, 2, 3, 4, 5를 수신하는 모든 userId에 대해 완료된 이벤트를 주제 pub.user.state로 보냅니다 최소 하나의 토큰을 받았지만 1분 이내에 완... springcloudstreamkafkastreamsshowdev @WireMockTest로 테스트하기 은 두 가지 모드로 테스트 및 지원 에서 API를 모의하기 위한 훌륭한 라이브러리입니다. @WireMockTest를 사용한 선언 이 시나리오를 구현해 보겠습니다. 🤹 WireMock 테스트 BarClient 인터페이스 BarKtor클라이언트 테스트 BarKtorClient 구현 테스트를 통과하기 위해 🟩 BarKtorClient를 다음과 같이 구현할 수 있습니다. FooClient 인터페이스... wiremockjunit5testshowdev WireMock Docker로 테스트 @WireMockTest 및 WireMockExtension을 사용하여 테스트에서 API를 조롱하는 데모를 보여주었습니다. 그러나 WireMock에는 이 있습니다. 그것도 시도해 봅시다! 🤹 WireMock 테스트 docker-compose.yml에서 다음 두 컨테이너를 구성합니다. 동적 포트를 사용합니다. 매개변수--global-response-templating를 추가하여 활성화 합니다(... wiremockshowdevdockertestcontainers 신발 디스코드 봇 저는 오늘 제 신발 디스코드 봇과 그 모든 기능을 소개하기 위해 이 자리에 섰습니다. 글쎄요, 저는 운동화의 가격과 향후 출시에 대한 최신 정보를 유지하기 위해 봇을 구축할 생각이었습니다. 가장 큰 문제는 올바른 API를 찾는 것이었지만 StockX FlightClub, Goat 및 Stadium Goods API와 같이 엄청난 작업을 수행한 사람을 찾을 수 있었습니다. 이 메가 API로 d... showdevopensourcediscordjavascript PySketch 살펴보기: Python for Fun! HTML5 및 JavaScript 라이브러리에 액세스할 수 있는 재미있는 프로젝트, 게임, 그래픽을 구축하거나 다른 재능 있는 개발자의 다른 Python 프로젝트를 탐색하여 웹에서 Python 기술을 향상하거나 선보일 수 있습니다. 모든 주요 모바일 및 데스크톱 브라우저에서 작동하며 프로젝트 및 게임을 친구와 공유하거나 청중을 위해 블로그에 포함할 수 있습니다. Python 사용자라면 을(를... webdevshowdevgamedevpython 이전 기사 보기
Unix tree 명령과 같은 트리 구조로 개체를 인쇄하는 라이브러리를 만들었습니다. 저는 현재 트리 구조로 콘솔에 인쇄해야 하는 계층적 데이터가 있는 프로젝트에서 작업하고 있습니다. 처음에는 npm에서 사용할 수 있는지 보자고 생각했습니다. 하지만 npm에 가기 전에 "내가 먼저 해보는 게 어때?"라고 스스로에게 말했습니다. 그래서 작업을 시작했고 작업을 완료했을 때 새벽 2시라는 것을 깨달았습니다 😅. 오늘 저는 npm에 라이브러리를 게시했습니다. 이라고 합니다. 예시: ... showdevopensourcejavascriptnpm 1개, 2개 또는 3개 창 - 자신에게 맞는 레이아웃 선택 단일 창 TUI 파일 탐색기의 단순함을 선호하십니까? 그렇다면 xplr의 기본 레이아웃 이 모든 요구 사항을 충족해야 합니다. 그렇지 않은 경우 다음 플러그인 중 하나 또는 둘 모두를 설치하거나 플러그인에서 영감을 얻어 원하는 레이아웃을 구현하십시오 . 물론 세 가지를 모두 사용할 수 있으며 xplr을 종료하지 않고 다른 레이아웃으로 전환할 수 있습니다. 관련 플러그인은 다음과 같습니다. x... programmingproductivityshowdevopensource 로우코드 백엔드로 REST 엔드포인트 구축 Nucleoid 로우 코드 프레임워크는 제어 흐름을 관리하고 동일한 런타임에서 내장 데이터 저장소에 저장하는 선언적 런타임으로 REST 엔드포인트를 구축하는 데 도움이 됩니다. 기본 선언적 런타임은 매우 동일한 JavaScript 코드를 다시 렌더링하고, 그래프에서 연결을 만들고, 결국 외부 데이터베이스가 필요하지 않도록 JavaScript 상태를 저장합니다. 모든 JavaScript 코드는... lowcodeshowdevnodejavascript BM25를 사용한 클래식 토픽 모델링 이 문서는 AI 기반 시맨틱 검색 플랫폼인 에 대한 자습서 시리즈의 일부입니다. 은 머신 러닝 워크플로를 실행하여 데이터를 변환하고 AI 기반 시맨틱 검색 애플리케이션을 구축합니다. 시맨틱 그래프는 임베딩 인스턴스에 쉽게 통합되어 주제 모델링을 txtai 인덱스에 추가할 수 있습니다. txtai의 모듈식 설계를 고려할 때 BM25와 같은 기존 채점 방법을 그래프와 결합하여 주제 모델을 구축할... pythonmachinelearningshowdevnlp 반응과 함께 tailwindcss를 사용하는 방법 나는 react와 함께 tailwindcss를 사용하는 것을 좋아하지만 때때로 한 줄에 있는 클래스의 양 때문에 길을 잃은 느낌이 듭니다. 이 "문제"를 해결하기 위해 가장 먼저 생각한 것은 이러한 클래스로 개체를 만드는 것이 었습니다. 더 읽기 쉽고 깨끗합니다. 그렇다면 다른 클래스를 관리하거나 병합하는 방법은 무엇입니까? 이를 위해 이러한 클래스를 처리하는 후크를 만들었습니다. 스타일을 ... showdevtailwindcssreactwebdev The Electron Saga 0️⃣: 내 첫 번째 앱 하지만 현재 완료해야 할 다른 프로젝트가 있고 책임 있는 개발자는 다른 모든 작업이 완료되기 전에 하나의 프로젝트를 시작하지 않을 것입니다. 하지만 저는 책임감 있는 개발자가 아니므로 지금 데스크톱 앱을 만들고 있습니다. 작은 것, (내 다른 프로젝트는 이미 나에게 냄새나는 눈을 주고 있습니다 👀). 업무를 위해 매일 사용할 수 있는 앱입니다. 이전에 Typescript에서 할 일 목록에 대... nodeshowdevjavascriptwriting SlackOps: JavaScript를 사용하여 애플리케이션을 Slack 채널에 로그인 여기 에서 우리는 Slack 채널에서 많은 애플리케이션 로그를 관리합니다. 우리는 다음과 같은 것을 알 수 있습니다. 이 모든 것이 우리의 개발 환경, 로컬 및 스테이징에도 있습니다. 여기서 우리는 내부적으로 sendtoSlack 및 @slack/node 라이브러리를 모두 처리하는 @slack/webhook라는 간단한 함수를 만듭니다. 따라서 Slack에서 생성한 웹후크 요청 URL을 가져와... showdevprogrammingtutorialjavascript 바다학 시작하기 은 을 사용하여 GraphQL 리졸버를 빌드하기 위한 GraphQL 프레임워크입니다. 기존 MySQL, Postgres 및 SQLite 데이터베이스에서 바로 컴파일할 수 있는 Rust 프로젝트를 생성할 수 있는 CLI 도구와 함께 제공됩니다. Seaography의 설계 및 구현은 당사의 및 에서 찾을 수 있습니다. Seaography는 SeaORM 위에 구축되기 때문에 SeaORM 프로젝트에... rustgithuntgraphqlshowdev 📸 Kotlin을 사용한 스냅샷 테스트 스냅샷 테스트는 테스트가 처음 실행될 때 테스트 중인 함수의 출력이 파일에 저장되고 스냅샷이 저장되며 이후의 테스트 실행은 함수가 동일한 출력을 생성하는 경우에만 통과하는 테스트 기술입니다. 이것은 에서 매우 인기 있는 것 같지만 우리 백엔드에서도 사용할 수 있습니다! 이 PoC에서는 을 사용하고 에 명시된 대로 수동으로 테스트 기대치를 텍스트 파일로 저장할 때마다 사용합니다 😅 📸 Orig... kotlinshowdevtest 테스트 사례에서 API 문서를 생성하는 데 도움이 되는 도구를 만듭니다. API 문서를 작성하는 것은 내가 싫어하는 일이고 처음부터 OpenAPI 문서를 작성하는 것은 악몽입니다. 일부 자동 API 생성 도구를 확인했는데 주석이나 데코레이터를 추가하여 코드를 수정해야 합니다. 코드를 가능한 한 깨끗하게 유지하고 싶기 때문에 개인적으로 좋아하지 않습니다. 그런 다음 일반적으로 단위 테스트는 API의 모든 사례를 다루기 때문에 단위 테스트를 기반으로 API 문서를 생... showdevnodetoolingproductivity iBooks에서 모든 메모와 하이라이트를 어떻게 수집합니까? 📚 🍏 ibooks-notes-exporter! 🖖 사람들은 메모를 하지 않으면 읽은 내용의 20% 미만을 기억합니다. 그렇기 때문에 책을 읽을 때 메모를 하는 것이 항상 좋은 생각입니다. 나는 읽는 동안 항상 핵심 아이디어를 강조하고 있습니다. 나는 그것을 위해 표준 iBooks 기능을 사용하며 그것은 나에게 잘 작동합니다. 하지만 문제는 그 다음입니다. 방금 읽은 내용을 외워야 할 때 iBooks에서 하이라이트와 메모를 모두 추출할 방법이... osxbooksshowdev 클릭 한 번으로 dev.to 게시물의 "목차"를 만드세요. dev.to의 내 게시물에는 항상 목차가 필요합니다. 지금까지 수동으로 작업했는데 많은 작업이 필요했습니다. 그래서 북마크릿으로 사용할 수 있는 작은 JS 스니펫을 만들었습니다. 북마크릿은 브라우저에서 북마크처럼 보입니다. 하지만 클릭하면 JS 스니펫이 현재 페이지에서 실행됩니다. 다음은 소스 코드입니다. 기사의 모든 h2 및 h3을 살펴보고 내부 링크를 생성하고 이를 마크다운으로 연결합니다... showdevjavascriptproductivitywriting Babylonjs, Azure 및 Frakas를 사용한 멀티플레이어 개념 무료 오픈 소스 도구 및 라이브러리를 사용하여 여러 장치에서 플레이할 수 있는 멀티 플레이어 브라우저 게임을 만들고 결과를 공유합니다. Running Man multiplayer demo game using Typescript 설치 This with compile typescript files, start a backend run time and basic web server to host ... showdevbabylonjswebdevgamedev 지수 백오프로 작업을 재시도하는 golang 라이브러리 다른 타이밍 알고리즘을 사용하여 작업을 재시도하기 위한 작은 라이브러리인 go-again 를 만들었습니다. 기본적으로 지터와 함께 지수 백오프를 사용하여 재시도할 때마다 다양한 지연을 생성합니다. 지수 백오프 및 즉시 사용 가능한 지속적인 지연 지원 기능을 갖춘 간단하고 구성 가능한 이동용 재시도 라이브러리 에서 영감을 받음 . 구성 가능한 지연 계산 알고리즘 즉시 사용 가능한 지수 백오프 ... showdevprogramminggo GitHub가 cronjob 기반 트리거를 일시 중단하지 않도록 방지하는 방법 저장소 비활성으로 인해 GitHub가 cronjob 기반 작업 트리거를 일시 중단하지 않도록 GitHub 작업을 만들었습니다. 이 저장소에는 Uniswap V3 프로토콜의 핵심 스마트 계약이 포함되어 있습니다. 이 코드를 로컬 테스트넷에 배포하려면 npm 패키지를 설치해야 합니다.@uniswap/v3-core에 있는 공장 바이트코드를 가져옵니다.@uniswap/v3-core/artifacts... showdevtutorialopensourcegithub jsonparse 라이브러리. 키를 기반으로 깊게 중첩된 JSON을 검색합니다. 은 간단한 JSON 구문 분석 파이썬 라이브러리입니다. 제공된 키를 기반으로 깊게 중첩된 JSON에서 필요한 값을 추출하는 데 사용됩니다. 이 라이브러리를 구축하기 위한 주요 사용 사례는 많은 API에서 반환되는 깊게 중첩된 JSON에서 선택한 키를 기반으로 값을 쉽게 추출하는 것입니다. 빠른 예 라이브러리를 설치하여 시작하겠습니다. 이제 작동 방식을 보여주는 몇 가지 샘플 파이썬 코드입니다... jsonshowdevpython CSS로 확장 카드 YouTube에서 훌륭한 과정을 보았고 직접 몇 가지 프로젝트를 시도하고 싶었습니다. 사진 카드를 만들고 호버에서 해당 카드를 확장합니다. 한 섹션에 다섯 장의 사진을 배치하는 것으로 시작했습니다. 그리고 그것을 스타일 다음과 같이 이미지가 표시되기 시작합니다. 이제 너비 속성이 있는 선택기:hover를 추가하고 카드 너비를 늘렸습니다. 또한 부드럽게 만들기 위해 transition 속성을 ... csshtmlshowdevbeginners 전자상거래 API 가장 최근 프로젝트 중 하나는 Django 및 Django Rest Framework의 고급 개념을 강화하는 데 도움이 되는 전자 상거래 API입니다. dockerized 환경에서 작업하고 Nginx , Gunicorn ... 내부 Docker를 사용하여 애플리케이션 제작을 준비하는 방법을 배웠습니다. 다음 중 하나를 사용하여 등록 기본 전자 상거래 기능. Stripe를 사용한 지불 통합. ... pythondjangowebdevshowdev 스프레드시트에 대한 사용자별 액세스(첫 번째 Pandas 프로젝트!) 안녕하세요 여러분! pandas 라이브러리 사용이 궁금해서 어제 이 새 프로젝트를 시작하여 입력을 기반으로 스프레드시트 내부에서 데이터를 가져왔습니다. 이메일 항목을 검색하고 동일한 행에 저장된 모든 사용자 정보를 반환합니다. 내가 배운 주요 내용은 정보를 검색하고 코드를 더 똑똑하게 만드는 나만의 함수를 만드는 .loc 함수였습니다. 다른 프로젝트보다 조금 더 지루하지만 팬더와 데이터 작업... webdevpythonshowdevbeginners [Vue.js] tsParticles를 사용하여 아름답고 사실적인 색종이 애니메이션을 만드는 방법 tsParticles와 1.30 버전에서 생성된 새로운 색종이 조각 애니메이션에 대한 글을 썼습니다. 이 구성은 모든 Vue.js 2.x tsParticles 설치(particles.vue 패키지)에서 있는 그대로 사용할 수 있습니다. app.js 홈뷰 작업 샘플은 아래에서 찾을 수 있습니다. tsParticles - 고도로 사용자 정의 가능한 JavaScript 입자 효과, 색종이 조각 폭... vueshowdevjavascriptwebdev [Angular] tsParticles를 사용하여 아름답고 사실적인 색종이 애니메이션을 만드는 방법 tsParticles와 1.30 버전에서 생성된 새로운 색종이 조각 애니메이션에 대한 글을 썼습니다. 이 구성은 모든 Angular tsParticles 설치(ng-particles 패키지)에서 있는 그대로 사용할 수 있습니다. app.module.ts app.component.html app.component.ts 작업 샘플은 아래에서 찾을 수 있습니다. tsParticles - 고도로 사... angularjavascriptshowdevwebdev Solid.js 애플리케이션에 파티클, 색종이 조각 또는 불꽃놀이 효과를 쉽게 추가하는 방법 공식 Solid.js 구성 요소 추가 텍스트가 없는 작업 샘플입니다. 작동하는 것을 확인하고 코드를 실험하려는 사람을 위한 것입니다. 이제 이것을 달성하는 방법을 보자 또는 암호 예: 원격 URL 옵션 개체 소품 소품 유형 정의 너비 캔버스의 너비입니다. 캔버스의 높이입니다. 옵션 물체 입자 인스턴스의 옵션입니다. URL AJAX 요청을 사용하여 호출되는 원격 옵션 URL 스타일 물체 캔버스... javascriptsolidjsshowdevtutorial Refine과 Strapi로 15분 안에 피드백 관리자 패널 만들기 이 문서에서는 웹 애플리케이션에서 받은 피드백을 관리할 수 있는 패널을 만듭니다. Strapi의 백엔드 프로젝트 를 생성해 보겠습니다. 여기서는 Content-Types Builder를 사용하여 feedback 컬렉션을 생성해 보겠습니다. 구체화 를 사용하여 프런트엔드 프로젝트를 생성해 보겠습니다. 설치가 완료되면 Strapi 특정 , 인증 공급자 및 사용자 지정 레이아웃 옵션을 사용하여 R... refineshowdevstrapireact Docker화된 Spring Boot 애플리케이션 테스트 이 샘플에서는 간단한/hello 끝점이 있는 🍀 Spring Boot 애플리케이션을 만든 다음 🐳 Docker 이미지로 배포합니다. 물론 Docker 이미지가 작동하는지 확인하고 싶으므로 🤩을 사용하여 테스트합니다. 스포일러 경고! 🐳 도커를 사용한 스프링 부트 준비가 된? 갑시다! 1) Spring Initialzr에서 시작하여 Webflux 및 Kotlin으로 빈 Spring Boot 프... springboottestcontainersshowdevdocker Spring Cloud Stream Kafka Streams 바인더 + 프로세서 API 아파치 카프카 카프카 스트림 이전 게시물에서 Kafka Streams 바인더를 사용하여 간단한 예제를 작업했습니다. 여기서 목표는 Kafka Streams 바인더와 을 사용하여 다음 시나리오를 구현하는 것입니다. 1분 이내에 토큰 1, 2, 3, 4, 5를 수신하는 모든 userId에 대해 완료된 이벤트를 주제 pub.user.state로 보냅니다 최소 하나의 토큰을 받았지만 1분 이내에 완... springcloudstreamkafkastreamsshowdev @WireMockTest로 테스트하기 은 두 가지 모드로 테스트 및 지원 에서 API를 모의하기 위한 훌륭한 라이브러리입니다. @WireMockTest를 사용한 선언 이 시나리오를 구현해 보겠습니다. 🤹 WireMock 테스트 BarClient 인터페이스 BarKtor클라이언트 테스트 BarKtorClient 구현 테스트를 통과하기 위해 🟩 BarKtorClient를 다음과 같이 구현할 수 있습니다. FooClient 인터페이스... wiremockjunit5testshowdev WireMock Docker로 테스트 @WireMockTest 및 WireMockExtension을 사용하여 테스트에서 API를 조롱하는 데모를 보여주었습니다. 그러나 WireMock에는 이 있습니다. 그것도 시도해 봅시다! 🤹 WireMock 테스트 docker-compose.yml에서 다음 두 컨테이너를 구성합니다. 동적 포트를 사용합니다. 매개변수--global-response-templating를 추가하여 활성화 합니다(... wiremockshowdevdockertestcontainers 신발 디스코드 봇 저는 오늘 제 신발 디스코드 봇과 그 모든 기능을 소개하기 위해 이 자리에 섰습니다. 글쎄요, 저는 운동화의 가격과 향후 출시에 대한 최신 정보를 유지하기 위해 봇을 구축할 생각이었습니다. 가장 큰 문제는 올바른 API를 찾는 것이었지만 StockX FlightClub, Goat 및 Stadium Goods API와 같이 엄청난 작업을 수행한 사람을 찾을 수 있었습니다. 이 메가 API로 d... showdevopensourcediscordjavascript PySketch 살펴보기: Python for Fun! HTML5 및 JavaScript 라이브러리에 액세스할 수 있는 재미있는 프로젝트, 게임, 그래픽을 구축하거나 다른 재능 있는 개발자의 다른 Python 프로젝트를 탐색하여 웹에서 Python 기술을 향상하거나 선보일 수 있습니다. 모든 주요 모바일 및 데스크톱 브라우저에서 작동하며 프로젝트 및 게임을 친구와 공유하거나 청중을 위해 블로그에 포함할 수 있습니다. Python 사용자라면 을(를... webdevshowdevgamedevpython 이전 기사 보기