it + 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 | tweet + it ops db postgesql Postgres에서 컬럼을 삭제하면 실제로 무슨 일이 일어나는가 | GeekNewsPostgreSQL에서 컬럼을 DROP 해도 실제로 데이터는 삭제되지 않음 — 단지 메타데이터에서 "숨김 처리" 됨DROP COLUMN 후에도 내부적으로 컬럼은 존재하기 때문에, 1600개 컬럼 제한에 도달할 수 있음데이터를 완전히 제거하려면 VACUUM FULL 또는 수동 테이블 재작성이 필요함이는 성능 최적화를 위한 설계지만, GDPR과 같은 컴플라이언 wono | discuss | tweet + it dev nextjs shadcnui fullcalendar カレンダーアプリを作る(フロントエンド編①) wono | discuss | tweet + 산업 it 개발자 연봉 캐나다 [캐나다 개발자] 캐나다 개발자 연봉이 1.5억?오늘은 캐나다 개발자 연봉에 대해서 말씀을 드려보고자 합니다. 저도 아직 많은 회사를 다녀보진 않았지만 토론토에서 이직을 통해 3개 캐나다/미국 회사를 다녀봤고 또 주변 지인들로부터 들은 내용들이 있기에 그것을 토대로 이야기해 보려고 합니다. 요즘 캐나다 잡 마켓 분위기 요즘은 전 세계적으로 금리 인상과 인플레이션으로 인해 잠시 하이어링이 잠잠해지는 추세이긴 하지만 판데믹 이후 재택 근무가 보편화되면서 대부분의 미국/캐나다 IT 회사들이 장소에 상관없이 캐나다 내에서 리모트로만 일을 하는 포지션을 뽑기도 합니다. 제가 지금 근무하는 회사만 하더라도 토론토 다운타운에 오피스가 별도로 있지만 하이브리드(재택+오피 스 근무 혼합) 형태로 일을 하고 있습니다. 하지만 정말 오피스에 꼭 가야 하는 경우가 아닌 이.. wono | discuss | tweet + it ops linux tomcat log Alfresco logrotate.d examples - able to handle compress and clear historic timestamped log filesAlfresco logrotate.d examples - able to handle compress and clear historic timestamped log files - alfresco wono | discuss | tweet + it ops linux log rotate tomcat logrotate에 대해 알아보도록 하겠습니다. : 네이버 블로그 wono | discuss | tweetNext
+ 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
+ it ops db postgesql Postgres에서 컬럼을 삭제하면 실제로 무슨 일이 일어나는가 | GeekNewsPostgreSQL에서 컬럼을 DROP 해도 실제로 데이터는 삭제되지 않음 — 단지 메타데이터에서 "숨김 처리" 됨DROP COLUMN 후에도 내부적으로 컬럼은 존재하기 때문에, 1600개 컬럼 제한에 도달할 수 있음데이터를 완전히 제거하려면 VACUUM FULL 또는 수동 테이블 재작성이 필요함이는 성능 최적화를 위한 설계지만, GDPR과 같은 컴플라이언 wono | discuss | tweet
+ 산업 it 개발자 연봉 캐나다 [캐나다 개발자] 캐나다 개발자 연봉이 1.5억?오늘은 캐나다 개발자 연봉에 대해서 말씀을 드려보고자 합니다. 저도 아직 많은 회사를 다녀보진 않았지만 토론토에서 이직을 통해 3개 캐나다/미국 회사를 다녀봤고 또 주변 지인들로부터 들은 내용들이 있기에 그것을 토대로 이야기해 보려고 합니다. 요즘 캐나다 잡 마켓 분위기 요즘은 전 세계적으로 금리 인상과 인플레이션으로 인해 잠시 하이어링이 잠잠해지는 추세이긴 하지만 판데믹 이후 재택 근무가 보편화되면서 대부분의 미국/캐나다 IT 회사들이 장소에 상관없이 캐나다 내에서 리모트로만 일을 하는 포지션을 뽑기도 합니다. 제가 지금 근무하는 회사만 하더라도 토론토 다운타운에 오피스가 별도로 있지만 하이브리드(재택+오피 스 근무 혼합) 형태로 일을 하고 있습니다. 하지만 정말 오피스에 꼭 가야 하는 경우가 아닌 이.. wono | discuss | tweet
+ it ops linux tomcat log Alfresco logrotate.d examples - able to handle compress and clear historic timestamped log filesAlfresco logrotate.d examples - able to handle compress and clear historic timestamped log files - alfresco wono | discuss | tweet