분류 전체보기

AWS Cloudformation stack의 region별 설정 어떻게 할까? (핸즈온, 간단구축)

0. 잡설 요즘 Iac 트렌드는 Terraform임을 부정하시는 분들은 그리 많지 않을 겁니다. 러페런스의 양, 유사 프로그래밍 경험, 멀티플랫폼 다양성 등등 이유는 많죠. 하지만 최근 개인적인 이유로 AWS CloudFormation을 연습해야할 이유가 생겼습니다. 사실 AWS를 수년 다루어 왔음에도 불구하고 CloudFormation은 선뜻 손이 가질 않더군요. yaml, json 마크업 언어 기반 인프라 처리는 너무 손이 많이가요.. 마치 Cloudformation은 python, Modern C++, Java 같은 고추상화 언어가 등장했음에도 불구하고, 고집을 못버리고 어셈블리나 C 또는 Jsp를 고수하는 느낌입니다. 차라리 아직 안정성 이슈가 좀 있더라도 CDK를 사용함이 어떨까 싶습니다. 하지..

AWS Transit Gateway peering 해보기 (간단구축, 핸즈온)

1. 개요 지난 포스팅에서는 AWS Transit Gateway를 구축해보았습니다. 이번에는 2개의 Transit Gateway를 연결하는 Transit Gateway간의 피어링을 해보려고 합니다. 만드려고 하는 구성은 이러합니다. 지난 포스팅에서 만든 구성이 도쿄리전, 이번에 새로 추가하려는 구성이 서울리전입니다. 각 리전의 환경을 peering 하여 인터넷 게이트웨이를 통하지 않고 프라이빗 환경 간의 통신을 가능케 하려 합니다. 2. AWS Transit Gateway peering의 구축 방법 (핸즈온) 이번 포스팅에서는 Transit Gateway 구축은 생략합니다. 구축방법을 알아보고자 하는 분들은 전 포스팅을 참고해주세요. 이번 포스팅에서 구축하는 내용은 Transit Gateway의 peer..

AWS Transit Gateway란? (간단구축, 핸즈온)

1. AWS Transit Gateway란? 2. AWS Transit Gateway의 필요성 3. AWS Transit Gateway의 구축 방법 (핸즈온) - 3.1. Transit Gateway 구축 - 3.2. Subnet Route table 설정 4. 테스트 1. AWS Transit Gateway란? AWS Transit Gateway란 한마디로 표현하자면 AWS가 제공하는 하나의 라우터 옵션입니다. 서비스 안에 라우팅 테이블이 존재하고 그에 연결된 VPC들이 존재하죠. VPC간의 연결을 외부 네트워크(인터넷 게이트웨이)를 통함이 없이 AWS 안에서 연결될 수 있게 도와줍니다. 본디 서비스가 만들어진 이유는 네트워크 복잡성의 해소를 위함이었겠지만 최근 동일 AZ-Zone아래에서 Transit..

Github CLI의 기능, 설치 및 사용법에 대해

Github CLI란 microsoft가 github를 인수한 후 Actions, UI개선 등 개발자의 의견을 반영해 여러가지 업데이트를 진행했다. 올해 초에 github cli가 베타를 한다는 뉴스를 보고나서 "또 뭐 만드는구나~" 싶었는데 오늘 리포지토리를 clone하려고 보니 띠용? github cli의 clone 명령어를 지원해주더라. 그래서 한번 사용해보기로 했다. 그래도 키보드 두드리는 걸 업으로 삼고있는데 새로운 기술이 나오면 다루어봐야지 싶었다. 그게 자주 사용하는 github이면 더욱이.. Github CLI 설치 및 로그인 설치 먼저 설치를 하자. 이하의 링크에 접속하자. github.com/cli/cli/releases/tag/v1.1.0 Release GitHub CLI 1.1.0 ..

powershell 터미널 프로필 현재 디렉토리만 보이게 설정

파워쉘을 사용하다보니 절대 경로가 터미널에 전부 표시되는게 거슬렸다. 그래서 이를 상대패스로 바꿔주기로 했다. 먼저 터미널에서 notepad $profile을 입력해준다. 이는 파워쉘 터미널 설정을 메모장으로 여게끔 하는 명령어이다. 그 뒤 아래의 함수 내용을 입력해준다. function prompt { $p = Split-Path -leaf -path (Get-Location) "$p> " } 입력 후 보존 그리고 파워쉘을 재실행하면 정상적으로 상대패스만 나와있음을 확인할 수 있다.

X-Frame-Options이란? (에러 it set 'X-Frame-Options' to 'sameorigin')

X-Frame-Options이란? 보통 클라이언트 쪽에서 iframe을 사용할 때 볼 수 있는 에러에서 확인이 가능한데, 이는 iframe태그 등에서 외부 참조가 가능/불가능을 설정할 수 있는 통신 설정이다. iframe 이외에도 object, embeded 태그를 사용할 때 볼 수 있다. 이 에러를 보았다면 html 연습이든 프론트 개발이든 iframe을 사용할 때 이 에러가 발생했을 것이다. Refused to display ... in a frame because it set 'X-Frame-Options' to 'sameorigin'. 어떻게 확인하는가? 확인방법은 간단하다. iframe 등 태그로 참조하길 바라는 사이트에 접속한다. 나의 경우는 Google이다. 그 뒤 F12를 눌러 개발자 도구..

React 에러 - Cannot find file: .. does not match the corresponding name on disk

에러이다. 뭐가문제지.. 라고 생각해서 파일들에 적혀있는 모든 index를 체크, 구글링하는 뻘짓을 하여 30분가량을 소모했는데 문제는 Index.js 였다. 그렇다! 대문자가 문제였던 것이다.. index.js 로 파일명을 바꾸어주니 무사히 해결됐다. 에러를 구글링하여 이 포스틍에 들어온 분들은 먼저 철자를 체크해보시길 바란다. 구글링 해 본 결과, 철자에서 문제가 일어나는 케이스가 많았다. https://github.com/webpack/webpack/issues/5073 흔한 예로는 import React from 'react'; 를 React로 적어서 에러가 나는 경우인듯 하다. 먼저 자신의 코드가 React로 되어있는지 체크를 해보도록 하자.

크로미움 엣지 알트탭(alt + tab) 시 탭 분할 비활성화 방법

크로미움 엣지 탭 분할 Chromium Edge가 크롬보다 메모리를 적게 사용하기에, 요즘 크로미움을 애용합니다. 그런데 최근 어느 업데이트에 포함되어있는지 모르겠지만, 알트탭을 하면 탭이 분할되어 나타나는 현상이 생기더군요. 사용자 편하라고 추가해준 기능인듯 한데, 적어도 저는 굉장히 불편했습니다.. 프로그램과 번갈아가면서 작업할 일이 있을 떄도 여러 페이지들이 나타나서 전환하기 번거롭더군요. 그래서 설정 방법을 알아보고 재설정 했습니다. 마소가 크롬이랑 차별성을 두려고 일부러 그랬는지, 설정 방법이 크로미움 엣지 설정 탭에 있는게 아니라 윈도우 설정에 있어서 찾는데 조금 애먹었네요. 설정방법 먼저 윈도우 설정에 들어갑니다. 그 뒤 시스템 클릭 하시고 좌측 메뉴에서 멀티태스킹을 클릭합니다. 그리고 우측..

크롬 확장 개발 시 Intellij(그 외 jetbrain IDE)에서 문법 체크 설정

앞서서 최근 크롬 확장 기능 프로그래밍을 하고있습니다. 구글 공식 문서를 참고하며 하고있는데 웹베이스라그런지 재밌고 물건이 완성되면 성취감도 생기더군요. 도중까지는 쭉 intellij를 사용하다가, 크롬 확장 기능의 api함수를 코딩하면 참조못하는 듯이 노란줄이 뜨는 것이 신경쓰이기 시작했습니다. 그래서 플러그인을 검색해봤더니 그런 크롬 확장 플러그인은 따로 존재하지 않더라고요. 좀 알아보니 간단하게 설정하는 방법이 있기에 소개합니다. 이 방법은 intellij 뿐만아니라 webstorm 등 다른 에디터에서도 사용 가능합니다. 설정방법 먼저 설정 페이지에 들어갑니다. Ctrl Alt S 단축키로도 가능합니다. 다음에 Laguages & Frameworks에 들어가 Libraries에 들어갑니다. 그 후 ..

hyper 터미널로 윈도우 개발환경 개선하기 (파워쉘 기본 설정, 테마, 플러그인)

Hyper 터미널은 터미널의 부가기능 확장, 테마 설정이 가능한 일렉트론 기반의 프로그램입니다. 본래 MacOS, 리눅스 계열에는 이러한 터미널 프로그램이 많아, Hyper 이외에도 대안이 많아 여러 가지 프로그램 중에 골라 사용할 수 있는데, 상대적으로 터미널 환경이 빈약한 윈도우의 경우에는 선택지가 몇 개 없습니다. 그 중 윈도우를 지원하고, 가장 많이 쓰이는 Hyper를 설치해보았습니다. 설치 설치에는 두가지 방법이 있습니다. Hyper 공식 홈페이지에서 다운로드하여 실행 choco 명령어를 이용하여 실행 저는 실행파일로 설치했는데, 조금 알아보니 choco에서도 인스톨이 가능하네요. Hyper 공식 홈페이지에서 다운로드하여 실행 공식 홈페이지에서 다운로드하시고 실행해주시면 됩니다. https://..