it + it dev spring Spring Boot: 스프링 부트 공통 라이브러리 구축하기 (공통 모듈)소프트웨어 개발 세계에서 DRY(Do not Repeat Yourself) 원칙은 효율적인 코딩의 핵심입니다. 앤디 헌트와 데이브 토마스가 그들의 기념비적인 책 "The Pragmatic Programmer"에서 만들어낸 DRY 원칙은 코드베이스 내의 반복을 줄이는 것의 중요성을 강조합니다. 이 원칙을 준수함으로써 개발자는 중복을 최소화하고 오류 발생 가능성을 줄이며 코드를 더 유지 보수하기 쉽게 만들 수 있습니다. DRY 원칙이 빛을 발하는 일반적인 시나리오는 마이크로서비스 아키텍처의 개발입니다. 마이크로서비스는 여러 서비스가 유사한 기능을 공유하는 경우가 많습니다. 이러한 기능은 유틸리티 함수, 보안 구성, 예외 처리, 공통 비즈니스 로직 등 다양합니다. 이러한 코드를 여러 서비스에 중복시키는 대신,.. wono | discuss | tweet + it plan erp ERP 구현 선진사례와 피해야 할 리스크 | SAPSAP의 비즈니스 리더를 위한 선진사례 가이드로 ERP 구현을 자신 있게 탐색하세요. 단계적으로 흔히 발생하는 문제를 해결하는 방법을 알아보고 이점을 더 빨리 실현하세요. wono | discuss | tweet + it dev react state 리액트 전역 상태 관리 라이브러리? ㄴㄴ 저는 URL만 씁니다리액트로 개발하면 빼놓을 수 없는게 전역 상태 관리죠. 뭐 순수하게 UI컴포넌트를 만들어야 한다니 뭐니 해도, 저쪽에서 쓰고있는 상태를 이쪽에서 바꿔야 하는 일은 꼭 생깁니다.그래서 이제 전역상태를 url로 관리하는법을 소개합니닷!! wono | discuss | tweet + it dev shadcnui admin GitHub - josevcarvalho/nextjs-app-cms-ecommerce: CMS Ecommerce app using NextJS, Zustand, React Hook Form, PrismaClient, Tailwindcss, Postcss, MongoDB Atlas, Shadcn UI, Axios e ZodCMS Ecommerce app using NextJS, Zustand, React Hook Form, PrismaClient, Tailwindcss, Postcss, MongoDB Atlas, Shadcn UI, Axios e Zod - josevcarvalho/nextjs-app-cms-ecommerce wono | discuss | tweet + it dev awesome shadcnui GitHub - bytefer/awesome-shadcn-ui: A curated list of awesome things related to shadcn/ui.A curated list of awesome things related to shadcn/ui. - bytefer/awesome-shadcn-ui wono | discuss | tweet + it dev shadcnui nextjs GitHub - Kiranism/next-shadcn-dashboard-starter: Admin Dashboard Starter with Nextjs14 and shadcn uiAdmin Dashboard Starter with Nextjs14 and shadcn ui - Kiranism/next-shadcn-dashboard-starter wono | discuss | tweet + it dev react scroll 가상화 하여 더 나은 무한스크롤 구현하기 | ou9999.dev오늘의집과 같은 무한스크롤 구현 과정과 후기 wono | discuss | tweet + it dev react context [React.js] Context API를 이용하여 전역 상태 관리하기Context API를 이용하여 전역 상태 관리하기들어가며리액트(React.js)에서 Context API를 이용하여 전역 상태 관리하는 방법을 정리해본다.Context API를 이용하면 따로 패키지를 설치하지 않고도 전역 상태를 관리할 수 있다. Context API개념컴포넌트 트리에서 전역 상태를 보다 쉽게 공유할 수 있는 기능을 제공하는 API이 방법을 이용하면, 프롭 드릴링(Props Drilling)을 피할 수 있다. 방법① context 파일 생성하기전역으로 사용할 상태를 정의하는 @Context.js@ 파일을 생성한다. ./src/context.jsimport { createContext, useContext, useState } from 'react';// (1) Context 생성하기co.. wono | discuss | tweet + it dev react zustand Zustand 핵심 정리Zustand(주스탠드)는 작고 빠르며 확장 가능한 React 프로젝트에서 사용하는 상태 관리(Store) 라이브러리입니다. wono | discuss | tweet + it dev shadcnui [번역] shadcn/ui 의 해부올해 자바스크립트 생태계를 돌아다니다 보면 shadcn/ui라는 흥미로운 UI 라이브러리를 접했을 것입니다. 이 라이브러리는 npm 패키지로 배포되지 않고, CLI를 통해 컴포넌트의 소스 코드를 프로젝트에 포함하는 방식으로 제공됩니다. 이 라이브러리의 제작자는 shadcn/ui의 공식 웹 사이트 내에 이러한 결정을 내리게 된 이유에 대해서 작성하였습니다… wono | discuss | tweet + it dev typescript props Next.js에서 타입스크립트와 함께하는 함수형 컴포넌트의 모든 것함수형 컴포넌트는 리액트 개발에서 가독성 높고 간결한 코드 구조를 제공합니다. 이 글에서는 Next.js 환경에서 자바스크립트와 ES6 화살표 함수를 사용한 함수형 컴포넌트의 구조, 타입스크립트를 활용한 속성 정의 방법, 그리고 함수형 컴포넌트의 여러 구성 요소 및 방식에 대해 알아봅니다. wono | discuss | tweet + it dev react nextjs 05. React 기본 사항: 구성 요소, 상태 및 Props 최신 React와 Next.js 웹 개발 튜토리얼과 자료를 찾고 계신가요? ReactNext-Central에서 필요한 모든 정보와 가이드를 확인하세요. 바로 방… wono | discuss | tweet + it dev javascript problems Feature Request: Show all errors and warnings in project for all JavaScript and TypeScript files, not just opened ones · Issue #13953 · microsoft/vscodeI am using VS Code on a project at work that has hundreds of files and many layers of nested sub-directories. I frequently make changes that break many files, such as changing the call signature of a commonly used method. Since the proje... wono | discuss | tweet + it dev shadcnui shadcn ui 자세히 알아보기shadcn/ui가 무엇인지와 동작 방식을 탐구하고 그 인기를 파헤칩니다. wono | discuss | tweet + it ops aws ecs ec2 💪도전! 프리티어로 AWS ECS 사용하기: ECS 클러스터에 EC2 인스턴스 연결 + 간단 배포이제는 더 이상 미룰 수 없다. AWS ECS 첫 사용기 wono | discuss | tweet + it ops oci 무료 계정 (Free Tier) 사용자 계정 User 관리일반 상용 계정 (Pay As you Go, Annual Flex)와 무료 계정은 User 계정 메뉴가 속해있는 위치가 다릅니다. 또한, 상용 계정은 IAM with Identity Domain 이나 IDCS를 지원하는 반면, 무료 Trial 계정의 경우 현 시점 기준으로는 단순 메일 주소를 통한 사용자 등록만 지원하고 있습니다. 무료 Trial 계정의 사용자 관리는 아래와 같은 메뉴에서 확인하실 수 있습니다. Identity & Security > Identity > Domains > Users 사용자 추가는 Create user를 통해 입력 가능하며, 추가하시고자 하는 사용자 메일 계정을 입력해주시면 됩니다. 메일 입력 후, 필요하실 경우 Group에도 추가 가능하며 Create를 하게 되시면 등록하.. wono | discuss | tweet + it ops oci OCI 사용자 기본 설정(Feat. OCI IAM)taewan.kim wono | discuss | tweet + it dev nextjs auth best Next.js Authentication Best PracticesExplore key Next.js authentication best practices, including middleware vs. page component auth, preserving static rendering, and implementing multi-layered protection. Next.js authentication is the… wono | discuss | tweet + it dev nextjs middleware edgeruntime Switchable Runtime for Middleware (Allow Node.js APIs in Middleware) · vercel/next.js · Discussion #46722Switchable Runtime for Middleware (Allow Node.js APIs in Middleware) wono | discuss | tweet + it dev nextjs middleware fs Next.js middleware Module not found: Can't resolve 'fs'The Problem You are using the Node.js file system (fs) module in a Next.js middleware function. For example, you have a src/app/middleware.js file that… wono | discuss | tweetNext
+ it dev spring Spring Boot: 스프링 부트 공통 라이브러리 구축하기 (공통 모듈)소프트웨어 개발 세계에서 DRY(Do not Repeat Yourself) 원칙은 효율적인 코딩의 핵심입니다. 앤디 헌트와 데이브 토마스가 그들의 기념비적인 책 "The Pragmatic Programmer"에서 만들어낸 DRY 원칙은 코드베이스 내의 반복을 줄이는 것의 중요성을 강조합니다. 이 원칙을 준수함으로써 개발자는 중복을 최소화하고 오류 발생 가능성을 줄이며 코드를 더 유지 보수하기 쉽게 만들 수 있습니다. DRY 원칙이 빛을 발하는 일반적인 시나리오는 마이크로서비스 아키텍처의 개발입니다. 마이크로서비스는 여러 서비스가 유사한 기능을 공유하는 경우가 많습니다. 이러한 기능은 유틸리티 함수, 보안 구성, 예외 처리, 공통 비즈니스 로직 등 다양합니다. 이러한 코드를 여러 서비스에 중복시키는 대신,.. wono | discuss | tweet
+ it plan erp ERP 구현 선진사례와 피해야 할 리스크 | SAPSAP의 비즈니스 리더를 위한 선진사례 가이드로 ERP 구현을 자신 있게 탐색하세요. 단계적으로 흔히 발생하는 문제를 해결하는 방법을 알아보고 이점을 더 빨리 실현하세요. wono | discuss | tweet
+ it dev react state 리액트 전역 상태 관리 라이브러리? ㄴㄴ 저는 URL만 씁니다리액트로 개발하면 빼놓을 수 없는게 전역 상태 관리죠. 뭐 순수하게 UI컴포넌트를 만들어야 한다니 뭐니 해도, 저쪽에서 쓰고있는 상태를 이쪽에서 바꿔야 하는 일은 꼭 생깁니다.그래서 이제 전역상태를 url로 관리하는법을 소개합니닷!! wono | discuss | tweet
+ it dev shadcnui admin GitHub - josevcarvalho/nextjs-app-cms-ecommerce: CMS Ecommerce app using NextJS, Zustand, React Hook Form, PrismaClient, Tailwindcss, Postcss, MongoDB Atlas, Shadcn UI, Axios e ZodCMS Ecommerce app using NextJS, Zustand, React Hook Form, PrismaClient, Tailwindcss, Postcss, MongoDB Atlas, Shadcn UI, Axios e Zod - josevcarvalho/nextjs-app-cms-ecommerce wono | discuss | tweet
+ it dev awesome shadcnui GitHub - bytefer/awesome-shadcn-ui: A curated list of awesome things related to shadcn/ui.A curated list of awesome things related to shadcn/ui. - bytefer/awesome-shadcn-ui wono | discuss | tweet
+ it dev shadcnui nextjs GitHub - Kiranism/next-shadcn-dashboard-starter: Admin Dashboard Starter with Nextjs14 and shadcn uiAdmin Dashboard Starter with Nextjs14 and shadcn ui - Kiranism/next-shadcn-dashboard-starter wono | discuss | tweet
+ it dev react scroll 가상화 하여 더 나은 무한스크롤 구현하기 | ou9999.dev오늘의집과 같은 무한스크롤 구현 과정과 후기 wono | discuss | tweet
+ it dev react context [React.js] Context API를 이용하여 전역 상태 관리하기Context API를 이용하여 전역 상태 관리하기들어가며리액트(React.js)에서 Context API를 이용하여 전역 상태 관리하는 방법을 정리해본다.Context API를 이용하면 따로 패키지를 설치하지 않고도 전역 상태를 관리할 수 있다. Context API개념컴포넌트 트리에서 전역 상태를 보다 쉽게 공유할 수 있는 기능을 제공하는 API이 방법을 이용하면, 프롭 드릴링(Props Drilling)을 피할 수 있다. 방법① context 파일 생성하기전역으로 사용할 상태를 정의하는 @Context.js@ 파일을 생성한다. ./src/context.jsimport { createContext, useContext, useState } from 'react';// (1) Context 생성하기co.. wono | discuss | tweet
+ it dev react zustand Zustand 핵심 정리Zustand(주스탠드)는 작고 빠르며 확장 가능한 React 프로젝트에서 사용하는 상태 관리(Store) 라이브러리입니다. wono | discuss | tweet
+ it dev shadcnui [번역] shadcn/ui 의 해부올해 자바스크립트 생태계를 돌아다니다 보면 shadcn/ui라는 흥미로운 UI 라이브러리를 접했을 것입니다. 이 라이브러리는 npm 패키지로 배포되지 않고, CLI를 통해 컴포넌트의 소스 코드를 프로젝트에 포함하는 방식으로 제공됩니다. 이 라이브러리의 제작자는 shadcn/ui의 공식 웹 사이트 내에 이러한 결정을 내리게 된 이유에 대해서 작성하였습니다… wono | discuss | tweet
+ it dev typescript props Next.js에서 타입스크립트와 함께하는 함수형 컴포넌트의 모든 것함수형 컴포넌트는 리액트 개발에서 가독성 높고 간결한 코드 구조를 제공합니다. 이 글에서는 Next.js 환경에서 자바스크립트와 ES6 화살표 함수를 사용한 함수형 컴포넌트의 구조, 타입스크립트를 활용한 속성 정의 방법, 그리고 함수형 컴포넌트의 여러 구성 요소 및 방식에 대해 알아봅니다. wono | discuss | tweet
+ it dev react nextjs 05. React 기본 사항: 구성 요소, 상태 및 Props 최신 React와 Next.js 웹 개발 튜토리얼과 자료를 찾고 계신가요? ReactNext-Central에서 필요한 모든 정보와 가이드를 확인하세요. 바로 방… wono | discuss | tweet
+ it dev javascript problems Feature Request: Show all errors and warnings in project for all JavaScript and TypeScript files, not just opened ones · Issue #13953 · microsoft/vscodeI am using VS Code on a project at work that has hundreds of files and many layers of nested sub-directories. I frequently make changes that break many files, such as changing the call signature of a commonly used method. Since the proje... wono | discuss | tweet
+ it ops aws ecs ec2 💪도전! 프리티어로 AWS ECS 사용하기: ECS 클러스터에 EC2 인스턴스 연결 + 간단 배포이제는 더 이상 미룰 수 없다. AWS ECS 첫 사용기 wono | discuss | tweet
+ it ops oci 무료 계정 (Free Tier) 사용자 계정 User 관리일반 상용 계정 (Pay As you Go, Annual Flex)와 무료 계정은 User 계정 메뉴가 속해있는 위치가 다릅니다. 또한, 상용 계정은 IAM with Identity Domain 이나 IDCS를 지원하는 반면, 무료 Trial 계정의 경우 현 시점 기준으로는 단순 메일 주소를 통한 사용자 등록만 지원하고 있습니다. 무료 Trial 계정의 사용자 관리는 아래와 같은 메뉴에서 확인하실 수 있습니다. Identity & Security > Identity > Domains > Users 사용자 추가는 Create user를 통해 입력 가능하며, 추가하시고자 하는 사용자 메일 계정을 입력해주시면 됩니다. 메일 입력 후, 필요하실 경우 Group에도 추가 가능하며 Create를 하게 되시면 등록하.. wono | discuss | tweet
+ it dev nextjs auth best Next.js Authentication Best PracticesExplore key Next.js authentication best practices, including middleware vs. page component auth, preserving static rendering, and implementing multi-layered protection. Next.js authentication is the… wono | discuss | tweet
+ it dev nextjs middleware edgeruntime Switchable Runtime for Middleware (Allow Node.js APIs in Middleware) · vercel/next.js · Discussion #46722Switchable Runtime for Middleware (Allow Node.js APIs in Middleware) wono | discuss | tweet
+ it dev nextjs middleware fs Next.js middleware Module not found: Can't resolve 'fs'The Problem You are using the Node.js file system (fs) module in a Next.js middleware function. For example, you have a src/app/middleware.js file that… wono | discuss | tweet