Sign in

it

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 |
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 |
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 |
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 |
산업 스타트업 플랫폼 it 화장품 화해

재무 여력 바닥난 화해, 매출 성장 속 내실 '흔들' - 뉴스웨이

화해글로벌이 매출 60% 성장에도 고정비와 수익모델 한계로 자본잠식에 빠졌다. IPO 무산 후 인력 구조조정 등 조직 재편에 나섰지만 흑자 전환엔 실패했다. 최대주주 지분 매각, 자회사 분리 등 경영 전략 변화와 함께 비플레인의 글로벌 성장 가능성이 주목받고 있다.
wono | discuss |
it dev nextjs asynclocalstorage

Next.js는 짜증나요 | GeekNews

Next.js의 미들웨어는 로깅 설정이 제한적이며, 기본 로깅이 개발 환경에서만 활성화되어 생산 환경에서 문제 추적이 어려움미들웨어에서 헤더만 전달 가능하며, 다중 미들웨어 체이닝이 불가능해 복잡한 로깅 구현이 제한됨AsyncLocalStorage를 사용한 로깅은 Edge 런타임에서 예상치 못한 동작을 보이며, 페이지와 미들웨어 간 컨텍스트 공유가 제대로
wono | discuss |