it + it dev nextjs editor Which WYSIWYG Editor is best for Next JS and Tailwind (Free) wono | discuss | tweet + it dev nextjs suspense [Next.js] Suspense를 이용한 Skeleton UI 적용하기위와 같은 페이지에 리스트 데이터가 렌더링 되기 전까지 스켈레톤을 보여주려고 한다. Next.js에서도 React와 마찬가지로 Suspense를 사용하여 Skeleton UI를 적용할 수 있다. Skeleton 컴포넌트 구현하기(app/components/Skeleton.tsx)import styles from '@/styles/skeleton.module.scss'interface SkeletonProps { w: number h: number radius?: number wUnit?: string style?: React.CSSProperties}export default function Skeleton({ w, h, wUnit = 'px', radius = 8, style,.. wono | discuss | tweet + it dev typescript nameof Get name of variable in typescriptHow can I get a variables name in typescript? I want something like this: var name = "Foo"; alert(getVariableName(name)); //Prints "name" wono | discuss | tweet + it dev typescript nameof Typescript nameof wono | discuss | tweet + it dev typescript generic [TypeScript] tsx 화살표 함수에 제네릭 사용하기tsx에서 `<>`는 태그를 나타낼 때 사용하므로, 컴파일러에게 태그가 아닌 제네릭임을 알려 주어야 합니다. 🧐 wono | discuss | tweet + it dev typescript formdata Convert JS Object to form dataHow can I can convert my JS Object to FormData? The reason why I want to do this is, I have an object that I constructed out of the ~100 form field values. var item = { description: 'Some Ite... wono | discuss | tweet + it dev nextjs pagination Epic Next JS 15 Tutorial Part 8Learn how to implement search and pagination functionalities in Next.js. wono | discuss | tweet + it dev nextjs error Understand Error Handling in Modern Next.jsWe cover how to handle errors on both the client and server sides, explaining error handling and its process and the types of errors specific to Next.js apps. wono | discuss | tweet + it ops api design Is there any standard for JSON API response format?Do standards or best practices exist for structuring JSON responses from an API? Obviously, every application's data is different, so that much I'm not concerned with, but rather the "response wono | discuss | tweet + it ops api design API 디자인 가이드 | Cloud API Design Guide | Google CloudGoogle AIP와 일치하는 API를 설계하기 위한 가이드라인 모음입니다. wono | discuss | tweet + it ops linux memory watch Linux - Displaying Memory Usage LiveI'm running GNU - Screen (4.03.01) so I can have multiple terminals in one, and I'm looking for a good way to display live stats of my memory, so as I do things like compiling, testing programs, et... wono | discuss | tweet + it ops tomcat logrotate tomcat log rotate 하기1. catalina.out→ logrotate.d 사용 2. access_logtomcat valve doc 을 참고하였다. rotate하기 위해서 다음과 같이 server.xml의 Valve 태그에 maxDays attribute를 추가해준다. 1vi /path/to/tomcat/conf/server.xml 1234567<!-- Acc wono | discuss | tweet + it ops aws ec2 monitoring [CloudWatch #3] Cloudwatch Agent 설치[Memory/Disk 수집]Cloudwatch Agent란? 클라우드워치 에이전트는 AWS의 모니터링 서비스인 Amazon CloudWatch와 함께 사용되는 소프트웨어입니다. Cloudwatch에서 기본으로 제공하는 모니터링 외에 추가로 메모리, 디스크 사용량 등 더 많은 지표들을 수집하려면 Cloudwatch Agent를 설치해야 됩니다. Cloudwatch Agent를 사용하면 추가비용이 들지만 더 많은 지표들을 추가할 수 있어 클라우드, 온프레미스에서의 원활한 모니터링과 운영에 도움이 되는 소프트웨어 입니다. Cloudwatch Agent 설치 IAM Role 생성 EC2 인스턴스에 IAM Role 연결 EC2 인스턴스에 CloudWatch Agent 설치 CloudWatch Agent로 메모리 사용량 확인 부하테스트 Di.. wono | discuss | tweet + it dev nextjs upload Next.js File Uploads: Server-Side SolutionsYour No-BS Solution for Enterprise-Ready Next.js Applications wono | discuss | tweet + it dev nextjs upload How to handle file upload on client using react hook form and next.js 14 server actions · vercel/next.js · Discussion #68944How to handle file upload on client using react hook form and next.js 14 server actions wono | discuss | tweet + it dev nextjs upload How to send File Object from client component to server actions in Next.js 14? · vercel/next.js · Discussion #67683How to send File Object from client component to server actions in Next.js 14? wono | discuss | tweet + it dev flutter nuget Flutter windows build: Nuget is not installedI uninstalled Visual Studio 2019 and installed it as 2022. I reinstalled Flutter. When building Flutter desktop, the following problem is repeated. If I run it in another project, it works without ... wono | discuss | tweet + it dev typescript formdata Convert Javascript Object into FormData for POST requestThere are many ways to send data from html form to backend through POST request. Out of them, the primary way is FormData. wono | discuss | tweet + it dev nextjs shadcnui react zod [Next.js] Shadcn/ui + zod + React-hook-form 으로 회원가입 페이지 구현하기Next.js에서 Shadcn/ui, zod, RHF 를 사용하여 회원가입을 구현하여 보았다.Shadcn/ui는 Radix UI 및 Tailwind CSS를 사용하여 구축된 재사용 가능한 컴포넌트이다.컴포넌트 라이브러리가 아닌 재사용 가능한 컴포넌트의 모음이다.우리는 wono | discuss | tweet + it dev nextjs react zod shadcn Input + Form + Zod "A component is changing an uncontrolled input to be controlled"a little background Im using shadcn ui library and Zod to create some simple forms in my Next.js React app. The input are of type select and text The problem I'm following shadcn documentation on h... wono | discuss | tweetNext
+ it dev nextjs editor Which WYSIWYG Editor is best for Next JS and Tailwind (Free) wono | discuss | tweet
+ it dev nextjs suspense [Next.js] Suspense를 이용한 Skeleton UI 적용하기위와 같은 페이지에 리스트 데이터가 렌더링 되기 전까지 스켈레톤을 보여주려고 한다. Next.js에서도 React와 마찬가지로 Suspense를 사용하여 Skeleton UI를 적용할 수 있다. Skeleton 컴포넌트 구현하기(app/components/Skeleton.tsx)import styles from '@/styles/skeleton.module.scss'interface SkeletonProps { w: number h: number radius?: number wUnit?: string style?: React.CSSProperties}export default function Skeleton({ w, h, wUnit = 'px', radius = 8, style,.. wono | discuss | tweet
+ it dev typescript nameof Get name of variable in typescriptHow can I get a variables name in typescript? I want something like this: var name = "Foo"; alert(getVariableName(name)); //Prints "name" wono | discuss | tweet
+ it dev typescript generic [TypeScript] tsx 화살표 함수에 제네릭 사용하기tsx에서 `<>`는 태그를 나타낼 때 사용하므로, 컴파일러에게 태그가 아닌 제네릭임을 알려 주어야 합니다. 🧐 wono | discuss | tweet
+ it dev typescript formdata Convert JS Object to form dataHow can I can convert my JS Object to FormData? The reason why I want to do this is, I have an object that I constructed out of the ~100 form field values. var item = { description: 'Some Ite... wono | discuss | tweet
+ it dev nextjs pagination Epic Next JS 15 Tutorial Part 8Learn how to implement search and pagination functionalities in Next.js. wono | discuss | tweet
+ it dev nextjs error Understand Error Handling in Modern Next.jsWe cover how to handle errors on both the client and server sides, explaining error handling and its process and the types of errors specific to Next.js apps. wono | discuss | tweet
+ it ops api design Is there any standard for JSON API response format?Do standards or best practices exist for structuring JSON responses from an API? Obviously, every application's data is different, so that much I'm not concerned with, but rather the "response wono | discuss | tweet
+ it ops api design API 디자인 가이드 | Cloud API Design Guide | Google CloudGoogle AIP와 일치하는 API를 설계하기 위한 가이드라인 모음입니다. wono | discuss | tweet
+ it ops linux memory watch Linux - Displaying Memory Usage LiveI'm running GNU - Screen (4.03.01) so I can have multiple terminals in one, and I'm looking for a good way to display live stats of my memory, so as I do things like compiling, testing programs, et... wono | discuss | tweet
+ it ops tomcat logrotate tomcat log rotate 하기1. catalina.out→ logrotate.d 사용 2. access_logtomcat valve doc 을 참고하였다. rotate하기 위해서 다음과 같이 server.xml의 Valve 태그에 maxDays attribute를 추가해준다. 1vi /path/to/tomcat/conf/server.xml 1234567<!-- Acc wono | discuss | tweet
+ it ops aws ec2 monitoring [CloudWatch #3] Cloudwatch Agent 설치[Memory/Disk 수집]Cloudwatch Agent란? 클라우드워치 에이전트는 AWS의 모니터링 서비스인 Amazon CloudWatch와 함께 사용되는 소프트웨어입니다. Cloudwatch에서 기본으로 제공하는 모니터링 외에 추가로 메모리, 디스크 사용량 등 더 많은 지표들을 수집하려면 Cloudwatch Agent를 설치해야 됩니다. Cloudwatch Agent를 사용하면 추가비용이 들지만 더 많은 지표들을 추가할 수 있어 클라우드, 온프레미스에서의 원활한 모니터링과 운영에 도움이 되는 소프트웨어 입니다. Cloudwatch Agent 설치 IAM Role 생성 EC2 인스턴스에 IAM Role 연결 EC2 인스턴스에 CloudWatch Agent 설치 CloudWatch Agent로 메모리 사용량 확인 부하테스트 Di.. wono | discuss | tweet
+ it dev nextjs upload Next.js File Uploads: Server-Side SolutionsYour No-BS Solution for Enterprise-Ready Next.js Applications wono | discuss | tweet
+ it dev nextjs upload How to handle file upload on client using react hook form and next.js 14 server actions · vercel/next.js · Discussion #68944How to handle file upload on client using react hook form and next.js 14 server actions wono | discuss | tweet
+ it dev nextjs upload How to send File Object from client component to server actions in Next.js 14? · vercel/next.js · Discussion #67683How to send File Object from client component to server actions in Next.js 14? wono | discuss | tweet
+ it dev flutter nuget Flutter windows build: Nuget is not installedI uninstalled Visual Studio 2019 and installed it as 2022. I reinstalled Flutter. When building Flutter desktop, the following problem is repeated. If I run it in another project, it works without ... wono | discuss | tweet
+ it dev typescript formdata Convert Javascript Object into FormData for POST requestThere are many ways to send data from html form to backend through POST request. Out of them, the primary way is FormData. wono | discuss | tweet
+ it dev nextjs shadcnui react zod [Next.js] Shadcn/ui + zod + React-hook-form 으로 회원가입 페이지 구현하기Next.js에서 Shadcn/ui, zod, RHF 를 사용하여 회원가입을 구현하여 보았다.Shadcn/ui는 Radix UI 및 Tailwind CSS를 사용하여 구축된 재사용 가능한 컴포넌트이다.컴포넌트 라이브러리가 아닌 재사용 가능한 컴포넌트의 모음이다.우리는 wono | discuss | tweet
+ it dev nextjs react zod shadcn Input + Form + Zod "A component is changing an uncontrolled input to be controlled"a little background Im using shadcn ui library and Zod to create some simple forms in my Next.js React app. The input are of type select and text The problem I'm following shadcn documentation on h... wono | discuss | tweet