ABBO 기술 블로그

오늘은 지금 제가 사용하고 있는 ChatGPT 관련해서 크롬 익스텐션을 추천드리려고 합니다. 다들 ChatGPT로 많이 물어보고 계시죠? 먼저 제가 사용하고 있는 플러그인들 중에 액세스 허용이 된 리스트를 보여드리고 글을 작성해볼까 합니다. 1. ChatGPT for Google 이 플러그인은 구글 검색시 옆에 추가되는 내용입니다. 궁금한 개발 내용을 보통 Google에서 검색할 때가 많은데 이 플러그인은 설치되면 알아서 검색엔진이 작동하여 ChatGPT에도 물어보기 때문에 도움이 많이 됩니다. 사용법은 매우 간단합니다. a. 설치 방법 해당 링크로 이동하여 Chrome Extension을 추가합니다. https://chrome.google.com/webstore/detail/chatgpt-for-goo..

프로젝트를 개발하면서 현재 앱 버전을 확인하는 내용을 알아보려 합니다. 여기서는 Spring Boot 프로젝트와 React 프로젝트의 앱 버전을 알아보는 방법을 적어보도록 하겠습니다. 1. Spring Boot 스프링 프레임워크의 경우 Maven 을 사용할지 Gradle 을 사용할지 나뉘게 됩니다. 먼저 Maven 을 확인해보겠습니다. Maven 가장 먼저 많이 사용하는 Maven의 버전 확인 방법입니다. pom.xml에 나와있는 version을 체크하는 방법으로 아래 스택오버플로우에도 나와있지만 버전을 확인하는 방법은 꽤나 많습니다. 가장 먼저 위에 것부터 확인해보도록 하겠습니다. https://stackoverflow.com/questions/3545292/how-to-get-maven-project..

이번 글에서는 Spinner라고 하여 Button에 애니메이션을 넣고 돌아가는 버튼을 구현해보려 합니다. 샘플 코드 샘플 코드는 Codepen이라는 것으로 보여지도록 처리하였습니다. HTML 삽입 미리보기할 수 없는 소스 HTML 버튼은 심플하게 일반 버튼 내에 span 태그가 있는 것으로 설정하였습니다. Save CSS 기본적인 스타일과 버튼의 이미지를 부여합니다. body { font-family: system-ui; background: #f06d06; color: white; text-align: center; } .button { position: relative; padding: 8px 16px; background: skyblue; border: 5px; outline: none; borde..

이번 글에서는 MySQL 에서 자주 사용하는 SQL인 Insert 문을 수행하는 방법과 데이터 조회와 동시에 데이터 입력을 병행하는 방법을 알아보고자 합니다. 기존에 INSERT 문의 예시는 아래와 같습니다. 1. INSERT SQL 아래 쿼리는 3개의 ROW를 입력하는 것을 가정하고 기본적인 쿼리를 작성했습니다. INSERT INTO table_name (column1, column2, column3, column4, ...) VALUES ('value1', 'value2', 'value3', 'value4', ...), ## ROW1 ('value1', 'value2', 'value3', 'value4', ...), ## ROW2 ('value1', 'value2', 'value3', 'value4'..

ACM(Amazon Certification Manager) 인증서를 사용해서 현재 운용중인 EC2를 HTTPS 인증을 하기 위해 이전에 작성한 글에서는 Fargate를 사용할 때를 주로 설명했었습니다. https://abbo.tistory.com/435 [AWS] ECS HTTPS 적용하기 ECS에서 HTTP는 로드밸런서에 걸려있는 리스너들이 작동하면서 변경됩니다. HTTP로 서버를 올리는 것은 어렵지 않지만, HTTPS 인증을 하기 위해서는 아래처럼 작업이 필요합니다. 도메인 준비 (Route 5 abbo.tistory.com ACM을 발급하는 것은 위 글에 자세히 나와있습니다. 이제 발급된 ACM 인증서를 가지고 EC2에 연결하는 방법을 알아보려 합니다. 기본적으로 EC2를 사용할 때는 nginx를..

이번 글에서는 이전 글에 작성해둔 목록을 모아두려합니다. 구현 순서는 1번부터 순서대로 진행하시면 됩니다. 1. ECS 에서 사용하는 용어 정리 https://abbo.tistory.com/434 [AWS] ECS 구성하기 전에 용어 정리하기 오늘은 대망의 서버리스 모델인 ECS를 구성해보는 글을 작성해보고자 합니다. 그간 EC2만 사용하면서 내부 서버에 Docker Compose 세팅과 스크립트를 작성하고 Jenkins에서 빌드 배포한 부분을 더 개선 abbo.tistory.com 2. ECS 클러스터 구성하기 https://abbo.tistory.com/436 [AWS] ECS Fargate Cluster 구성하기 이번 글은 ECS를 구성하면서 가장 기초적인 Cluster를 구성하는 방법을 소개하고자..

이번 글에서는 ECS Task를 개정한 내용을 클러스터에 올려보는 작업을 하고자 합니다. 가장 기본적으로 이전에 구현한 ECS Cluster, 작동중인 ECS Service, 개정할 ECS Task 가 필요합니다. 서비스에서 직접 업데이트 하기 위의 그림에서 서비스 상세로 넘어가게 되면 '상태 및 지표' 탭이 보이는 내용이 뜹니다. 여기서 '서비스 업데이트'를 클릭합니다. 그러면 현재 작동중인 서비스를 업데이트하는 화면이 뜨게 됩니다. 새 배포 강제 적용 : 현재 최신 개정으로 되어 있는데 업데이트 하고 싶은 경우 선택합니다. 수동으로 개정 지정하기 : 체크 필요 없이 아래 개정 숫자를 선택하면 됩니다. 그 외에 나머지는 모두 Task를 생성하는 글에서 설명한 내용입니다. 여기에서는 로드 밸런서를 연결할..

ECS 태스크 설정에서 CloudWatch 적용을 걸고 서비스를 실행시키게 되면, EC2의 경우 로그적재가 서버에 자동으로 됩니다. (logback-spring.xml에 설정된 내용처럼) 하지만 Fargate의 경우 로그를 확인할 수 있는 서버가 존재하지 않기 때문에 AWS CloudWatch 서비스를 이용하여야 합니다. 오늘은 Fargate 이용중인 서버의 로그 보는 법을 알아보고자 합니다. 1. ECS 만으로는 보기 불편한 로그 시스템 가장 먼저 로그 시스템을 볼 수 있는 방법 중 ECS 자체 내에서 로그를 확인하는 법에 대해 설명드리고자 합니다. 클러스터 리스트 중 하나의 클러스터로 들어와서 로그를 확인하는 방법부터 알아보겠습니다. 현재 클러스에서 돌아가고 있는 서비스를 클릭합니다. 그리고 서비스의..