재카이브

배경 일반적인 PC 웹 환경에서 헤더값을 추가하고싶을때는 크롬의 ModHeader 을 이용하여 손쉽게 헤더값을 추가할 수 있다. 그런데 모바일 웹 환경에서는 어떻게 추가할 수 있을까? 여러 방법이 있을 수 있겠지만, 나는 프록시환경을 사용하여 헤더값을 추가해주기 위해 mitmproxy를 사용했다. Mitmproxy - 오픈소스 - 파이썬API를 사용하여 데이터 조작가능 - mitmproxy(콘솔), mitmweb(웹), mitmdump(cli) 총 세 가지의 실행환경 지원 https://mitmproxy.org/ mitmproxy - an interactive HTTPS proxy Mitmproxy has a vibrant ecosystem of addons and tools building on it:..

AWS환경에 빠져버린(담겨져버린)나는 AWS를 잘 알아야 할 필요가 있어져버렸다. 엑세스키, 시크릿엑세스키, IAM도 몰랐고, 그저 EC2 인스턴트 하나 띄워 포트폴리오 용 프로젝트 하나 판 경험이 전부인 나는 객관적으로 볼 때 수준미달이였다. 지금은 내 수준이 티가 안나지만 결국에는 수준차이가 날 터, 빨리 이를 준비해야한다. 그들 보다 더, 적어도 그들만큼은. 그래서 준비하는것이 SAA이다. Solutions Architect Associate. Developer Associate와 더불어 제일 많이 처음으로 도전하는거라고 하고, 2~4주정도면 충분히 한다던 사람의 글도 보았어서 (실수였던게 아닐까 싶다) 한달 후 시험을 치룰 수 있도록 결제를 하고 관련 강의도 두 개를 구매했다. 그런데.. 생각보다..

그냥 내 일기같은 글. 새벽 여섯시 10분전쯤부터 비몽사몽 요즘 드는 생각을 정리해본다. - - - 예전의 나와 비교해봤을때 많은 부분에서의 성장이있었다. 세부항목은 치워두고, 내가 기록해두고 싶은것은. 그럼에도 불구하고 아직도 왜 애송이 같은가? 좀 더 치열하지못했나? 아니면 만족하기엔 너무 어린가.. 음.. 잠깐 생각해봤을 때는, 아무래도 나는 10년 후에도 만족하지 못할 것 같다. 그래서 만족문제는 패쓰. 예전에는 무엇을 해야할지 앞이 아예 보이질 않았다라면, 이제는 앞은 보이고 해야할 길들이 보이기는 시작한 것 같다. (물론 길도 안보이는 것들도 아직 더러 있지만) 만약 길이 보인다면, 남은건 시간투자 뿐이다. 방향을 맞추고 시간을 갈아넣고 방향을 틀어맞추고 시간을 갈아넣고를 반복하면 원하는 결과..

갑자기 오늘, npm install 을 입력했을 때 아래와 같은 오류문구가 발생된다. idealTree:[project-name]: sill idealTree buildDeps "idealTree:[project-name]: sill idealTree buildDeps" 메시지 1. 프로젝트의 package.json 파일에 있는 종속성이 일관되고 올바른지 확인하는 데 도움이 되는 도구인 'ideal-tree' 패키지에서 생성됨 2. ideal-tree 도구가 프로젝트의 package.json 파일에서 종속성을 확인하고 종속성 트리를 빌드하고 있음을 나타내지만 오류나 문제는 아님. 3. 이 문제를 해결하려면 package.json 파일을 업데이트하여 모든 종속성이 올바른지 확인한 다음 'npm instal..

NestJS 애플리케이션에서 ReDoc을 사용하려면 NestJS용 Swagger(OpenAPI) 사양과의 통합을 제공하는 @nestjs/swagger 패키지를 설치해야 함 npm install @nestjs/swagger NestJS 애플리케이션에서 swagger.options.ts 파일을 만들고 OpenAPI 사양을 정의 여기에는 API 끝점, 요청 및 응답 본문 및 기타 관련 세부 정보에 대한 정보가 포함되어야 함 main.ts 파일 내에서 설정을 잡아줘야 함 이 파일에서 @nestjs/swagger에서 SwaggerModule을 가져오고 이를 사용하여 애플리케이션에서 Swagger를 활성화 import { DocumentBuilder, SwaggerModule } from '@nestjs/swagg..

둘 다 API 문서 생성에 널리 사용되는 도구이다. Swagger 장점 널리 사용되고 잘 알려진 도구 대규모 사용자 커뮤니티가 있으므로 사용 가능한 지원 및 리소스가 많다. 여러 프로그래밍 언어 및 프레임워크 지원 개발자가 API 끝점을 쉽게 보고 테스트할 수 있는 사용자 친화적인 인터페이스가 있다. 단점 일부 사용자는 인터페이스가 복잡하고 탐색하기 어렵다고 생각. 생성된 문서의 모양을 사용자 지정하기 어려울 수 있음 오픈 소스 버전에서 모든 기능을 사용할 수 있는 것은 아님 Redoc 장점 깨끗하고 직관적인 인터페이스 생성된 문서를 광범위하게 사용자 정의 가능 OpenAPI 3.0 사양 지원 모바일 장치에서 잘 작동하는 반응형 디자인 단점 Swagger만큼 널리 사용되지 않으므로 사용 가능한 지원 및 ..

참고 https://docs.github.com/en/actions/deployment/deploying-to-your-cloud-provider/deploying-to-amazon-elastic-container-service 1.ECR ECR은 이미지 레지스트리 서비스 ECR의 레포지토리는 생성된 이미지를 보관하는 역할(Like dockerhub) * 개념 -클러스터 : 컨테이너 인스턴스(EC2)의 논리적인 그룹화 -빈 클러스터도 생성이 가능 -ECS Agent를 통해 논리적인 클러스터에 연결 됨 1-1.ECR > Repository > 레포지토리 생성 1-2. 완성된 레포지토리 클릭 > 푸시 명령어 보기 클릭 그렇다면, 1.AWS CLI를 사용하여 인증토큰 검색 및 레지스트리에 대해 Docker 클..

개요 프로젝트가 시작되었다. 인프라구성부터 진행이되는데, AWS의 어떤 서비스를 사용해서 띄워야할까? 그것에 대한 고찰이다. 대상 - CI/CD를 위한 Jenkins서버 - 백오피스 기능을 위한 API서버 Jenkins서버 https://aws.amazon.com/ko/getting-started/hands-on/setup-jenkins-build-server/ Jenkins 빌드 서버를 설정하는 방법 – Amazon Web Services(AWS) Amazon EC2를 사용하여 Jenkins 설치를 호스팅할 가상 애플리케이션 서버를 시작합니다. 이러한 단일 노드 설정에서 Jenkins 서버와 에이전트 모두 같은 Amazon EC2 인스턴스상에 실행됩니다. 예상 로드에 aws.amazon.com AWS에..

목적 우리가 사용하는 HTTP프로토콜은 서버-클라이언트 요청응답 구조이다. 클라이언트가 요청하고 서버가 응답하는 과정에서, 서버와 클라이언트 그 누구도 상태를 기억하지않는다. (Stateless) 상태를 기억하지않는다면, 같은 사용자가 요청을 했을 때 해당 요청이 같은 사용자가 요청한건지, 아니면 서로 다른 사용자가 요청한건지 알 길이없다. 따라서 웹서버의 웹 컨테이너에 브라우저별로 하나씩 사용자의 정보를 기억하기위해서 사용된다. 구현방법 각각의 웹 브라우저로부터 발생한 요청에 대해서 특별한 식별자를 부여한다. 이 식별자를 웹 브라우저로부터 발생한 요청과 비교해서 같은 식별자인지 구별한다. 이 식별자에 특정한 값을 할당할 수 있다, 이 식별자를 사용해서 세션을 유지한다. 처음에 서버->클라이언트로 식별자..

자바스크립트는 웹을 위한 필수적인 언어 그러나 지금처럼 커지는것을 예상한 언어는 아니였다(..) 그래서 기능이 부실하다. Typescript는 부실한 기능을 보완하기위해 태어났다. Typescript Microsoft에서 개발한 오픈소스이다. Javascript의 상위개념이다 Javascript도 사용할 수 있다. Typescript의 핵심기능 function addNumbers(x, y) { return x + y; } console.log(addNumbers("three", 6)); 위의 코드를 삽입하면 함수의 배개변수의 x,y에 빨간색 줄이 그어진다. 타입이 명시되지 않았다는 뜻. 그러나 실행은 되는데, 그 이유는 암시적으로 모든 타입을 의미하는 any가 할당되기 때문이다. function addN..