dev + it dev nextjs shadcnui addon shadcn/ui add components and resourcesI often need some extra components / libraries that are ready to use in a shadcn/ui project, and with time I gathered some great resources. A set of utilities to create data tables with many useful… wono | discuss | tweet + it dev nextjs shadcnui shadcn/ui expansionsshadcnui expansion: Simple infinite scroll component. You have fully control over the loading spinner and IntersectionObserver API. wono | discuss | tweet + it dev nextjs shadcnui Shadcn infinite scroll exampleIn this post, let's explore how you can add infinite scroll functionality to your app using shadcn.... wono | discuss | tweet + it dev python fastapi Python and FastAPI tutorial in Visual Studio CodePython FastAPI tutorial showing IntelliSense and debugging support in Visual Studio Code, the best Python IDE. wono | discuss | tweet + it dev python fastapi 4-09 Gunicorn 사용하기운영 환경에서 FastAPI 서버를 구동하기 위해서는 AWS 터미널에서 다음과 같은 명령을 실행해야 한다. ```no-highlight $ uvicorn main:app --r… wono | discuss | tweet + it dev python fastapi FastAPI의 Uvicorn + Gunicorn 결합은 반드시 필요한 것인가?개요 FastAPI는 비동기 프레임워크로 ASGI 서버를 지원하는 Uvicorn 과 함께 기동되어 사용된다. 다른 Flask, Django와 비교하여 성능이 2배정도 빠르다고 알려져있다. 하지만 성능이 빠르다고한들 개발자가 사용방법을 모르고 개발한다면 제대로 된 성능을 끌어올리기에는 어려움이 있을 수 있다. 우리는 정말 제대로 알고 사용하고 있는것인가? 이번 포스팅에서는 Uvicorn이 반드시 Guicorn과 결합이 필요한지에 대하여 알아보고자한다. 배경지식 Gunicorn이란 무엇인가? Gunicorn 은 WSGI 프로토콜을 사용하여 웹 애플리케이션과 상호 작용하는 서버이자 프로세스 관리자이다. Flask 또는 Django 와 같은 WSGI 동기식 웹 프레임워크로 작성된 애플리케이션을 제공한다. Gun.. wono | discuss | tweet + it dev python fastapi Gunicorn, Uvicorn 그리고 Fas.. : 네이버블로그 wono | discuss | tweet + it dev python fastapi [배포] Python ASGI 배포 서버 종류 비교Python ASGI 배포 서버Python에서 웹 어플리케이션(Django, FastAPI, Flask 등)을 배포시 비동기 요청 처리를 위해, ASGI 서버를 사용하여 배포하게 되는데, Python 기반의 ASGI 서버들을 비교해보며, 종류와 특징에 대해 알아 본다. 주로 많이 언급되는 건 다음과 같다.Uvicorn (asyncio, uvloop)DaphneHypercornStarlette 사실 결론부터 말하자면, 사용하는 프레임워크나 기능에 따라 배포 서버에 대한 선택지가 한정적인 것으로 생각되는데 FastAPI로 배포를 희망→ 공식문서에서 지원하는 Uvicorn이나 Hypercorn 을 쓰는 것이 일반적 Django / Flask 에 Websocket 프로토콜 처리가 필요→ Daphne 이 적절 .. wono | discuss | tweet + it dev python fastapi 첫걸음 - FastAPIFastAPI framework, high performance, easy to learn, fast to code, ready for production wono | discuss | tweet + it dev python 파이썬 웹 프레임워크 비교 - Django, Flask, FastAPI 알아보기세바스티안 라미레즈Sebastián Ramírez가 2018년에 발표한 모던 파이썬 웹 프레임워크, FastAPI는 Flask (플라스크)와 Django (장고)를 따라 빠르게 성장했다. 깃허브 스타 수를 기준으로 보면, 2023년 말에 FastAPI가 Flask를 앞지르면서 두 번... wono | discuss | tweet + it dev nextjs jest Jest says "ReferenceError: Request is not defined" at node_modules/next/src/server/web/spec-extension/request.ts · vercel/next.js · Discussion #59041Jest says "ReferenceError: Request is not defined" at node_modules/next/src/server/web/spec-extension/request.ts wono | discuss | tweet + it dev jest ts-node Is ts-node needed to run Jest in Next.js 14 with TypeScript wono | discuss | tweet + it dev nextjs jest NextJS 테스트 코드 작성하기 - 리액트 테스트에 대하여해당 글은 John Ahn 님의 따라하는 리액트테스트 강의를 참고하여 작성했습니다. 왜 애플리케이션을 TEST 해야 할까요? 간단하게 더 안정적인 애플리케이션을 위해서는 여러 방법으로 테스트를 해줘야 더 안정적인 애플리케이션이 될 수 있습니다. 테스팅으로 얻는 이점은 무엇일까요? 디버깅 시간을 단축! 만약 데이터가 잘못 나왔다면 그것이 UI의 문제인지 DB의 문제인지등 전부 테스트를 해봐서 찾아야 하는데 테스팅 환경이 구축된 어있다면 자동화된 유닛 테스팅으로 특정 버그를 쉽게 찾아낼 수 있습니다. 더욱 안정적인 애플리케이션! 많은 테스트 코드와 함께 작성된 코드의 애플리케이션이 되기 때문에 훨씬 안정적인 애플리케이션이 됩니다. 이밖에도 재설계 시간의 단축과 추가로 무언가를 더 구현해야 할 때 더 용이하게.. wono | discuss | tweet + it dev svelte api GET handlers • Svelte Tutorial wono | discuss | tweet + it dev nuxtjs api server/ · Nuxt Directory StructureThe server/ directory is used to register API and server handlers to your application. wono | discuss | tweet + it dev nextjs swagger Setup Swagger in Nextjs App RouterSwagger is an Open Source set of rules, specifications, and tools for developing and describing RESTful APIs. The Swagger allows developers to create interactive, machine and human-readable API documentation. It also comes with a playground where we can try out actual APIs. In this article, we will see how to wono | discuss | tweet + it dev nextjs middleware Writing API Routein Nextjs14As a software engineer, change can sometimes be challenging. I love using react in its raw form because I love having control over my project. Using Nextjs has taught me that it’s never about how you… wono | discuss | tweet + it dev nextjs middleware Next.js Middleware for Securing API RoutesIntegrating middleware into your Next.js applications offers a powerful mechanism to enhance performance. Learn the impact of Next.js Middleware in API security. wono | discuss | tweet + it dev nextjs middleware Streamlining Middleware in Next.js 14 Api Routes with TypeScript: A Comprehensive GuideMiddleware plays a pivotal role in web development, offering a seamless way to handle requests, responses, and application logic. With the advent of Next.js 14 and the robustness of TypeScript… wono | discuss | tweet + it dev nextjs middleware How to Write Actual API Middleware for Next.jsWhenever I have to implement a web client for an app, or proof of concept of some sort, I instinctively reach for Next.js. A couple of years ago, I had to implement an app around the time Next.js… wono | discuss | tweetNext
+ it dev nextjs shadcnui addon shadcn/ui add components and resourcesI often need some extra components / libraries that are ready to use in a shadcn/ui project, and with time I gathered some great resources. A set of utilities to create data tables with many useful… wono | discuss | tweet
+ it dev nextjs shadcnui shadcn/ui expansionsshadcnui expansion: Simple infinite scroll component. You have fully control over the loading spinner and IntersectionObserver API. wono | discuss | tweet
+ it dev nextjs shadcnui Shadcn infinite scroll exampleIn this post, let's explore how you can add infinite scroll functionality to your app using shadcn.... wono | discuss | tweet
+ it dev python fastapi Python and FastAPI tutorial in Visual Studio CodePython FastAPI tutorial showing IntelliSense and debugging support in Visual Studio Code, the best Python IDE. wono | discuss | tweet
+ it dev python fastapi 4-09 Gunicorn 사용하기운영 환경에서 FastAPI 서버를 구동하기 위해서는 AWS 터미널에서 다음과 같은 명령을 실행해야 한다. ```no-highlight $ uvicorn main:app --r… wono | discuss | tweet
+ it dev python fastapi FastAPI의 Uvicorn + Gunicorn 결합은 반드시 필요한 것인가?개요 FastAPI는 비동기 프레임워크로 ASGI 서버를 지원하는 Uvicorn 과 함께 기동되어 사용된다. 다른 Flask, Django와 비교하여 성능이 2배정도 빠르다고 알려져있다. 하지만 성능이 빠르다고한들 개발자가 사용방법을 모르고 개발한다면 제대로 된 성능을 끌어올리기에는 어려움이 있을 수 있다. 우리는 정말 제대로 알고 사용하고 있는것인가? 이번 포스팅에서는 Uvicorn이 반드시 Guicorn과 결합이 필요한지에 대하여 알아보고자한다. 배경지식 Gunicorn이란 무엇인가? Gunicorn 은 WSGI 프로토콜을 사용하여 웹 애플리케이션과 상호 작용하는 서버이자 프로세스 관리자이다. Flask 또는 Django 와 같은 WSGI 동기식 웹 프레임워크로 작성된 애플리케이션을 제공한다. Gun.. wono | discuss | tweet
+ it dev python fastapi [배포] Python ASGI 배포 서버 종류 비교Python ASGI 배포 서버Python에서 웹 어플리케이션(Django, FastAPI, Flask 등)을 배포시 비동기 요청 처리를 위해, ASGI 서버를 사용하여 배포하게 되는데, Python 기반의 ASGI 서버들을 비교해보며, 종류와 특징에 대해 알아 본다. 주로 많이 언급되는 건 다음과 같다.Uvicorn (asyncio, uvloop)DaphneHypercornStarlette 사실 결론부터 말하자면, 사용하는 프레임워크나 기능에 따라 배포 서버에 대한 선택지가 한정적인 것으로 생각되는데 FastAPI로 배포를 희망→ 공식문서에서 지원하는 Uvicorn이나 Hypercorn 을 쓰는 것이 일반적 Django / Flask 에 Websocket 프로토콜 처리가 필요→ Daphne 이 적절 .. wono | discuss | tweet
+ it dev python fastapi 첫걸음 - FastAPIFastAPI framework, high performance, easy to learn, fast to code, ready for production wono | discuss | tweet
+ it dev python 파이썬 웹 프레임워크 비교 - Django, Flask, FastAPI 알아보기세바스티안 라미레즈Sebastián Ramírez가 2018년에 발표한 모던 파이썬 웹 프레임워크, FastAPI는 Flask (플라스크)와 Django (장고)를 따라 빠르게 성장했다. 깃허브 스타 수를 기준으로 보면, 2023년 말에 FastAPI가 Flask를 앞지르면서 두 번... wono | discuss | tweet
+ it dev nextjs jest Jest says "ReferenceError: Request is not defined" at node_modules/next/src/server/web/spec-extension/request.ts · vercel/next.js · Discussion #59041Jest says "ReferenceError: Request is not defined" at node_modules/next/src/server/web/spec-extension/request.ts wono | discuss | tweet
+ it dev jest ts-node Is ts-node needed to run Jest in Next.js 14 with TypeScript wono | discuss | tweet
+ it dev nextjs jest NextJS 테스트 코드 작성하기 - 리액트 테스트에 대하여해당 글은 John Ahn 님의 따라하는 리액트테스트 강의를 참고하여 작성했습니다. 왜 애플리케이션을 TEST 해야 할까요? 간단하게 더 안정적인 애플리케이션을 위해서는 여러 방법으로 테스트를 해줘야 더 안정적인 애플리케이션이 될 수 있습니다. 테스팅으로 얻는 이점은 무엇일까요? 디버깅 시간을 단축! 만약 데이터가 잘못 나왔다면 그것이 UI의 문제인지 DB의 문제인지등 전부 테스트를 해봐서 찾아야 하는데 테스팅 환경이 구축된 어있다면 자동화된 유닛 테스팅으로 특정 버그를 쉽게 찾아낼 수 있습니다. 더욱 안정적인 애플리케이션! 많은 테스트 코드와 함께 작성된 코드의 애플리케이션이 되기 때문에 훨씬 안정적인 애플리케이션이 됩니다. 이밖에도 재설계 시간의 단축과 추가로 무언가를 더 구현해야 할 때 더 용이하게.. wono | discuss | tweet
+ it dev nuxtjs api server/ · Nuxt Directory StructureThe server/ directory is used to register API and server handlers to your application. wono | discuss | tweet
+ it dev nextjs swagger Setup Swagger in Nextjs App RouterSwagger is an Open Source set of rules, specifications, and tools for developing and describing RESTful APIs. The Swagger allows developers to create interactive, machine and human-readable API documentation. It also comes with a playground where we can try out actual APIs. In this article, we will see how to wono | discuss | tweet
+ it dev nextjs middleware Writing API Routein Nextjs14As a software engineer, change can sometimes be challenging. I love using react in its raw form because I love having control over my project. Using Nextjs has taught me that it’s never about how you… wono | discuss | tweet
+ it dev nextjs middleware Next.js Middleware for Securing API RoutesIntegrating middleware into your Next.js applications offers a powerful mechanism to enhance performance. Learn the impact of Next.js Middleware in API security. wono | discuss | tweet
+ it dev nextjs middleware Streamlining Middleware in Next.js 14 Api Routes with TypeScript: A Comprehensive GuideMiddleware plays a pivotal role in web development, offering a seamless way to handle requests, responses, and application logic. With the advent of Next.js 14 and the robustness of TypeScript… wono | discuss | tweet
+ it dev nextjs middleware How to Write Actual API Middleware for Next.jsWhenever I have to implement a web client for an app, or proof of concept of some sort, I instinctively reach for Next.js. A couple of years ago, I had to implement an app around the time Next.js… wono | discuss | tweet