산책하는 댕발자

새 프로젝트를 시작하기 위해 IntelliJ를 실행해보니 작년에 Spring Boot 강의를 신청하면서 제공받았던 IntelliJ 유료 라이센스가 만료되어 있었다. 갱신을 원한다면 Upgrade Online Now 버튼을 누르고 결제를 진행한다. 무료버전을 사용하려면 IntelliJ 홈페이지에서 무료버전을 다운로드 받는다.1. 구글에 intellij community 검색 2. IntelliJ IDEA Community Edition 다운로드IntelliJ IDEA Ultimate는 유료이므로 스크롤을 내려 IntelliJ IDEA Community Edition을 다운로드한다.필자는 MacBook 사용자이므로 .dmg (Apple Silicon) 다운로드 3. dmg 파일 실행다운로드가 완료되..

Spring BootSpring Boot는 기존의 Spring Framework와 달리 복잡한 설정을 최소화하여 웹 프로그램을 쉽고 빠르게 만들 수 있게 설계된 자바의 웹 프레임워크다.이 글에서 Spring Boot 프로젝트를 생성하고 실행하는 방법을 알아보자. (개발 도구: IntelliJ)   1. 프로젝트 생성Spring Boot 프로젝트를 쉽게 생성할 수 있도록 도와주는 Spring Initializr 사이트로 이동한다. 프로젝트 환경에 맞게 작성한다. Project: Maven와 Gradle 중 선택Language: JavaSpring Boot 버전: 안정화된 최신 버전 선택 (default 그대로 유지)Project Metadata:Group: 프로젝트 도메인Artifact: 프로젝트 이름Na..

목적프로젝트 중인 서비스에는 사용자들이 콘텐츠를 다른 사람과 쉽게 공유할 수 있는 공유 버튼이 있다.앱에서 이 버튼을 누르면 공유되는 링크 끝에 tab=app이라는 값이 붙도록 설정했고 이 링크를 클릭하면 앱과 비슷한 형태의 웹 페이지가 열린다.앱을 설치하지 않은 사용자가 이 링크를 받아서 다시 다른 사람에게 공유할 경우엔 tab=web이라는 값이 붙은 링크가 공유되도록 설정했다.공유된 링크가 어떤 환경(앱 or 웹)에서 만들어졌는지 구분해서 사용자들이 앱과 웹 중 어디에서 더 활발하게 공유하는지 파악하고 싶었다.Google Analytics를 통해 이벤트 데이터를 수집하여 tab=web과 tab=app 값에 따라 사용자의 공유 행동을 분석해보자.이 글에서 실시간으로 디버깅하면서 GA에 이벤트가 제대로 ..

Google Play Console에서 이것저것 빠르게 설정하고 싶은데.. 영어만 보면 울렁증이…🤣 그러니 한국어로 변경해보자!   1. Google Account 이동오른쪽 상단의 Manage deveoloper accounts를 클릭하여 Google Account로 이동한다.만약 클릭해도 Google Account로 이동하지 않는다면 직접 Google Account를 검색하여 이동한다.  2. Language 설정Personal info - Language 클릭  3. 한국어 추가Add another language를 클릭하여 한국어를 추가한다.   4. 우선 순위 설정위쪽 화살표 ↑를 클릭하여 한국어를 우선 순위로 설정한다.  "한국어가 선호 언어로 추가됨" 메시지가 뜨면 설정 완료!   5. 확..

프로젝트를 진행하면서 웹사이트 방문자 데이터를 수집할 수 있는 도구를 추가하기로 했다. GA와 Umami 등 다양한 도구를 고민하다가 GA를 선택했다.스크립트만 추가하면 바로 사용할 수 있어서 확실히 Umami보다 설정이 간단하다는 장점이 있다. 또 사용자들의 유입 경로, 클릭 이벤트, 페이지 이탈률 등 다양한 지표도 활용할 수 있다.   0. 로그인아래 사이트에 방문하여 애널리틱스에 로그인한다.https://marketingplatform.google.com/about/analytics/ 비즈니스를 위한 애널리틱스 도구 및 솔루션 - Google 애널리틱스Google 애널리틱스는 고객에 대한 이해도를 높이는 데 필요한 도구를 제공합니다. 분석한 비즈니스 통계를 바탕으로 웹사이트를 개선하고 맞춤 잠재고객..

구매한 도메인으로 이메일을 설정해보자.서비스 도메인과 동일한 이메일 주소를 사용하면 사용자들에게 공식적인 이메일이라는 것을 전달할 수 있고 고객 문의시 신뢰도를 높일 수 있다. 비용 고민없이 유료로 Gmail 환경을 설정하려면 Google Workspace을 사용하면 된다. ($6/월 - 약 ₩9,000원)필자는 아직 서비스 관련 고정 수입이 없고 비용을 최소화해야 하기 때문에 무료 서비스를 찾다가 Zoho Mail을 알게 되었다.   Zoho Mail스타트업이나 소규모 비즈니스에 적합한 이메일 서비스이다.무료 플랜을 제공하여 도메인만 구매하면 무료로 이메일을 설정하여 사용할 수 있다.그 외 일정, 연락처, 업무 관리 기능 등이 있다. https://www.zohomail.com/ Secure Busin..

처음 도메인을 설정할 때는 서비스명이 정해지지 않아 임시로 가명 도메인을 사용하다가 서비스명이 확정되어 새 도메인을 구매하여 변경하기로 했다.기존 도메인을 새 도메인으로 안전하게 변경하기 위한 AWS 설정을 진행해보자.필자는 AWS 서비스 중 Route 53, EC2, S3, CloudFront, RDS를 사용중이다.참고로 새 도메인은 기존 도메인과 별개로 설정하기 때문에 기존 도메인이 만료되더라도 문제없이 서비스를 운영할 수 있다.   1. 도메인 등록1-1. 도메인 구매여러 도메인 사이트 중 호스팅케이알에서 도메인을 구매했다.나중에 연장 비용까지 고려했을 때 호스팅케이알에서 구매시 1년에 1만원 정도 절약할 수 있어 선택하게 되었다.  1-2. Route 53에 도메인 추가새 도메인으로 호스팅 영역을..

처음 Google Play 개발자 계정을 만들 때 개인 계정으로 결제하고 나서 아차 싶었다.곧 출시할 앱은 팀 프로젝트이고 앞으로도 팀 단위로 운영될 가능성이 높기 때문에 팀 명의의 google 계정으로 새로 만드는 것이 더 적절하다고 생각하여 개인 계정으로 한 결제건은 환불을 요청하기로 했다. Google Play 개발자 계정을 만들 때 앞으로 어떻게 운영될지 신중하게 판단하고 어떤 계정으로 시작할지 결정하는게 정말 중요하다.개인 계정으로 만들면 하나의 계정 아래 여러 앱을 올릴 수 있어 운영 측면에서 유연성이 높지만, 그 계정에 문제가 생기면 등록한 모든 앱의 운영이 중단될 수 있다는 리스크도 존재한다.여러 명이 함께 관리하는 서비스라면 (개인을 대표로 하지 않고) 팀 명의 계정을 만들어 1️⃣ 관리..

프로젝트를 하면서 HTML에서 HLS(M3U8) 형식의 영상을 재생하기 위해 다양한 방법을 시도했다.Safari에서는 기본적으로 HLS를 지원하지만 Chrome 및 다른 브라우저에서는 추가적인 설정이 필요했다. Chrome에서 m3u8 영상을 재생하려면 Video.js 또는 HLS.js와 같은 라이브러리를 활용하면 된다는 글을 보고 간단하게 해결할 수 있을 거라고 생각했지만 여러 문제를 마주하여 해결 과정을 정리해 보았다.   첫번째 시도 - video.js 라이브러리 사용유튜브 영상을 보면서 똑같이 실행해보았으나 Safari에서는 재생되었으나 Chrome에서는 "The media could not be loaded, either because the server or network failed or b..

앱 개발 프로젝트 후 점점 완성도를 높여가고 있다.Google Play 스토어에 출시하기 위해 Google Play 개발자 계정을 생성하는 과정을 정리해보았다.Google Play 개발자 계정은 개인이 개발한 앱을 Google Play 스토어에 배포할 수 있는 계정이다.가입부터 결제까지 가이드를 준비했으니 처음 도전하는 분들도 어렵지 않게 진행할 수 있을 것이다. 개발자 계정 생성하기 전, 개인 계정 or 팀 계정이 고민되는 분들은 아래 글을 참고해주세요 : )2025.02.28 - [기술 스택/Etc] - Google Play 개발자 계정 등록비 환불 요청하기   ✅ 준비물Google 계정결제 카드($25/1회 - 약 ₩36,000원)계정 소유자 이름과 현재 주소가 표시된 서류(9-3에서 자세히) 아래..

2진수란?0과 1로 이루어진 숫자 조합이다.  왜 2진수를 사용할까?컴퓨터는 전압을 이용해 동작하는데 표현하고자 하는 데이터가 있을 경우 전기는 흐르거나(ON) 흐르지 않거나(OFF) 두 가지 상태만 가질 수 있다. 이런 특성 때문에 컴퓨터가 데이터를 표현하는 방법은 0과 1로 이루어진 2진수를 사용한다.  Bit와 Byte0과 1의 데이터 각각을 1Bit라고 부른다.1 Bit = 0 또는 1 (2)가지 데이터를 저장할 수 있다.2 Bit = 00, 01, 10, 11 (4)4 Bit = 0000 ~ 11111 (16) = 1 Nibble8 Bit = 00000000 ~ 11111111 (256) = 1 Byte  2진수의 표현10진수와 2진수의 변환10진수2진수00112103114100510161107..

mp4 영상으로 화면을 구성하는 작업을 하다가 mp4를 추가한 채로 커밋을 하니 아래와 같은 에러메시지가 발생했다.   원인이 에러는 Git 저장소에 너무 큰 파일(mp4 영상 파일)을 추가해서 용량 초과로 인해 발생한 것이다.* Git은 단일 푸시에 대해 최대 2GB 제한을 두고 있다.[GitHub Docs 푸시 제한 정보]https://docs.github.com/ko/get-started/using-git/troubleshooting-the-2-gb-push-limit   해결1. mp4 파일을 추적하지 않도록 .gitignore 파일에 추가# .gitignore에 mp4 파일 추가*.mp4  2. 최근 커밋 되돌리기이미 mp4 파일이 포함된 상태로 커밋을 했다면 최근 커밋을 취소한다.git res..

문제운영 서버에서 PM2를 실행하는데 .env.local 파일을 읽는다.확인해보니 포트 3000에서 LISTEN하지 않고 있었다. 그래서 npm run start를 수동으로 실행해야만 API가 정상적으로 작동하는 문제가 발생했다.  pm2 설정이 필요한 분들은 아래 글을 참고해주세요!2024.08.26 - [💡/오류노트] - [Caddy] 3000포트가 열리지 않는 문제 해결(+PM2)    원인PM2에 환경 변수 설정 누락PM2를 설정할 때 NODE_ENV를 설정하지 않아 기본값인 development 환경으로 실행된 것이다.package.json의 start 스크립트에 NODE_ENV=production을 명시해놨다고 해도 PM2 실행할 때 설정하지 않았다면 적용되지 않는다. "scripts": ..

SSH로 서버에 연결해 작업하다가 Broken pipe가 뜨면서 연결이 강제로 끊겼다.Read from remote host ec2-3-38-246-40.ap-northeast-2.compute.amazonaws.com: Connection reset by peerConnection to ec2-3-38-246-40.ap-northeast-2.compute.amazonaws.com closed.client_loop: send disconnect: Broken pipe   서버는 일정 시간 동안 아무 작업도 하지 않으면 연결을 자동으로 끊도록 설정되어 있다. 리소스를 절약하고 보안을 강화하기 위함이다.해결 방법은 간단하다. 1. 터미널에서 SSH 설정 파일을 연다.nano ~/.ssh/config  2. ..

인스턴스를 재부팅하고 pm2 restart all 명령어를 실행했더니 [PM2][WARN] No process found 에러가 발생했다.현재 PM2에 등록된 프로세스가 없다는 것이다.재부팅하면서 PM2의 상태를 저장하지 않았거나 PM2가 자동으로 시작되지 않았기 때문이다.   해결1. PM2 상태 확인출력된 리스트가 비어 있다. PM2에 등록된 프로세스가 없음을 의미한다.$ pm2 list  2. PM2 복원저장된 프로세스 상태를 복원하기 위한 명령어를 실행한다.$ pm2 resurrect​   3. PM2 상태 저장재부팅 후에도 PM2 프로세스를 자동으로 복원하기 위해 현재 프로세스를 저장한다.$ pm2 save 이 명령어는 현재 실행 중인 프로세스 상태를 /home/ubuntu/.pm2/dump.p..