dev + it dev nextjs jest NextJs 14 — App Router and Unit Testing (w/ async pages)Unit-test in NextJs14 using JEST with practical examples. wono | discuss | tweet + it dev nextjs NextJS 14 app directory route.js testing fails with Vitest wono | discuss | tweet + it dev nextjs mock How do I test routes made with the app router in NextJS? I'm using vitest for this wono | discuss | tweet + it dev nextjs vitest Next.js application testing with Vitest and testing libraryIn this article, we’ll continue testing Next.js application using Vitest and testing library, and delve into testing more complex components that interact with APIs, Redux selectors, and custom… wono | discuss | tweet + it dev nextjs vitest 프론트엔드에서 Nextjs와 Vitest를 사용해 손쉽게 테스팅하기 (그리고 개발 재밌게 하기)프론트엔드 진영에서 테스팅은 필수로 여겨지지 않는 경우가 제법 많습니다. 각기 다른 이유가 있겠지만 제 경험상 저는 ‘바빠서'가 주된 이유였던 것 같습니다. unit testing, integration testing, e2e testing 모두 100%의 커버리지로 테스팅을 진행해서 나쁜 점이야 없겠다만, 우리의 외부환경은 기다려 줄 수 없습니다. 특히… wono | discuss | tweet + it dev nextjs jest How to Unit Test Next.js API Routes with TypescriptNext.js is an awesome frontend framework. It’s powered by React under the hood so it plays well with everything React has to offer out of the box: Hooks, Context, hot browser reloading, Typescript… wono | discuss | tweet + it dev nextjs jest Mastering Jest: A Complete Guide to Testing Next.js Applications Part-1In the fast-paced world of web development, creating robust and bug-free applications is paramount.... Tagged with jest, testing, nextjs, react. wono | discuss | tweet + it dev nextjs jest Unit Test Next.js API Routes with TypeScript (longer-version)Testing API routes sucks, especially when using TypeScript. This article covers how to unit test Next.js API routes with TypeScript using Jest and React Testing Libraries. With the release of Next.js… wono | discuss | tweet + it dev jest Jest를 이용해서 테스트 코드를 작성해 보자!테스트 코드를 작성해야하는 이유...?작성한 코드가 의도한 대로 작동하는지 검증할 수 있다.코드 변경 시, 변경 부분으로 인한 영향도를 쉽게 파악할 수 있다.코드 리팩토링 시 기능 구현이 동일하게 되었다는 판단을 내릴 수 있다.코드 변경 시, 변경 부분으로 인한 영향도 wono | discuss | tweet + it dev jest Guide to writing integration tests in express js with Jest and SupertestWriting integration tests for new developers can prove a little tricky. During my first foray into... Tagged with javascript, express, node. wono | discuss | tweet + it dev sveltekit Our design pattern for SvelteKit - how we organize our projects wono | discuss | tweet + it dev sveltekit api SvelteKit API Endpoints And Loading Data For PagesLearn about API endpoints and loading data for your pages with SvelteKit. wono | discuss | tweet + 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 | tweetNext
+ it dev nextjs jest NextJs 14 — App Router and Unit Testing (w/ async pages)Unit-test in NextJs14 using JEST with practical examples. wono | discuss | tweet
+ it dev nextjs mock How do I test routes made with the app router in NextJS? I'm using vitest for this wono | discuss | tweet
+ it dev nextjs vitest Next.js application testing with Vitest and testing libraryIn this article, we’ll continue testing Next.js application using Vitest and testing library, and delve into testing more complex components that interact with APIs, Redux selectors, and custom… wono | discuss | tweet
+ it dev nextjs vitest 프론트엔드에서 Nextjs와 Vitest를 사용해 손쉽게 테스팅하기 (그리고 개발 재밌게 하기)프론트엔드 진영에서 테스팅은 필수로 여겨지지 않는 경우가 제법 많습니다. 각기 다른 이유가 있겠지만 제 경험상 저는 ‘바빠서'가 주된 이유였던 것 같습니다. unit testing, integration testing, e2e testing 모두 100%의 커버리지로 테스팅을 진행해서 나쁜 점이야 없겠다만, 우리의 외부환경은 기다려 줄 수 없습니다. 특히… wono | discuss | tweet
+ it dev nextjs jest How to Unit Test Next.js API Routes with TypescriptNext.js is an awesome frontend framework. It’s powered by React under the hood so it plays well with everything React has to offer out of the box: Hooks, Context, hot browser reloading, Typescript… wono | discuss | tweet
+ it dev nextjs jest Mastering Jest: A Complete Guide to Testing Next.js Applications Part-1In the fast-paced world of web development, creating robust and bug-free applications is paramount.... Tagged with jest, testing, nextjs, react. wono | discuss | tweet
+ it dev nextjs jest Unit Test Next.js API Routes with TypeScript (longer-version)Testing API routes sucks, especially when using TypeScript. This article covers how to unit test Next.js API routes with TypeScript using Jest and React Testing Libraries. With the release of Next.js… wono | discuss | tweet
+ it dev jest Jest를 이용해서 테스트 코드를 작성해 보자!테스트 코드를 작성해야하는 이유...?작성한 코드가 의도한 대로 작동하는지 검증할 수 있다.코드 변경 시, 변경 부분으로 인한 영향도를 쉽게 파악할 수 있다.코드 리팩토링 시 기능 구현이 동일하게 되었다는 판단을 내릴 수 있다.코드 변경 시, 변경 부분으로 인한 영향도 wono | discuss | tweet
+ it dev jest Guide to writing integration tests in express js with Jest and SupertestWriting integration tests for new developers can prove a little tricky. During my first foray into... Tagged with javascript, express, node. wono | discuss | tweet
+ it dev sveltekit Our design pattern for SvelteKit - how we organize our projects wono | discuss | tweet
+ it dev sveltekit api SvelteKit API Endpoints And Loading Data For PagesLearn about API endpoints and loading data for your pages with SvelteKit. wono | discuss | tweet
+ 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