it + it dev nextjs api Building APIs with Next.jsLearn about how to build APIs with Next.js. wono | discuss | tweet + it dev tailwindcss dynamic inline_css_variables wono | discuss | tweet + it dev tailwindcss dynamic safelist isn't working for conditional classes hover, focus etc. · tailwindlabs/tailwindcss · Discussion #12161safelist isn't working for conditional classes hover, focus etc. wono | discuss | tweet + it dev tailwindcss [Tailwind CSS] 커스텀 색상 설정하기 (+Color Tone Map 설정)tailwind.config 파일을 수정하여 커스텀 색상을 설정하는 방법과, 기본 색상 코드 만드로 색조 팔레트를 구성하는 방법에 대해 알아보자. wono | discuss | tweet + it dev tailwindcss Tailwind CSS 에서 동적으로 클래스 할당하기Tailwind CSS 에서 동적으로 클래스 할당하기 wono | discuss | tweet + it dev tailwindcss dynamic Detecting classes in source files - Core conceptsUnderstanding and customizing how Tailwind scans your source files. wono | discuss | tweet + it dev tailwindcss dynamic Computed classes for arbitrary color values do not render correctly in Vue 3 · tailwindlabs/tailwindcss · Discussion #13052Computed classes for arbitrary color values do not render correctly in Vue 3 wono | discuss | tweet + it dev tailwindcss Unable to set arbitrary value for a background : r/tailwindcss wono | discuss | tweet + it dev css flex flex item에 text-overflow: ellipsis 속성 적용하기어떤 요소에 텍스트 노드가 하나 있다고 가정해보겠습니다. 이 요소는 특정 너비를 갖고 있다고 한다면, 텍스트가 이 요소보다 길 수도 있겠죠?아래는 네이버 메인 화면 중 일부분인데요. 텍스트가 컨테이닝 블록보다 길어지니 ... 처리된 것을 볼 수 있습니다.이는 말줄임표 wono | discuss | tweet + it dev react fullcalendar [MySchedule project] 15. React-big-Calendar 사용하기 (1)이번 시간은 react big calendar 라이브러리를 사용해서 스케줄관리에 대한 코드를 작성해 보겠다. 구현에 들어가기 앞서 react-big-calendar 라이브러리를 설치한다. 추가적으로 날짜관리 라이브러리인 moment.js도 같이 설치 해준다. [ 설치 ] npm install --save react-big-calendar npm install moment [ import ] - "react-big-calendar" 라이브러리와 "moment.js"를 설치 했다면 아래 부분을 import 해준다. import { Calendar, View, DateLocalizer } from "react-big-calendar"; import moment from "moment"; import { mom.. wono | discuss | tweet + it dev shadcnui Awesome shadcn/ui wono | discuss | tweet + it ops opensource 주목할 만한 ‘K-오픈소스’ 프로젝트 | 요즘IT한국 개발자의 오픈소스 혁신, typia·SWC·Flitter 등 글로벌 주목 wono | discuss | tweet + it dev nextjs fullcalendar [blocks]: Full calendar · shadcn-ui/ui · Discussion #3214[blocks]: Full calendar wono | discuss | tweet + it ops sms 전용계좌 충전 전용 계좌사업자 등록 완료 후 각각의 계정에 전용 계좌를 발급 받으실 수 있습니다. 해당 전용계좌로 입금 시 회원님의 계정에 자동으로 잔액이 충전됩니다. 전용 계좌 발급 및 충전하기 1. 충전/관리에서 잔액 충전 버튼을 눌러주세요. 2. 결제 방식 선택 > 전용계좌입금 선택 후 전용계좌 발급받기(사업자 전용)을 클릭합니다. - 사업자 미 인증 wono | discuss | tweet + it dev react nextjs [React] 핸드폰 인증번호 타이머 기능을 구현해보자구현 먼저 구현하기 위해 간단한 핸드폰 번호 입력 폼과 전송 버튼을 간단하게 만들어보았다. 기능에 초점을 두기 위해 최대한 디자인은 심플하게 구성하였다. import styled from "styled-components"; export default function Verification() { return ( 인증번호 전송 ); } const Wrapper = styled.div` display: flex; flex-direction: column; `; const Form = { Wrapper: styled.div` display: flex; gap: 8px; `, Input: styled.input` padding: 12px 18px; border: none; border-radius: 8px; .. wono | discuss | tweet + it ops aws msk kafka AWS에서 Apache Kafka를 이용하는 방법(MSK)안녕하세요. 클라우드메이트 TE팀 정혜원입니다. 고객의 인프라 환경을 마이그레이션하며 MSK를 사용하게 되었고, 이해를 돕기 위해 해당 서비스를 직접 실습해 wono | discuss | tweet + it dev nextjs zode phoneregex zod를 이용해 회원가입 폼을 만들어보기zod는 타입스크립트를 우선하는 스키마 선언 / 검증 라이브러리입니다. 타입스크립트의 타입체킹을 보완해주는 역할을 수행한다고도 볼 수 있는데 쉽게 생각하면 폼,인풋에 필연적으로 따라오는 유효성검증 로직을 해결해주는 라이브러리입니다. 기본적인 개념과 사용방법은 아래 링크에서 참고해주시기 바랍니다. https://xionwcfm.tistory.com/346 zod 라이브러리 사용법 간단히 익히기 zod zod는 타입스크립트를 우선하는 스키마 선언 / 검증 라이브러리입니다. validation을 도와준다고도 생각할 수 있는데 문법은 간결하고 쉬우면서도 기능은 강력합니다. 공식 documentation에 따르면 xionwcfm.tistory.com 이번엔 위 링크에서 얻은 선수지식을 기반으로 사용할 수 있는 회.. wono | discuss | tweet + it dev react typesceipt React 핵심 패턴 with TSReact 기본 문법의 다양한 사용 패턴을 TypeScript 활용과 함께 살펴봅니다. wono | discuss | tweet + it ops aws billing 5월 연휴에 금융거래 중단됩니다5월 3일부터 이어지는 연휴에 일부 금융사에서 전산시스템 이전 작업으로 금융거래를 일시적으로 전면 중단한다.1일 금융업계에 따르면 IBK기업은행과 한국투자증권이 전산시스템 이전 작업으로 금융거래를 일시 중단한다.기업은행의 경우 5월 3일 0시부터 5월 5일 24시까지 중단되는데 이... wono | discuss | tweet + it ops aws billing AWS 계정 연체, 카드 결제 시도 실패하면? 미납요금 결제 방법aws에 등록된 카드로 자동 결제가 실패하면 아래와 같은 email이 도착합니다. (일부 내용은 삭제된 이미지... wono | discuss | tweetNext
+ it dev nextjs api Building APIs with Next.jsLearn about how to build APIs with Next.js. wono | discuss | tweet
+ it dev tailwindcss dynamic safelist isn't working for conditional classes hover, focus etc. · tailwindlabs/tailwindcss · Discussion #12161safelist isn't working for conditional classes hover, focus etc. wono | discuss | tweet
+ it dev tailwindcss [Tailwind CSS] 커스텀 색상 설정하기 (+Color Tone Map 설정)tailwind.config 파일을 수정하여 커스텀 색상을 설정하는 방법과, 기본 색상 코드 만드로 색조 팔레트를 구성하는 방법에 대해 알아보자. wono | discuss | tweet
+ it dev tailwindcss Tailwind CSS 에서 동적으로 클래스 할당하기Tailwind CSS 에서 동적으로 클래스 할당하기 wono | discuss | tweet
+ it dev tailwindcss dynamic Detecting classes in source files - Core conceptsUnderstanding and customizing how Tailwind scans your source files. wono | discuss | tweet
+ it dev tailwindcss dynamic Computed classes for arbitrary color values do not render correctly in Vue 3 · tailwindlabs/tailwindcss · Discussion #13052Computed classes for arbitrary color values do not render correctly in Vue 3 wono | discuss | tweet
+ it dev tailwindcss Unable to set arbitrary value for a background : r/tailwindcss wono | discuss | tweet
+ it dev css flex flex item에 text-overflow: ellipsis 속성 적용하기어떤 요소에 텍스트 노드가 하나 있다고 가정해보겠습니다. 이 요소는 특정 너비를 갖고 있다고 한다면, 텍스트가 이 요소보다 길 수도 있겠죠?아래는 네이버 메인 화면 중 일부분인데요. 텍스트가 컨테이닝 블록보다 길어지니 ... 처리된 것을 볼 수 있습니다.이는 말줄임표 wono | discuss | tweet
+ it dev react fullcalendar [MySchedule project] 15. React-big-Calendar 사용하기 (1)이번 시간은 react big calendar 라이브러리를 사용해서 스케줄관리에 대한 코드를 작성해 보겠다. 구현에 들어가기 앞서 react-big-calendar 라이브러리를 설치한다. 추가적으로 날짜관리 라이브러리인 moment.js도 같이 설치 해준다. [ 설치 ] npm install --save react-big-calendar npm install moment [ import ] - "react-big-calendar" 라이브러리와 "moment.js"를 설치 했다면 아래 부분을 import 해준다. import { Calendar, View, DateLocalizer } from "react-big-calendar"; import moment from "moment"; import { mom.. wono | discuss | tweet
+ it ops opensource 주목할 만한 ‘K-오픈소스’ 프로젝트 | 요즘IT한국 개발자의 오픈소스 혁신, typia·SWC·Flitter 등 글로벌 주목 wono | discuss | tweet
+ it dev nextjs fullcalendar [blocks]: Full calendar · shadcn-ui/ui · Discussion #3214[blocks]: Full calendar wono | discuss | tweet
+ it ops sms 전용계좌 충전 전용 계좌사업자 등록 완료 후 각각의 계정에 전용 계좌를 발급 받으실 수 있습니다. 해당 전용계좌로 입금 시 회원님의 계정에 자동으로 잔액이 충전됩니다. 전용 계좌 발급 및 충전하기 1. 충전/관리에서 잔액 충전 버튼을 눌러주세요. 2. 결제 방식 선택 > 전용계좌입금 선택 후 전용계좌 발급받기(사업자 전용)을 클릭합니다. - 사업자 미 인증 wono | discuss | tweet
+ it dev react nextjs [React] 핸드폰 인증번호 타이머 기능을 구현해보자구현 먼저 구현하기 위해 간단한 핸드폰 번호 입력 폼과 전송 버튼을 간단하게 만들어보았다. 기능에 초점을 두기 위해 최대한 디자인은 심플하게 구성하였다. import styled from "styled-components"; export default function Verification() { return ( 인증번호 전송 ); } const Wrapper = styled.div` display: flex; flex-direction: column; `; const Form = { Wrapper: styled.div` display: flex; gap: 8px; `, Input: styled.input` padding: 12px 18px; border: none; border-radius: 8px; .. wono | discuss | tweet
+ it ops aws msk kafka AWS에서 Apache Kafka를 이용하는 방법(MSK)안녕하세요. 클라우드메이트 TE팀 정혜원입니다. 고객의 인프라 환경을 마이그레이션하며 MSK를 사용하게 되었고, 이해를 돕기 위해 해당 서비스를 직접 실습해 wono | discuss | tweet
+ it dev nextjs zode phoneregex zod를 이용해 회원가입 폼을 만들어보기zod는 타입스크립트를 우선하는 스키마 선언 / 검증 라이브러리입니다. 타입스크립트의 타입체킹을 보완해주는 역할을 수행한다고도 볼 수 있는데 쉽게 생각하면 폼,인풋에 필연적으로 따라오는 유효성검증 로직을 해결해주는 라이브러리입니다. 기본적인 개념과 사용방법은 아래 링크에서 참고해주시기 바랍니다. https://xionwcfm.tistory.com/346 zod 라이브러리 사용법 간단히 익히기 zod zod는 타입스크립트를 우선하는 스키마 선언 / 검증 라이브러리입니다. validation을 도와준다고도 생각할 수 있는데 문법은 간결하고 쉬우면서도 기능은 강력합니다. 공식 documentation에 따르면 xionwcfm.tistory.com 이번엔 위 링크에서 얻은 선수지식을 기반으로 사용할 수 있는 회.. wono | discuss | tweet
+ it dev react typesceipt React 핵심 패턴 with TSReact 기본 문법의 다양한 사용 패턴을 TypeScript 활용과 함께 살펴봅니다. wono | discuss | tweet
+ it ops aws billing 5월 연휴에 금융거래 중단됩니다5월 3일부터 이어지는 연휴에 일부 금융사에서 전산시스템 이전 작업으로 금융거래를 일시적으로 전면 중단한다.1일 금융업계에 따르면 IBK기업은행과 한국투자증권이 전산시스템 이전 작업으로 금융거래를 일시 중단한다.기업은행의 경우 5월 3일 0시부터 5월 5일 24시까지 중단되는데 이... wono | discuss | tweet
+ it ops aws billing AWS 계정 연체, 카드 결제 시도 실패하면? 미납요금 결제 방법aws에 등록된 카드로 자동 결제가 실패하면 아래와 같은 email이 도착합니다. (일부 내용은 삭제된 이미지... wono | discuss | tweet