it + it tool 협업 메신저 NASA와 삼성이 선택한 메신저 ‘Mattermost’ 알아보기Mattermost는 글로벌 정부 기관과 빅테크 기업이 즐겨 쓰는 기업용 메신저입니다. 이 도구는 코딩 협업, DevOps 도구 통합, 인시던트 대응 지원, 플레이북, AI 기반 메시지 요약 등 다양한 기능을 제공합니다. 또 맞춤형 보안, 컴플라이언스, 액세스 제어로 데이터를 안전하게 지키도록 돕습니다. 이 글은 기술 조직과 정부·금융기관에 유용한 Mattermost 기능을 다뤘습니다. wono | discuss | tweet + it dev golang react Ersin's Blog - Crafting a lightweight markdown editorThis week we create a tiny markdown editor using Wails, React and Tailwind. wono | discuss | tweet + it tool team microsoft whiteboard Microsoft Whiteboard 사용법 .. : 네이버블로그 wono | discuss | tweet + it tool figma 디자이너없이 피그마로 화면설계 하기인하우스 서비스 기획 업무를 하다 보면 디자이너 없이 기획자가 화면을 빠르게 그려야 하는 상황이 자주 생긴다. 초기 기획 단계에서 빠르게 아이디어를 시각화해야 하거나, 디자이너 리소스를 확보하기 전 구조를 미리 정의해야 하는 경우가 그렇다.이때, 피그마(Figma)는 기획자에게도 충분히 활용 가능한 화면 설계 도구다. 별도의 설치 없이 웹에서 사용할 수 있고, 협업과 버전 관리에도 강점을 갖고 있어 실무에서 유용하다.이 글에서는 기획자가 피그마를 활용해 효율적으로 화면을 설계할 수 있는 실질적인 팁들을 정리하려고 한다.1. 템플릿이나 컴포넌트 없이, 기본 도형으로 시작하자화면 설계의 목적은 시각적으로 예쁜 디자인이 아니라, 화면의 구조와 기능 흐름을 정의하는 것이다. 따라서 기본 도형(Rectangle).. wono | discuss | tweet + it tool password 비밀번호 관리 앱 TOP 5: LastPass vs. 1Password vs. Bitwarden안녕하세요! TechNow 인사이트입니다. 🔐💡오늘날 우리는 수많은 온라인 계정을 사용하며, 보안을 위해 강력한 비밀번호 관리가 필수적입니다. 하지만 모든 비밀번호를 기억하는 것은 어렵고, 같은 비밀번호를 여러 사이트에서 사용하면 보안 위험이 커집니다.💡 그렇다면, 최고의 비밀번호 관리 앱은 무엇일까요?오늘은 LastPass, 1Password, Bitwarden을 포함한 TOP 5 비밀번호 관리자를 비교 분석하여, 여러분에게 딱 맞는 솔루션을 찾아드리겠습니다! 🚀1. 비밀번호 관리 앱을 선택하는 기준비밀번호 관리 앱을 선택할 때 고려해야 할 중요한 요소는 다음과 같습니다.✅ 1️⃣ 보안성✔ 암호화 방식 – 제로 노하우(Zero-Knowledge) 방식, AES-256 암호화 지원 여부✔ 이중 인.. wono | discuss | tweet + it ops aws email Control Tower 대체 연락처 관리 wono | discuss | tweet + it ops aws email AWS 대체 연락처 등록 #바로가기대체 연락처 추가, 변경 또는 제거 대체 연락처가 있으면 사용자가 연락을 받을 수 없는 상황에서도 AWS에서 계정 관련 문제를 다른 사용자에게 알릴 수 있습니다. 대체 연락처는 특정한 사람일 필요는 없습니다. 결제, 운영, 보안 관련 문제를 관리하는 팀이 있는 경우 대신 이메일 배포 목록을 추가할 수 있습니다. 계정의 대체 연락처를 추가, 변경 또는 삭제하려면 다음과 같이 하세요. 대체 연락처를 추가, 업데이트 또는 제거하려면 AWS Management Console에 로그인한 후 https://console.aws.amazon.com/billing/에서 Billing and Cost Management 콘솔을 엽니다. 탐색 표시줄에서 계정 이름을 선택한 다음 내 계정을 선택합니다. 대체 연락처 섹션까지.. wono | discuss | tweet + it ops aws email CC 계정 관련 서신의 다른 이메일 주소내 계정 관련 이메일의 사본을 다른 이메일 주소 및 내 계정과 연결된 루트 이메일 주소로 전송하고 싶습니다. wono | discuss | tweet + it dev nextjs metadata Next.js는 이제 끝났나요? v15.2+의 Streaming metadataSEO가 안돼요!?!?!? wono | discuss | tweet + it ops iac AWS CDK에서 Terraform으로안녕하세요. 인프랩 DevOps Engineer 선비입니다! 인프랩에 합류한 후 매일 다양하고 즐거운 경험을 하고 있습니다. 오늘은 그 중에서도 코드형 인프라(Infrastruc… wono | discuss | tweet + it ops iac CloudFormation을 TerraForm으로 변경하기Terraform이란? Terraform은 HashiCorp에 의해 개발된 오픈 소스 Infrastructure as Code(IaC) 소프트웨어 도구입니다. 이를 사용하면 구성 파일을 통해 데이터 센터 인프라를 구축, 변경 및 버전 관리할 수 있습니다. Terraform은 클라우드 서비스(예: Amazon Web Services, Microsoft Azure, Google Cloud Platform 등), 온프레미스 리소스(예: VMware vSphere), 그리고 기타 서비스 제공자의 리소스를 포함한 다양한 서비스 및 프로바이더를 지원합니다. CloudFormation과 Terraform의 차이 언어 및 구문 CF : JSON 또는 Yaml과 같은 선언적 언어를 사용합니다. (AWS 리소스와 관련된 .. wono | discuss | tweet + it trend fe NAVER D2 wono | discuss | tweet + it dev nextjs 모달창에서 스크롤 방지처음 찾아본 코드로는useEffect(() => { document.body.style.overflow = 'hidden'; return () => { document.body.style.overflow = 'unset'; };}, []);을 사용했는데 문제점은 스크롤바가 사라지면서 레이아웃이 비틸렸다 다시 돌아왔다 한다는 것상당히 거슬려서 새로운 방법을 찾아봤다. // utils/modal.ts/** * 스크롤을 방지하고 현재 위치를 반환한다. * @returns {number} 현재 스크롤 위치 */export const preventScroll = (): number => { const currentScrollY = window.scrollY; document.body.style.p.. wono | discuss | tweet + it dev nextjs modal Next.js 15 - Modal 구현 (with. Parallel Routes & Intercepting Routes)웹 개발에서 모달창 구현을 직접 하거나 편리한 라이브러리는 대부분 상태관리와 함께 이루어진다.(본인 역시 react-modal을 그동안 사용해왔다.)const [isOpen, setIsOpen] = useState(false);const toggleModal = () => setIsOpen(!isOpen);const openModal = () => setIsOpen(true);const closeModal = () => setIsOpen(false);아마 대부분이 이런 기본 형태의 state를 활용했을 것이다. 이를 개발하다보면 필연적으로 마주치는 상황들이 몇가지 있는데 대표적으로 아래와 같이 있다.모달창이 열린 상황에서 새로고침을 하면 state로 관리하기 때문에 모달창이 닫힘뒤로가기 버튼을 누르면 이.. wono | discuss | tweet + it dev nextjs modal Next.js Parallel Routes로 모달 관리하기Next.js Parallel Routes로 모달 관리하기 안녕하세요. W컨셉에서 프론트엔드 개발을 담당하고 있는 YJ입니다. 웹 개발을 하다 보면 모달(Modal)을 구현할 일이 … wono | discuss | tweet + it dev nextjs modal Next.js에서 병렬 라우팅과 모달 구현의 최적화 방법Next.js의 병렬 라우팅 기능을 활용하여 다이내믹한 웹 애플리케이션 구조를 설계하고, 효율적인 모달 상호작용을 실현하는 방법을 알아봅니다. wono | discuss | tweet + it ops aws [AWS] Amazon Web Service 왕초보 탈출하기 - [1] Region, AZ, VPC, Subnet 편※ 이 포스팅은 AWS 왕초보(자바봄 멤바들)를 위해 작성되었습니다. 나는 VPC를 모른다, EC2 만들때 VPC, Subnet이고뭐고 신경쓴적이없다. 아이피대역 그런거 신경써본적없다. 보안그룹만 막아놓으면되는거아닌가? 등등의 분들이 읽기에 최적화되어있습니다. 하나의 기본 아키텍쳐를 차근차근 구성해보며 핵심 개념을 익힙니다.포스팅 내용 자체는 그간의 게시글과 중복되는 부분이 많습니다. 차이점은 이 포스팅은 서비스 "사용" 측면이 아닌 "아키텍처"에 집중합니다.※ 이 포스팅에서는 하단의 아키텍처를 완성하며 기본 개념들을 익힙니다. 핸즈온이 있다면 좋겠지만 소량의 과금이 있을 수 있으니 조심 또 조심.. 1. Region 과 AZ(Avaliability Zone) AWS 는 Region 별로 리소스를 제공합.. wono | discuss | tweet + 산업 스타트업 플랫폼 it 화장품 화해 재무 여력 바닥난 화해, 매출 성장 속 내실 '흔들' - 뉴스웨이화해글로벌이 매출 60% 성장에도 고정비와 수익모델 한계로 자본잠식에 빠졌다. IPO 무산 후 인력 구조조정 등 조직 재편에 나섰지만 흑자 전환엔 실패했다. 최대주주 지분 매각, 자회사 분리 등 경영 전략 변화와 함께 비플레인의 글로벌 성장 가능성이 주목받고 있다. wono | discuss | tweet + 산업 it ai 바이브코딩 바이브 코딩 도구, 여름 이후 급격 하락세..."일반 사용자 유지 어려워" - AI타임스주요 바이브 코딩 앱의 트래픽이 크게 떨어졌다는 보고가 등장했다. 바이브 코딩 붐이 꺾였는지는 확실치 않지만, 흥미로 접근한 일반 사용자들의 이탈이 큰 원인이라는 wono | discuss | tweet + it ops aws vpc 스타트업 엔지니어의 AWS 비용 최적화 경험기인프랩이 어떻게 월 $25,000 넘게 AWS 비용을 절약할 수 있었는지 경험과 노하우를 소개합니다. wono | discuss | tweetNext
+ it tool 협업 메신저 NASA와 삼성이 선택한 메신저 ‘Mattermost’ 알아보기Mattermost는 글로벌 정부 기관과 빅테크 기업이 즐겨 쓰는 기업용 메신저입니다. 이 도구는 코딩 협업, DevOps 도구 통합, 인시던트 대응 지원, 플레이북, AI 기반 메시지 요약 등 다양한 기능을 제공합니다. 또 맞춤형 보안, 컴플라이언스, 액세스 제어로 데이터를 안전하게 지키도록 돕습니다. 이 글은 기술 조직과 정부·금융기관에 유용한 Mattermost 기능을 다뤘습니다. wono | discuss | tweet
+ it dev golang react Ersin's Blog - Crafting a lightweight markdown editorThis week we create a tiny markdown editor using Wails, React and Tailwind. wono | discuss | tweet
+ it tool figma 디자이너없이 피그마로 화면설계 하기인하우스 서비스 기획 업무를 하다 보면 디자이너 없이 기획자가 화면을 빠르게 그려야 하는 상황이 자주 생긴다. 초기 기획 단계에서 빠르게 아이디어를 시각화해야 하거나, 디자이너 리소스를 확보하기 전 구조를 미리 정의해야 하는 경우가 그렇다.이때, 피그마(Figma)는 기획자에게도 충분히 활용 가능한 화면 설계 도구다. 별도의 설치 없이 웹에서 사용할 수 있고, 협업과 버전 관리에도 강점을 갖고 있어 실무에서 유용하다.이 글에서는 기획자가 피그마를 활용해 효율적으로 화면을 설계할 수 있는 실질적인 팁들을 정리하려고 한다.1. 템플릿이나 컴포넌트 없이, 기본 도형으로 시작하자화면 설계의 목적은 시각적으로 예쁜 디자인이 아니라, 화면의 구조와 기능 흐름을 정의하는 것이다. 따라서 기본 도형(Rectangle).. wono | discuss | tweet
+ it tool password 비밀번호 관리 앱 TOP 5: LastPass vs. 1Password vs. Bitwarden안녕하세요! TechNow 인사이트입니다. 🔐💡오늘날 우리는 수많은 온라인 계정을 사용하며, 보안을 위해 강력한 비밀번호 관리가 필수적입니다. 하지만 모든 비밀번호를 기억하는 것은 어렵고, 같은 비밀번호를 여러 사이트에서 사용하면 보안 위험이 커집니다.💡 그렇다면, 최고의 비밀번호 관리 앱은 무엇일까요?오늘은 LastPass, 1Password, Bitwarden을 포함한 TOP 5 비밀번호 관리자를 비교 분석하여, 여러분에게 딱 맞는 솔루션을 찾아드리겠습니다! 🚀1. 비밀번호 관리 앱을 선택하는 기준비밀번호 관리 앱을 선택할 때 고려해야 할 중요한 요소는 다음과 같습니다.✅ 1️⃣ 보안성✔ 암호화 방식 – 제로 노하우(Zero-Knowledge) 방식, AES-256 암호화 지원 여부✔ 이중 인.. wono | discuss | tweet
+ it ops aws email AWS 대체 연락처 등록 #바로가기대체 연락처 추가, 변경 또는 제거 대체 연락처가 있으면 사용자가 연락을 받을 수 없는 상황에서도 AWS에서 계정 관련 문제를 다른 사용자에게 알릴 수 있습니다. 대체 연락처는 특정한 사람일 필요는 없습니다. 결제, 운영, 보안 관련 문제를 관리하는 팀이 있는 경우 대신 이메일 배포 목록을 추가할 수 있습니다. 계정의 대체 연락처를 추가, 변경 또는 삭제하려면 다음과 같이 하세요. 대체 연락처를 추가, 업데이트 또는 제거하려면 AWS Management Console에 로그인한 후 https://console.aws.amazon.com/billing/에서 Billing and Cost Management 콘솔을 엽니다. 탐색 표시줄에서 계정 이름을 선택한 다음 내 계정을 선택합니다. 대체 연락처 섹션까지.. wono | discuss | tweet
+ it ops aws email CC 계정 관련 서신의 다른 이메일 주소내 계정 관련 이메일의 사본을 다른 이메일 주소 및 내 계정과 연결된 루트 이메일 주소로 전송하고 싶습니다. wono | discuss | tweet
+ it dev nextjs metadata Next.js는 이제 끝났나요? v15.2+의 Streaming metadataSEO가 안돼요!?!?!? wono | discuss | tweet
+ it ops iac AWS CDK에서 Terraform으로안녕하세요. 인프랩 DevOps Engineer 선비입니다! 인프랩에 합류한 후 매일 다양하고 즐거운 경험을 하고 있습니다. 오늘은 그 중에서도 코드형 인프라(Infrastruc… wono | discuss | tweet
+ it ops iac CloudFormation을 TerraForm으로 변경하기Terraform이란? Terraform은 HashiCorp에 의해 개발된 오픈 소스 Infrastructure as Code(IaC) 소프트웨어 도구입니다. 이를 사용하면 구성 파일을 통해 데이터 센터 인프라를 구축, 변경 및 버전 관리할 수 있습니다. Terraform은 클라우드 서비스(예: Amazon Web Services, Microsoft Azure, Google Cloud Platform 등), 온프레미스 리소스(예: VMware vSphere), 그리고 기타 서비스 제공자의 리소스를 포함한 다양한 서비스 및 프로바이더를 지원합니다. CloudFormation과 Terraform의 차이 언어 및 구문 CF : JSON 또는 Yaml과 같은 선언적 언어를 사용합니다. (AWS 리소스와 관련된 .. wono | discuss | tweet
+ it dev nextjs 모달창에서 스크롤 방지처음 찾아본 코드로는useEffect(() => { document.body.style.overflow = 'hidden'; return () => { document.body.style.overflow = 'unset'; };}, []);을 사용했는데 문제점은 스크롤바가 사라지면서 레이아웃이 비틸렸다 다시 돌아왔다 한다는 것상당히 거슬려서 새로운 방법을 찾아봤다. // utils/modal.ts/** * 스크롤을 방지하고 현재 위치를 반환한다. * @returns {number} 현재 스크롤 위치 */export const preventScroll = (): number => { const currentScrollY = window.scrollY; document.body.style.p.. wono | discuss | tweet
+ it dev nextjs modal Next.js 15 - Modal 구현 (with. Parallel Routes & Intercepting Routes)웹 개발에서 모달창 구현을 직접 하거나 편리한 라이브러리는 대부분 상태관리와 함께 이루어진다.(본인 역시 react-modal을 그동안 사용해왔다.)const [isOpen, setIsOpen] = useState(false);const toggleModal = () => setIsOpen(!isOpen);const openModal = () => setIsOpen(true);const closeModal = () => setIsOpen(false);아마 대부분이 이런 기본 형태의 state를 활용했을 것이다. 이를 개발하다보면 필연적으로 마주치는 상황들이 몇가지 있는데 대표적으로 아래와 같이 있다.모달창이 열린 상황에서 새로고침을 하면 state로 관리하기 때문에 모달창이 닫힘뒤로가기 버튼을 누르면 이.. wono | discuss | tweet
+ it dev nextjs modal Next.js Parallel Routes로 모달 관리하기Next.js Parallel Routes로 모달 관리하기 안녕하세요. W컨셉에서 프론트엔드 개발을 담당하고 있는 YJ입니다. 웹 개발을 하다 보면 모달(Modal)을 구현할 일이 … wono | discuss | tweet
+ it dev nextjs modal Next.js에서 병렬 라우팅과 모달 구현의 최적화 방법Next.js의 병렬 라우팅 기능을 활용하여 다이내믹한 웹 애플리케이션 구조를 설계하고, 효율적인 모달 상호작용을 실현하는 방법을 알아봅니다. wono | discuss | tweet
+ it ops aws [AWS] Amazon Web Service 왕초보 탈출하기 - [1] Region, AZ, VPC, Subnet 편※ 이 포스팅은 AWS 왕초보(자바봄 멤바들)를 위해 작성되었습니다. 나는 VPC를 모른다, EC2 만들때 VPC, Subnet이고뭐고 신경쓴적이없다. 아이피대역 그런거 신경써본적없다. 보안그룹만 막아놓으면되는거아닌가? 등등의 분들이 읽기에 최적화되어있습니다. 하나의 기본 아키텍쳐를 차근차근 구성해보며 핵심 개념을 익힙니다.포스팅 내용 자체는 그간의 게시글과 중복되는 부분이 많습니다. 차이점은 이 포스팅은 서비스 "사용" 측면이 아닌 "아키텍처"에 집중합니다.※ 이 포스팅에서는 하단의 아키텍처를 완성하며 기본 개념들을 익힙니다. 핸즈온이 있다면 좋겠지만 소량의 과금이 있을 수 있으니 조심 또 조심.. 1. Region 과 AZ(Avaliability Zone) AWS 는 Region 별로 리소스를 제공합.. wono | discuss | tweet
+ 산업 스타트업 플랫폼 it 화장품 화해 재무 여력 바닥난 화해, 매출 성장 속 내실 '흔들' - 뉴스웨이화해글로벌이 매출 60% 성장에도 고정비와 수익모델 한계로 자본잠식에 빠졌다. IPO 무산 후 인력 구조조정 등 조직 재편에 나섰지만 흑자 전환엔 실패했다. 최대주주 지분 매각, 자회사 분리 등 경영 전략 변화와 함께 비플레인의 글로벌 성장 가능성이 주목받고 있다. wono | discuss | tweet
+ 산업 it ai 바이브코딩 바이브 코딩 도구, 여름 이후 급격 하락세..."일반 사용자 유지 어려워" - AI타임스주요 바이브 코딩 앱의 트래픽이 크게 떨어졌다는 보고가 등장했다. 바이브 코딩 붐이 꺾였는지는 확실치 않지만, 흥미로 접근한 일반 사용자들의 이탈이 큰 원인이라는 wono | discuss | tweet
+ it ops aws vpc 스타트업 엔지니어의 AWS 비용 최적화 경험기인프랩이 어떻게 월 $25,000 넘게 AWS 비용을 절약할 수 있었는지 경험과 노하우를 소개합니다. wono | discuss | tweet