it + 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 + it dev react doubleclick Prevent double click ReactHello everyone im trying to prevent double click but im not doing any API calls, and dont want to use timeout I did few approachs first one import React, { useState } from "react"; const ... wono | discuss | tweet + it dev nextjs jotai provider Is there a reason NOT to use a Provider? · pmndrs/jotai · Discussion #1709Is there a reason NOT to use a Provider? wono | discuss | tweet + it ops db postgresql sample dvdrental 처음 사용자를 위한 PostgreSQL 사용 샘플 - 5. 데이터 업로드"처음 사용자를 위한 PostgreSQL 사용 샘플"이라는 제목의 시리즈로, 저처럼 PostgreSQL을 처음 접하는 사용자를 위한 기본적인 개념, 사용 샘플을 설명드립니다. 이전글 [Database/PostgreSQL] - 처음 사용자를 위한 PostgreSQL 사용 샘플 - 4. pgAdmin 설치 & DB 접속 아래 자료를 참조했습니다. PostgreSQL Domcumentation The Internals of PostgreSQL PostgreSQL Tutorial PSQL을 통한 데이터 로딩 이번에는 PSQL 유틸리티를 통해 데이터베이스를 만들고, 샘플 스키마를 생성하고 데이터를 로딩해 보겠습니다. PostgreSQL Tutorial 사이트에서 제공하는 샘플 스키마를 활용합니다. 먼저 아래 링크.. wono | discuss | tweet + it ops db table Database Naming StandardsIntroduction Database naming conventions, despite SQL having been around for decades, are... Tagged with database, sql, techtalks. wono | discuss | tweet + it dev nextjs shadcnui admin GitHub - satnaing/shadcn-admin: Admin Dashboard UI built with Shadcn and Vite.Admin Dashboard UI built with Shadcn and Vite. Contribute to satnaing/shadcn-admin development by creating an account on GitHub. wono | discuss | tweet + it dev nextjs admin template Admin Dashboard With Next.js, TypeScript & Shadcn/uiWe will build a dashboard interface using React, Next.js, TypeScript and Shadcn-ui. It will be a content management interface for blog posts. We will also use Recharts, Lucide-React, React-Hook-Form and Zod for validation. wono | discuss | tweet + it dev nextjs zod form [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 jotai Jotai 레시피이번 글에서는 카카오스타일에서 Jotai를 어떤 식으로 사용하고 있는지 여러가지 패턴에 대해 설명하려고 합니다. wono | discuss | tweet + it dev nextjs jotai SSR Usage - `useHydrateAtoms` hook causes a UI missmatch · pmndrs/jotai · Discussion #1982SSR Usage - `useHydrateAtoms` hook causes a UI missmatch wono | discuss | tweet + it dev nextjs jotai usehydrateatoms Nextjs + Jotai의 SSR 이슈 wono | discuss | tweet + it dev nextjs jotai ref div RSC内のCC同士を連携させるためにJotaiを使った話 wono | discuss | tweet + it dev nextjs jotai zustand [React🌀] 차세대 상태관리 라이브러리, Jotai VS Zustand ⭐ (Feat. Recoil)들어가며 프론트엔드 분야는 변화가 정말 빠르고 쉴새없이 발전하고 있는 것 같습니다. 하던 것만 열심히하면 어느새 뒤쳐지고 있는 자신을 발견할 수 있습니다… 😭 그 중에서도 가장 우리를 까다롭게 만드는 분야가 있죠, 바로 상태관리 (state management) 입니다. 리액트와 Next JS 등 프레임워크들이 여러 문제상황들을 해결해주었다고 하지만 상태관리에 대해서는 여전히 의문입니다. 코드가 길어지고, 무언가 모를 불편함이 항상 존재해왔죠. Redux 나 Mobx, 거기에 더 나아가서는 Redux 사용을 간소화시킨 Redux toolkit 또한 등장하지만 아직도 이 부분은 발전할 길이 많이 남았다고 생각됩니다. 그 중에 최근들어 점점 주목받고있는 2가지 라이브러리를 소개하고자 합니다! 바로 Jotai.. wono | discuss | tweetNext
+ 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
+ it dev react doubleclick Prevent double click ReactHello everyone im trying to prevent double click but im not doing any API calls, and dont want to use timeout I did few approachs first one import React, { useState } from "react"; const ... wono | discuss | tweet
+ it dev nextjs jotai provider Is there a reason NOT to use a Provider? · pmndrs/jotai · Discussion #1709Is there a reason NOT to use a Provider? wono | discuss | tweet
+ it ops db postgresql sample dvdrental 처음 사용자를 위한 PostgreSQL 사용 샘플 - 5. 데이터 업로드"처음 사용자를 위한 PostgreSQL 사용 샘플"이라는 제목의 시리즈로, 저처럼 PostgreSQL을 처음 접하는 사용자를 위한 기본적인 개념, 사용 샘플을 설명드립니다. 이전글 [Database/PostgreSQL] - 처음 사용자를 위한 PostgreSQL 사용 샘플 - 4. pgAdmin 설치 & DB 접속 아래 자료를 참조했습니다. PostgreSQL Domcumentation The Internals of PostgreSQL PostgreSQL Tutorial PSQL을 통한 데이터 로딩 이번에는 PSQL 유틸리티를 통해 데이터베이스를 만들고, 샘플 스키마를 생성하고 데이터를 로딩해 보겠습니다. PostgreSQL Tutorial 사이트에서 제공하는 샘플 스키마를 활용합니다. 먼저 아래 링크.. wono | discuss | tweet
+ it ops db table Database Naming StandardsIntroduction Database naming conventions, despite SQL having been around for decades, are... Tagged with database, sql, techtalks. wono | discuss | tweet
+ it dev nextjs shadcnui admin GitHub - satnaing/shadcn-admin: Admin Dashboard UI built with Shadcn and Vite.Admin Dashboard UI built with Shadcn and Vite. Contribute to satnaing/shadcn-admin development by creating an account on GitHub. wono | discuss | tweet
+ it dev nextjs admin template Admin Dashboard With Next.js, TypeScript & Shadcn/uiWe will build a dashboard interface using React, Next.js, TypeScript and Shadcn-ui. It will be a content management interface for blog posts. We will also use Recharts, Lucide-React, React-Hook-Form and Zod for validation. wono | discuss | tweet
+ it dev nextjs zod form [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 jotai Jotai 레시피이번 글에서는 카카오스타일에서 Jotai를 어떤 식으로 사용하고 있는지 여러가지 패턴에 대해 설명하려고 합니다. wono | discuss | tweet
+ it dev nextjs jotai SSR Usage - `useHydrateAtoms` hook causes a UI missmatch · pmndrs/jotai · Discussion #1982SSR Usage - `useHydrateAtoms` hook causes a UI missmatch wono | discuss | tweet
+ it dev nextjs jotai zustand [React🌀] 차세대 상태관리 라이브러리, Jotai VS Zustand ⭐ (Feat. Recoil)들어가며 프론트엔드 분야는 변화가 정말 빠르고 쉴새없이 발전하고 있는 것 같습니다. 하던 것만 열심히하면 어느새 뒤쳐지고 있는 자신을 발견할 수 있습니다… 😭 그 중에서도 가장 우리를 까다롭게 만드는 분야가 있죠, 바로 상태관리 (state management) 입니다. 리액트와 Next JS 등 프레임워크들이 여러 문제상황들을 해결해주었다고 하지만 상태관리에 대해서는 여전히 의문입니다. 코드가 길어지고, 무언가 모를 불편함이 항상 존재해왔죠. Redux 나 Mobx, 거기에 더 나아가서는 Redux 사용을 간소화시킨 Redux toolkit 또한 등장하지만 아직도 이 부분은 발전할 길이 많이 남았다고 생각됩니다. 그 중에 최근들어 점점 주목받고있는 2가지 라이브러리를 소개하고자 합니다! 바로 Jotai.. wono | discuss | tweet