it + it dev nextjs react form How to submit the form outside the form · Issue #566 · react-hook-form/react-hook-formwe have a case that we want to submit the form outside the form element how can we do that ? wono | discuss | tweet + it dev nextjs fetch [Next.js] Axios 역할을 대신하는 Custom Fetch 함수를 만들어보자 왜 Custom Fetch 를 만들어야 할까? 제목을 보고 들어왔다면, 굳이? 라는 의문이 들 수 있습니다. Axios 와 같은 라이브러리가 있는데 왜 Fetch 를 감싸는 커스텀 함수를 만들어야 할까요? Next.js 의 Fetch API 확장 Next.js는 wono | discuss | tweet + it dev nextjs fetch next 에서 fetch 호출시 클라이언트 컴포넌트와 서버 컴포넌트의 차이점서버 컴포넌트와 클라이언트 컴포넌트의 차이 서버 컴포넌트(Server Components) 어디에서 실행될까? 서버 컴포넌트는 Next.js 서버에서 실행된다. 여기서 Next.js 서버는 Node.js 환경에서 작동하는 서버이다. 이 서버는 사용자가 페이 wono | discuss | tweet + it dev nextjs text getting_raw_body_in_route_handlers_next_14 wono | discuss | tweet + it dev nextjs table 테이블을 편하게, Tanstack-table 사용하기돌인 줄 알았는데, 금이었다. wono | discuss | tweet + it dev nextjs table GitHub - rizqitsani/react-table-pagination-example: Client-side & server-side pagination pattern using React Table & React QueryClient-side & server-side pagination pattern using React Table & React Query - rizqitsani/react-table-pagination-example wono | discuss | tweet + it dev nextjs rerender React re-renders guide: preventing unnecessary re-rendersThis is the second part of React re-renders guide: everything, all at once. There are no investigations, no explorations in this guide, just raw facts and LOTs of patterns. Each pattern is linkable… wono | discuss | tweet + it ops db common 요즘 트랜드는 공통코드를 사용하지 않는 건가요? | OKKY Q&A안녕하세요.프로젝트를 수행중인 시니어 개발자로 요즘은 관리만 하고 있습니다. 주니어, 중니어 개발자들이 주도적으로 설계,구현을 하고 있습니다. 요즘 트랜드는 공통코드를 사용하지 않는 건가요?물론, 업무에 따라, 업무로직에 따라 공통코드를 사용하지 않을 수는 있습니다.근데, 라떼는 공통코드는 기본으로 무조건 만들고 시작했었는데... 개발자들이 구현해 놓은거 wono | discuss | tweet + it ops db common [DB 설계] 공통코드 테이블 설계개요 하나의 서비스를 만들면 서비스 내에서 정의하여 사용하는 수많은 코드 데이터들이 있다. 이런 코드들을 한데 모아서 관리하기 위한 목적으로 설계하는 것이 공통코드 테이블이다. 관리자 페이지가 따로 존재하는 경우에는 필수적으로 "공통 코드 관리" 메뉴를 확인할 수 있게 된다. 이는 거의 프로젝트 초반에 가장 먼저 설계하는 테이블들 중 하나이다. 어쨋든 우리는 서비스를 만들때 내부에서 많은 코드들을 정의해서 사용하곤 한다. 어떤 경우에는 해당 코드들을 테이블에서 관리하지 않고 소스 코드에서 관리하는 경우도 있다. (일정 규모 이상의 서비스를 만들고 있다면, 소스 코드에서 관리하는 일은 없다고 본다.) 소스코드에서 관리하게 되면 데이터를 조회 할때 그 코드값이 무엇을 의미하는지 소스코드를 직접 확인해야 한다.. wono | discuss | tweet + it ops db dbeaver How to Install Git Extension in Dbeaver and Connect your RepositoryIn a recent consultation with an international client, I focused on improving their data quality process. One of the tools I utilised was DBeaver, a versatile platform for managing multiple databases… wono | discuss | tweet + it tip tool [채널톡] 회사단톡방도 따로 쓰지 마세요쇼핑몰 매출상승과 비즈니스 성장을 지원하는 필수 앱과 솔루션, 지금 카페24 스토어에서 만나보세요! wono | discuss | tweet + it dev java jsp Multi-line alert in JavascriptThis code alert("Hello again! This is how we" + "\n" + "add line breaks to an alert box!"); doesn't work. Firefox JavaScript console names error as "unterminated string literal" and poi... wono | discuss | tweet + it dev java color Apache POI Excel 기본색상 : 네이버 블로그 wono | discuss | tweet + it ops mysql timezone utc Should MySQL have its timezone set to UTC?Follow up question of https://serverfault.com/questions/191331/should-servers-have-their-timezone-set-to-gmt-utc Should the MySQL timezone be set to UTC or should it be set to be the same timezone... wono | discuss | tweet + it dev nextjs redirect Next 13.4 Error: NEXT_REDIRECT in API routesMy /app/api/auth/route.ts file: import { redirect } from 'next/navigation'; export async function GET(req: Request) { try { redirect('/dashboard'); } catch (error) { console.log(er... wono | discuss | tweet + it ops aws ec2 backup Amazon EC2 사용 팁 3종 세트 (간단하게 온오프, 백업, 접속하기)AWS EC2를 사용하면서 개인적으로 유용하다고 느낀 사소한 테크닉들을 소개합니다. wono | discuss | tweet + it ops aws backup [AWS Architecting]백업 및 복구1. 재해 발생 시 인프라 보호 재해 발생 시 인프라를 보호할 수 있는 몇 가지 방법은 다음과 같습니다. - 여러 AWS 스토리지 서비스를 사용하여 데이터 복제 - 빠르게 배포 가능한 AMI를 생성하여 컴퓨팅 리소스 시작 - 장애가 발생한 구성요소에서 다른 구성요소로 트래픽을 라우팅하는 여러 장애 조치 메커니즘을 사용하여 네트워크 설계 - 데이터베이스 스냅샷 및 백업 사용 재해 복구 계획의 구성 요소: 테스트 구현 검증 리소스 복구 경로를 프로덕션 환경에서 정기적으로 실행 계획 복구 패턴을 설정하고 정기적으로 테스트 가용성 개념: 고가용성 - 가동 중단 시간 및 비용을 최소화 - 장애로부터 보호 - 매우 짧은 가동 중단, 신속한 복구, 낮은 비용으로 비즈니스를 지속 운영 가능 내결함성 - 서비스 중단이 .. wono | discuss | tweet + it ops aws ec2 ami backup [AWS Backup] Backup을 사용하여 EC2백업 & 복원안녕하세요 :o 오늘은 AWS Backup을 사용하여 EC2를 백업 및 복원을 해보도록 하겠습니다. AWS Backup이란 파일 시스템, 블록 스토리지 볼륨, 관계형 데이터베이스, NoSQL 데이터베이스등의 백업을 필요한 순간에 손쉽게 자동(or 수동)백업할 수 있는 서비스이다. AWS Backup을 사용하면 데이터 보호를 중앙 집중화하고 자동화할 수 있습니다. 또한 규모에 맞게 데이터를 간소화하여 비용을 효율적으로 관리할 수 있습니다. 그리고 간단한 백업 일정 및 보존관리 자동화를 통해 백업의 빈도와 백업데이터의 유지기간등을 설정하여 더욱 편리하게 백업 정책을 관리할 수 있습니다. 목 차 1. 온디맨드 Backup (수동백업) 2. EC2 인스턴스의 자동 AWS Backup 작업 구성 3. AWS Ba.. wono | discuss | tweet + it ops aws ec2 ami AWS Backup을 사용한 EC2 자동 백업AWS Backup을 사용하면 EC2의 AMI를 정해진 일정에 따라 자동으로 생성해 보관할 수 있습니다. 먼저 AWS Backup 콘솔로 가서 백업 계획을 생성합니다. 백업 계획 생성 화면으로 이동하면 가장 먼저 아래 화면을 볼 수 있습니다. '템플릿으로 시작' 옵션은 AWS에서 미리 생성한 규칙에 따라 백업 계획을 설정합니다. 템플릿 규칙은 매일 백업/매일, 매달 백업/매일, 매주, 매달 백업 등이 있습니다. '새 계획 수립' 옵션은 사용자가 직접 백업 계획의 구성 요소들을 설정하는 옵션입니다. 백업 주기/보존 기간 등 백업 계획을 구성하는 요소를 사용자가 직접 설정할 수 있습니다. 'JSON을 사용하여 계획 정의'는 JSON 표현식을 사용해 백업 계획을 설정하는 옵션입니다. 백업 계획을 구성하는 각 .. wono | discuss | tweet + it ops aws ec2 ami [AWS] 📚 AMI / Snapshot 개념 & 백업 사용법 💯 정리EC2 데이터 백업 백업 및 복원을 서버를 사용하는 사람들에게는 필수적으로 알아야할 내용이며 백업하는 습관은 의무적으로라도 해야할한만큼 중요한 습관이다. EC2는 기본적으로 사용을 하면 할 수록 요금이 많이 발생하게 된다. 따라서 절약하기 위해서는 주기적으로 사용하지 않는 EC2를 중지하거나 종료를 해햐한다. 하지만 해당 EC2에 중요한 데이터나 다시 사용할 수도 있는 데이터들이 담겨져 있는 경우가 많다. 이러한 백업 및 복원에 대한 유지관리를 편리하게 할 수 있는 방법이 AMI 이미지를 통해 EC2의 정보를 저장하고 EBS Snapshot을 통해 데이터를 저장하는 방법이 있다. 이번 강의에서는 EBS 스냅샷, AMI에 대해 알아보고, 이를 백업하여 관리하는 방법을 소개해본다. 스냅샷(Snapshot) .. wono | discuss | tweetNext
+ it dev nextjs react form How to submit the form outside the form · Issue #566 · react-hook-form/react-hook-formwe have a case that we want to submit the form outside the form element how can we do that ? wono | discuss | tweet
+ it dev nextjs fetch [Next.js] Axios 역할을 대신하는 Custom Fetch 함수를 만들어보자 왜 Custom Fetch 를 만들어야 할까? 제목을 보고 들어왔다면, 굳이? 라는 의문이 들 수 있습니다. Axios 와 같은 라이브러리가 있는데 왜 Fetch 를 감싸는 커스텀 함수를 만들어야 할까요? Next.js 의 Fetch API 확장 Next.js는 wono | discuss | tweet
+ it dev nextjs fetch next 에서 fetch 호출시 클라이언트 컴포넌트와 서버 컴포넌트의 차이점서버 컴포넌트와 클라이언트 컴포넌트의 차이 서버 컴포넌트(Server Components) 어디에서 실행될까? 서버 컴포넌트는 Next.js 서버에서 실행된다. 여기서 Next.js 서버는 Node.js 환경에서 작동하는 서버이다. 이 서버는 사용자가 페이 wono | discuss | tweet
+ it dev nextjs table GitHub - rizqitsani/react-table-pagination-example: Client-side & server-side pagination pattern using React Table & React QueryClient-side & server-side pagination pattern using React Table & React Query - rizqitsani/react-table-pagination-example wono | discuss | tweet
+ it dev nextjs rerender React re-renders guide: preventing unnecessary re-rendersThis is the second part of React re-renders guide: everything, all at once. There are no investigations, no explorations in this guide, just raw facts and LOTs of patterns. Each pattern is linkable… wono | discuss | tweet
+ it ops db common 요즘 트랜드는 공통코드를 사용하지 않는 건가요? | OKKY Q&A안녕하세요.프로젝트를 수행중인 시니어 개발자로 요즘은 관리만 하고 있습니다. 주니어, 중니어 개발자들이 주도적으로 설계,구현을 하고 있습니다. 요즘 트랜드는 공통코드를 사용하지 않는 건가요?물론, 업무에 따라, 업무로직에 따라 공통코드를 사용하지 않을 수는 있습니다.근데, 라떼는 공통코드는 기본으로 무조건 만들고 시작했었는데... 개발자들이 구현해 놓은거 wono | discuss | tweet
+ it ops db common [DB 설계] 공통코드 테이블 설계개요 하나의 서비스를 만들면 서비스 내에서 정의하여 사용하는 수많은 코드 데이터들이 있다. 이런 코드들을 한데 모아서 관리하기 위한 목적으로 설계하는 것이 공통코드 테이블이다. 관리자 페이지가 따로 존재하는 경우에는 필수적으로 "공통 코드 관리" 메뉴를 확인할 수 있게 된다. 이는 거의 프로젝트 초반에 가장 먼저 설계하는 테이블들 중 하나이다. 어쨋든 우리는 서비스를 만들때 내부에서 많은 코드들을 정의해서 사용하곤 한다. 어떤 경우에는 해당 코드들을 테이블에서 관리하지 않고 소스 코드에서 관리하는 경우도 있다. (일정 규모 이상의 서비스를 만들고 있다면, 소스 코드에서 관리하는 일은 없다고 본다.) 소스코드에서 관리하게 되면 데이터를 조회 할때 그 코드값이 무엇을 의미하는지 소스코드를 직접 확인해야 한다.. wono | discuss | tweet
+ it ops db dbeaver How to Install Git Extension in Dbeaver and Connect your RepositoryIn a recent consultation with an international client, I focused on improving their data quality process. One of the tools I utilised was DBeaver, a versatile platform for managing multiple databases… wono | discuss | tweet
+ it tip tool [채널톡] 회사단톡방도 따로 쓰지 마세요쇼핑몰 매출상승과 비즈니스 성장을 지원하는 필수 앱과 솔루션, 지금 카페24 스토어에서 만나보세요! wono | discuss | tweet
+ it dev java jsp Multi-line alert in JavascriptThis code alert("Hello again! This is how we" + "\n" + "add line breaks to an alert box!"); doesn't work. Firefox JavaScript console names error as "unterminated string literal" and poi... wono | discuss | tweet
+ it ops mysql timezone utc Should MySQL have its timezone set to UTC?Follow up question of https://serverfault.com/questions/191331/should-servers-have-their-timezone-set-to-gmt-utc Should the MySQL timezone be set to UTC or should it be set to be the same timezone... wono | discuss | tweet
+ it dev nextjs redirect Next 13.4 Error: NEXT_REDIRECT in API routesMy /app/api/auth/route.ts file: import { redirect } from 'next/navigation'; export async function GET(req: Request) { try { redirect('/dashboard'); } catch (error) { console.log(er... wono | discuss | tweet
+ it ops aws ec2 backup Amazon EC2 사용 팁 3종 세트 (간단하게 온오프, 백업, 접속하기)AWS EC2를 사용하면서 개인적으로 유용하다고 느낀 사소한 테크닉들을 소개합니다. wono | discuss | tweet
+ it ops aws backup [AWS Architecting]백업 및 복구1. 재해 발생 시 인프라 보호 재해 발생 시 인프라를 보호할 수 있는 몇 가지 방법은 다음과 같습니다. - 여러 AWS 스토리지 서비스를 사용하여 데이터 복제 - 빠르게 배포 가능한 AMI를 생성하여 컴퓨팅 리소스 시작 - 장애가 발생한 구성요소에서 다른 구성요소로 트래픽을 라우팅하는 여러 장애 조치 메커니즘을 사용하여 네트워크 설계 - 데이터베이스 스냅샷 및 백업 사용 재해 복구 계획의 구성 요소: 테스트 구현 검증 리소스 복구 경로를 프로덕션 환경에서 정기적으로 실행 계획 복구 패턴을 설정하고 정기적으로 테스트 가용성 개념: 고가용성 - 가동 중단 시간 및 비용을 최소화 - 장애로부터 보호 - 매우 짧은 가동 중단, 신속한 복구, 낮은 비용으로 비즈니스를 지속 운영 가능 내결함성 - 서비스 중단이 .. wono | discuss | tweet
+ it ops aws ec2 ami backup [AWS Backup] Backup을 사용하여 EC2백업 & 복원안녕하세요 :o 오늘은 AWS Backup을 사용하여 EC2를 백업 및 복원을 해보도록 하겠습니다. AWS Backup이란 파일 시스템, 블록 스토리지 볼륨, 관계형 데이터베이스, NoSQL 데이터베이스등의 백업을 필요한 순간에 손쉽게 자동(or 수동)백업할 수 있는 서비스이다. AWS Backup을 사용하면 데이터 보호를 중앙 집중화하고 자동화할 수 있습니다. 또한 규모에 맞게 데이터를 간소화하여 비용을 효율적으로 관리할 수 있습니다. 그리고 간단한 백업 일정 및 보존관리 자동화를 통해 백업의 빈도와 백업데이터의 유지기간등을 설정하여 더욱 편리하게 백업 정책을 관리할 수 있습니다. 목 차 1. 온디맨드 Backup (수동백업) 2. EC2 인스턴스의 자동 AWS Backup 작업 구성 3. AWS Ba.. wono | discuss | tweet
+ it ops aws ec2 ami AWS Backup을 사용한 EC2 자동 백업AWS Backup을 사용하면 EC2의 AMI를 정해진 일정에 따라 자동으로 생성해 보관할 수 있습니다. 먼저 AWS Backup 콘솔로 가서 백업 계획을 생성합니다. 백업 계획 생성 화면으로 이동하면 가장 먼저 아래 화면을 볼 수 있습니다. '템플릿으로 시작' 옵션은 AWS에서 미리 생성한 규칙에 따라 백업 계획을 설정합니다. 템플릿 규칙은 매일 백업/매일, 매달 백업/매일, 매주, 매달 백업 등이 있습니다. '새 계획 수립' 옵션은 사용자가 직접 백업 계획의 구성 요소들을 설정하는 옵션입니다. 백업 주기/보존 기간 등 백업 계획을 구성하는 요소를 사용자가 직접 설정할 수 있습니다. 'JSON을 사용하여 계획 정의'는 JSON 표현식을 사용해 백업 계획을 설정하는 옵션입니다. 백업 계획을 구성하는 각 .. wono | discuss | tweet
+ it ops aws ec2 ami [AWS] 📚 AMI / Snapshot 개념 & 백업 사용법 💯 정리EC2 데이터 백업 백업 및 복원을 서버를 사용하는 사람들에게는 필수적으로 알아야할 내용이며 백업하는 습관은 의무적으로라도 해야할한만큼 중요한 습관이다. EC2는 기본적으로 사용을 하면 할 수록 요금이 많이 발생하게 된다. 따라서 절약하기 위해서는 주기적으로 사용하지 않는 EC2를 중지하거나 종료를 해햐한다. 하지만 해당 EC2에 중요한 데이터나 다시 사용할 수도 있는 데이터들이 담겨져 있는 경우가 많다. 이러한 백업 및 복원에 대한 유지관리를 편리하게 할 수 있는 방법이 AMI 이미지를 통해 EC2의 정보를 저장하고 EBS Snapshot을 통해 데이터를 저장하는 방법이 있다. 이번 강의에서는 EBS 스냅샷, AMI에 대해 알아보고, 이를 백업하여 관리하는 방법을 소개해본다. 스냅샷(Snapshot) .. wono | discuss | tweet