Per ardua ad astra.

Azure App Services 프로젝트 배포 후, Cannot find module 오류 해결법들어가며Azure App Services를 이용하여 프로젝트 배포 후, Cannot find module 관련 오류가 발생할 경우 빠르게 해결하는 방법을 정리해본다. 방법방법 ① : Kudu Console 이용하기 (수동 설치)애저 포털에서 자신이 배포한 App Service 리소스 페이지에 들어간다.왼쪽 메뉴에서 [고급 도구(Advanced Tools)] → [이동(Go)] 을 클릭하여 Kudu 페이지에 접속한다. Kudu 페이지 상단의 [SSH] 탭을 클릭한다. 터미널에서 아래의 명령을 순서대로 실행해준다.$cd site/wwwroot$ npm install --production Azure ..

Azure Cosmos DB for MongoDB (RU) 연동하기들어가며Azure Cosmos DB for MongoDB (RU) 연동하는 방법을 간단하게 정리해본다.Next.js 15를 이용하였다. 방법Azure Cosmos DB for MongoDB (RU) 생성하기애저 포털에서 Azure Cosmos DB for MongoDB (RU) 리소스를 생성한다. 코드 작성하기Next.js 15를 기준으로 다음과 같은 코드를 작성한다. /.env.local (환경 변수)Azure Cosmos DB For MongoDB (RU) 리소스를 생성하면 URI를 확인할 수 있다.AZURE_COSMOS_MONGO_URI="YOUR_URI"AZURE_COSMOS_MONGO_DB_NAME="YOUR_DB_NAME" /a..

App Services에 Next.js 15 배포하기 (VS Code, LocalGit)들어가며애저(Azure)의 App Services에 Next.js 15 프로젝트를 배포 완료 후, 배포했던 과정을 정리해본다.포트 관련 문제로 여러번의 배포 실패 작업 후, 오랫동안 구글링을 통해 해결 방법을 찾아보다가 성공한 방법을 정리해본다. 방법우선, 내가 진행했던 프로젝트의 배포 환경은 다음과 같다.Next.js v15.3.2TailwindCSS, JavaScript, TypeScriptNode v20.19.1비주얼 스튜디오 코드(VS Code)의 Azure 확장을 이용하여 배포를 진행하였다. (LocalGit)GitHub Actions을 이용하여 배포를 진행할 수도 있으나, 이 방법은 차후에 포스팅 해보려고 ..

리액트 애플리케이션 테스트 환경 구축하기 (Vite, TypeScript, React)들어가며Vite, TypeScript, React를 이용하여 프로젝트 템플릿을 생성하고, 리액트 애플리케이션 테스트 환경을 구축하는 방법을 정리해본다. 방법1️⃣ 프로젝트 생성하기Vite 프로젝트 설정하기프로젝트 이름을 설정한다.React와 TypeScript를 선택한다.$npm create vitelatest 의존성 설치하기아래의 명령을 실행하여 패키지를 설치한 후, 실행해본다.$ npm install$npm run dev 2️⃣ Vite 환경에서 테스트 설정하기Vitest 설치하기아래의 명령을 실행하여 Vitest를 설치한다.$ npm install -D vitest VitestVite 기반의 빠르고 간..

소프트웨어 테스트 방법들어가며다양한 소프트웨어 테스트 방법을 간단하게 정리해본다. ① 단위 테스트(Unit Test)개념애플리케이션의 가장 작은 단위(메서드, 함수, 클래스 등)를 독립적으로 테스트하는 방법단일 모듈, 함수, 메서드를 개별적으로 검증외부 종속성(DB, 네트워크 등)을 배제하기 위해 Mocking(모의 객체) 활용빠르게 실행되며, 개발 초기에 버그를 쉽게 잡을 수 있다. 예시add(2, 3) 함수가 5를 반환하는지 확인하기import unittestdef add(a, b): return a + bclass TestMathOperations(unittest.TestCase): def test_add(self): self.assertEqual(add(2, 3), ..

Contentful들어가며Headless CMS 중 하나인 Contentful 서비스에 대하여 정리해본다. Contentful개념2013년 독일 베를린에서 만들어진  Headless CMS(Content Management System, 컨텐츠 관리 시스템) 서비스현재 Spotify, Red Bull, IKEA 등 굵직한 글로벌 기업들이 이 서비스를 이용하고 있다.프론트엔드와 백엔드(컨텐츠 저장 및 관리)가 결합된 구조와 달리, 프론트엔드와 백엔드가 분리된 형태의 컨텐츠 관리 시스템이다. Content that takes you everywhereBusiness moves faster when teams producing content have a platform that empowers them to ..

원격 저장소 주소 변경하는 방법들어가며Git 명령어를 이용하여 현재 프로젝트의 원격(Remote) 저장소 주소를 변경하는 방법을 정리해본다. 방법현재 원격 저장소주소 확인하기현재 프로젝트에 연결된 원격 저장소 주소를 확인한다.$git remote -vorigin https://github.com/old-user/old-repo.git (fetch)origin https://github.com/old-user/old-repo.git (push)  현재 원격 저장소 주소 변경하기set-url 옵션을 사용하여 원격 저장소 주소를 변경할 수 있다.$ git remote set-url origin  사용 예$ git remote set-url origin https://github.com/new-user..

Auth0들어가며인증(Authentication) 및 사용자 관리 기능을 쉽게 도와주는 Auth0 서비스에 대해 정리해본다.이 서비스를 이용하면, 소셜 로그인 등 인증을 위한 기능들을 직접 코드로 구현하여 만들어주지 않아도 된다. Auth0개념사용자가 애플리케이션의 인증 및 권한 관리를 간단하고 안전하게 구현할 수 있도록 지원하는 인증 및 권한 관리 플랫폼개발자는 Auth0를 이용하여 복잡한 인증 시스템을 직접 개발하지 않아도 되고, 다양한 인증 방식을 쉽게 통합할 수 있다. 주요 특징다양한 인증 방식 지원이메일/비밀번호소셜 로그인 (Google, Facebook, GitHub, Twitter 등)다중 인증(Multi Factor Authentication)SSO(Single Sign-On)Passwor..

Render들어가며애플리케이션 배포 및 호스팅 플랫폼 중 하나인 Render에 대해 정리해본다. Render개념클라우드 기반의 애플리케이션 배포 및 호스팅 플랫폼개발자들이 웹 애플리케이션, API, 정적 사이트 등을 손쉽게 배포하고 관리할 수 있도록 지원한다.복잡한 인프라 설정 없이도 자동으로 애플리케이션을 빌드하고 배포하며, 확장성과 안정성을 제공한다.스타트업이나 소규모 팀이 빠르게 애플리케이션을 배포하고 관리하는 데 유용하며, 복잡한 인프라 관리에 대한 부담을 줄여준다.Render는 데이터베이스, 백그라운드 작업 등 다양한 백엔드 서비스를 지원하여 풀스택 애플리케이션을 만드는 데에 적합하다. Cloud Application Platform | RenderOn Render, you can build, ..

Mockaroo들어가며가상 데이터를 생성해주는 도구인 Mockaroo에 대해 정리해본다. Mockaroo개념개발자와 데이터 분석가를 위해 현실적인 가상 데이터를 생성해주는 온라인 도구CSV, JSON, SQL, Excel 등 다양한 형식으로 최대 1,000개의 행을 무료로 생성할 수 있다. 주요 기능이름, 주소, 이메일 등 다양한 필드 타입을 제공하여 사용자 정의 데이터 생성이 가능하다.필드 이름, 데이터 타입, 옵션 등을 설정하여 원하는 데이터 구조를 만들 수 있다. CSV, JSON, SQL, Excel 등 여러 형식으로 데이터를 다운로드할 수 있다.가상 API를 설계하여 실제 API와의 상호 작용을 하게 할 수 있다. 사용 방법아래의 공식 홈페이지에 접속하여 필드 이름(Field Name)과 타입(..

.gitignore 파일에 환경 설정 파일(.env) 등록하는 방법들어가며.gitignore 파일에 환경 설정 파일(.env)을 등록하는 방법을 정리해본다. 방법.gitignore 파일에 .env 추가하기.gitignore.gitignore 파일이 없을 경우 새로 생성해주고, 그 안에 .env을 추가해준다.# 환경 설정 파일.env (참고) .gitignore 파일에 추가해도 무시되지 않을 경우만약 이미 .env 파일이 Git에 의해 추적 중일 경우, .gitignore 파일에 .env를 추가해도 무시되지 않는다.따라서 아래의 명령을 실행하여 Git 캐시에서 .env 파일 추적 캐시를 제거해준다.$ git rm --cached .env

프리즈마(Prisma)들어가며ORM(Object-Relational Mapping) 도구 중 하나인 프리즈마(Prisma)에 대해 정리해본다. 프리즈마(Prisma)개념ORM(Object-Relational Mapping) 도구데이터베이스와 애플리케이션 간의 인터페이스를 간편하게 만들어주는 개발 도구주로 Node.js와 TypeScript 환경에서 사용된다.SQL 쿼리를 직접 작성할 필요 없이 안전한 타입의 코드를 통해 데이터베이스와 상호작용할 수 있도록 도와준다. ORM(Object-Relational Mapping)객체 지향 프로그래밍 언어에서 사용하는 객체(Object)와 관계형 데이터베이스(Relational Database)의 테이블 간의 매핑을 자동화하는 기술데이터베이스의 데이터를 SQL이 아..

Supabase들어가며Firebase의 대안으로 많이 사용되는 Supabase에 대해 정리해본다. Supabase개념개발자들이 서버리스 애플리케이션을 빠르게 구축할 수 있도록 돕는 오픈 소스 백엔드 서비스Firebase의 대안으로 많이 사용되며, PostgreSQL을 기반으로 데이터를 관리하고 다양한 기능을 제공한다. 주요 기능데이터베이스 관리PostgreSQL을 기본 데이터베이스로 사용한다.스키마 관리, 관계형 데이터베이스, 실시간 기능 등을 지원한다.SQL 쿼리를 사용하여 복잡한 데이터를 처리할 수 있다. 실시간 기능실시간 데이터베이스 이벤트를 구독할 수 있다.예) 데이터베이스에 새로운 레코드가 추가되거나 업데이트되면 자동으로 클라이언트에 알림 보내기 인증 및 권한 관리이메일, 비밀번호 로그인, 소셜..

git push 취소하는 방법들어가며깃(Git)에서 push를 한 후, 취소하는 방법을 정리해본다. 방법최근에 푸시한 커밋 취소하기마지막 커밋을 삭제하는 명령이다.하지만 작업 디렉터리의 변경 사항은 그대로 유지된다.$git reset --soft HEAD^ 만약, 작업 디렉터리의 변경 사항을 초기화하려면 아래의 명령을 실행한다.$ git reset --hard HEAD^ --hard 옵션을 이용하여 리셋할 경우, 작업 디렉터리의 변경 사항이 초기화된다. (변경된 내용이 모두 사라진다.) 원격 저장소에 이 변경 사항을 강제로 반영하고자 할 경우, 아래 명령을 실행한다.$ git push --force 참고또는 다음과 같이 HEAD 키워드를 이용하여 취소할 수 있다.# 로컬 브랜치를 이전 커밋으..

브랜치 : 원격 저장소의 최신 내용을 가져오고, 기존의 브랜치 내용 지우기들어가며팀원들과 협업할 때 필요한 브랜치 작업 중, 기존에 내가 만들었던 브랜치 내용을 지우고, 원격 저장소의 최신 내용을 받아오는 방법을 간단하게 정리해본다.우선 원격 저장소의 브랜치를 제거해준 후, 그 다음 로컬 저장소의 브랜치를 제거해줘야 한다.   방법1️⃣ 원격 저장소 브랜치 삭제하기원격 저장소의 내용 삭제하기$git push -d origin  2️⃣ 원격 저장소의 내용을 로컬 저장소로 가져오기원격 저장소에 저장된 (최근의) 내용을 로컬 저장소로 가져오기$ git pull  3️⃣ 로컬 저장소 브랜치 삭제하기로컬 저장소에 저장된 브랜치 삭제하기$ git branch -d branch_name 만약 브랜치가 병합되지 않았..

도커 온라인 실습 사이트 (Play with Docker) 들어가며 설치 없이 온라인에서 도커를 실습할 수 있는 사이트가 있다. 도커를 실습하려면 리눅스를 설치해야 하는데, 이렇게 복잡한 도커 실행 환경에 구애 받지 않고 로그인만 하면 온라인으로 간단히 실습할 수 있다. 사이트 바로가기 https://labs.play-with-docker.com/ Play with Docker Play with Docker A simple, interactive and fun playground to learn Docker Login labs.play-with-docker.com 참고 주어진 시간 (4시간) 동안만 실습을 할 수 있다. 원격 접속 주소를 복사하여 개인 PC의 터미널을 이용하여 접속할 수 있다.

도커 명령어 정리 (Container, Image, Volume, Network) 들어가며 도커에서 사용하는 대표적인 명령어를 정리해본다. 컨테이너(Container), 이미지(Image), 볼륨(Volume), 네트워크(Network) 관련 명령어와 도커 스웜(Docker Swarm)과 관련된 명령어 그리고 단독으로 쓰이는 명령어를 정리해본다. 도커 명령어 형태 도커 명령어의 형태는 다음과 같다. $ docker 커맨드 (옵션) 대상 (인자) # ↘┏ 상위 커맨드 # ┗ 하위 커맨드 docker 명령어 뒤에 오는 '무엇을' '어떻게'에 해당하는 부분을 ‘커맨드(Command)’라고 한다. 커맨드는 다시 '상위 커맨드’와 ‘하위 커맨드’로 구성되며, 상위 커맨드가 ‘무엇을’, 하위 커맨드가 ‘어떻게’..

윈도우용 도커 데스크톱 설치하기 들어가며 리눅스가 아닌, 윈도우에서 도커 데스크톱 프로그램을 설치하여 도커 실습을 할 수 있다. 하지만, WSL2(Windows Subsystem for Linux 2) 또는 Hyper-V를 이용하는 것이기 때문에, 도커는 리눅스 위에서 작동하게 된다. 윈도우용 도커 데스크톱 프로그램을 설치해보자. 도커 환경을 구축하는 방법 도커 환경을 구축하는 방법은 다음과 같이 3가지가 있다. ⓛ 리눅스 컴퓨터에서 도커 사용하기 ② 가상 머신이나 렌탈 환경에 도커를 설치하고, 윈도우나 macOS를 통해 사용하기 ③ 윈도우용/macOS용 도커 사용하기 이번 게시글에서는 윈도우용 도커 데스크톱을 설치하는 방법을 소개한다. 도커 데스크톱 도커 데스크톱은 일반적인 소프트웨어처럼 사용한다. 하..

도커와 가상화 기술의 차이 도커는 특성상 가상화 기술과 비교되는 경우가 많다. 그러나 도커는 서버 가상화와는 분명한 차이가 있다. ‘실행 환경을 독립적으로 격리한 컨테이너’라고 표현하는 것이 정확하다. 가상화 기술 VirtualBox나 VMware 같은 가상화 기술은 가상의 물리 서버를 만드는 것과 같다. 여기서 '가상’이라는 말은 물리적인 대상을 소프트웨어로 대체했다는 의미이다. 즉, 메인보드와 CPU, 메모리 등의 물리적인 부품을 소프트웨어로 구현한 것이다. 실질적으로 물리 서버와 동등한 것이므로 당연히 운영체제도 아무 것이나 설치할 수 있고, 그 위에서 어떤 소프트웨어를 구동해도 무방하다. 도커 이와 달리 도커는 컨테이너에서 리눅스가 동작하는 것처럼 보이지만, 실제 리눅스가 동작하는 것은 아니다. ..

애저(Azure) Visual Studio 서비스를 이용하여 CRUD 애플리케이션 제작하기 들어가며 Azure의 Visual Studio 서비스를 이용하여 CRUD 애플리케이션을 제작해보자. CRUD란, 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 실습 애저(Azure) 포털에서 서비스 배포하기 SQL Database 서비스 배포하기 애저(Azure) 포털에서 SQL Database 서비스를 배포한다. 배포 설정과 관련된 자세한 내용은 아래의 게시글을 참고한다. [Azure] 단일 데이터베이스 만들기 애저(Azure)를 이용하여 단일 데이터베이스 만들기 들어가며 애저(Azure)를..

애저(Azure) Machine Learning Service의 Notebooks 사용해보기 들어가며 Azure Machine Learning Service의 Notebooks를 이용하여 실습해보자. Azure Machine Learning Service 배포 방법은 이전 글(https://dev-astra.tistory.com/400)을 참고한다. 실습하기 [Authoring] 섹션에서 [Notebooks] 탭을 클릭한다. 그리고 [Files] 버튼을 클릭하고, [Create new file]을 선택한다. 그리고 .ipynb 파일을 하나 만들어준다. 그리고 실행 환경을 [Python 3.8 - AzureML]로 바꿔준다. 다음 처럼 인증을 해준다. 우측 상단의 [Authentic..

애저(Azure) Machine Learning Service의 Automated ML 사용해보기 들어가며 Azure Machine Learning Service의 Automated ML을 이용하여 실습해보자. Azure Machine Learning Service 배포 방법은 이전 글(https://dev-astra.tistory.com/400)을 참고한다. Azure Automated ML은 다음의 과정들을 자동으로 해준다. 실습하기 좌측의 [Automated ML] 탭을 클릭한 후, 페이지에서 [New Automated ML Job] 버튼을 클릭한다. [Create] 버튼을 눌러 데이터를 만들어준다. (데이터 이름은 TitanicDataset으로 설정해준다.) 데이터는 로컬 PC에서 ..

애저(Azure) Machine Learning Service의 Designer 사용해보기 들어가며 Azure의 Machine Learning Service를 배포해보고, Desginer를 이용하여 실습해보자. 실습하기 Azure Machine Learning 서비스 만들기 애저 포털의 검색창에 Azure Machine Learning을 검색한 후 [Azure Machine Learning] 서비스로 진입한다. [Azure Machine Learning] 페이지에서 [만들기] 버튼을 클릭하여 리소스를 만들어준다. Azure Machine Learning Studio 페이지에서 가상 머신 생성하기 별도의 포탈에 진입해야 한다. [Studio 시작하기] 버튼을 누르면 Azure Machin..

AKS(Azure Kubernetes Service) 실습 들어가며 AKS(Azure Kubernetes Service)를 실습해보자. 이번 실습은 MS Learn AKS 자습서를 토대로 진행하였다. 이 글은 도커 설치 게시글(https://dev-astra.tistory.com/391)에 이어서 진행된다. (실습 전, 우분투 VM에 도커를 미리 설치한다.) 실습하기 AKS를 위한 애플리케이션 준비하기 애플리케이션 코드 가져오기 다음 명령을 실행하여 애플리케이션 예제를 개발 환경에 복제한다. 그리고 파일 목록을 확인한 후, 복제된 디렉터리에 진입한다. 그리고 내부의 파일 목록을 확인해본다. $ git clone https://github.com/Azure-Samples/azure-voting-app-re..

애저(Azure)를 이용하여 쿠버네티스(Kubernetes)를 구축하고, 간단한 실습 해보기 들어가며 애저(Azure)를 이용하여 구축한 쿠버네티스(Kubernetes)를 간단하게 실습해 보자. 이 글은 이전 글(https://dev-astra.tistory.com/396)에 이어서 진행된다. 실습하기 미니 쿠베를 실행하고 간단한 실습 해보기 다음 명령을 실행하여 설치한 미니 쿠베를 실행한다. 드라이버(Driver)를 도커(Docker)로 설정한다. 관련 컨테이너들과 기능들이 설치되기 때문에 시간이 조금 걸릴 수 있다. $minikube start --driver=docker 다음 명령을 실행하여 미니 쿠베의 상태를 확인한다.$ minikube status 다음 명령을 실행하여 쿠버네티스 시스템에 있..

YAML(YAML Ain't Markup Language) 개념 쿠버네티스에서는 YAML 파일을 사용한다. YAML 파일은 데이터 직렬화에 쓰이는 포맷(양식) 중 하나이다. 데이터 직렬화란, 서비스 간에 데이터를 전송할 때 쓰이는 포맷으로 변환하는 작업을 의미한다. 예를 들어, 쿠버네티스 마스터에게 요청을 보낼 때 YAML을 사용한다. 데이터 직렬화에 쓰이는 다른 파일 포맷으로 XML, JSON이 있다. YAML 파일의 포멧은 .yaml 또는 .yml이다. 특징 가독성 YAML은 사람이 읽기 쉽도록 디자인되어 있다. YAML 포맷 apiVersion: v1 kind: Pod metadata: name: example spec: containers: - name: busybox image: busy..

애저(Azure)를 이용하여 우분투 VM을 배포하고, 쿠버네티스(Kubernetes) 구축하기 들어가며 애저(Azure)를 이용하여 우분투(Ubuntu) VM을 배포하고, 쿠버네티스(Kubernetes)를 구축해보자. 쿠버네티스를 간단하게 실습해보기 위해 미니쿠베(Minikube)를 사용하여 실습을 진행한다. 쿠버네티스(Kubernetes) 쿠버네티스(Kubernetes)에 대한 자세한 설명은 아래의 게시글을 참고한다. [Kubernetes] 쿠버네티스(Kubernetes) 쿠버네티스(Kubernetes) 개념 컨테이너화된 애플리케이션의 자동 디플로이(배치), 스케일링 등을 제공하는 관리 시스템으로 오픈 소스 플랫폼이다. 원래 구글(Google)에 의해 설계되었고, 현재 리눅 dev-astra.tisto..

쿠버네티스(Kubernetes) 개념 컨테이너화된 애플리케이션의 자동 디플로이(배치), 스케일링 등을 제공하는 관리 시스템으로 오픈 소스 플랫폼이다. 원래 구글(Google)에 의해 설계되었고, 현재 리눅스 재단에 의해 관리되고 있다. 목적은 여러 클러스터의 호스트 간에 애플리케이션 컨테이너의 배치, 스케일링, 운영을 자동화하기 위한 플랫폼을 제공하기 위함이다. 도커(Docker)를 포함하여 일련의 컨테이너 도구들과 함께 동작한다. 구글, 마이크로소프트, 아마존, IBM, 오라클, 시스코, 레드햇, SAP 등의 회사에서 쿠버네티스를 사용하고 있다. 약어로 k8s로 줄여 부르기도 한다. 쿠버네티스는 CPU, 메모리, 사용자 지정 메트릭스에 기반하여 애플리케이션을 디플로이(배치)하고 유지 보수하고, 스케..

애저(Azure)를 이용하여 도커(Docker)를 구축하고, 도커 이미지를 다른 사람과 공유하여 사용해보기 들어가며 애저(Azure)를 이용하여 구축한 도커(Docker)에서 도커 이미지를 다른 사람과 공유하여 사용해보는 방법에 대해 알아보자. 이 글은 이전 글(https://dev-astra.tistory.com/392)에 이어서 진행된다. 실습하기 시나리오 : 도커 이미지를 회사 안의 다른 사람과 공유하여 사용해보기 회사 안에 서버를 만든다. 이 서버는 Local Docker Registry 역할을 한다. 이 서버에 도커 이미지를 업로드한다. 필요한 경우, 팀원들은 이 서버에 접속해서 필요한 파일들을 다운로드 받을 수 있다. 클라우드를 이용한다. 방법 ① 도커 이미지를 Docker Hub 사이트(ht..

리눅스에서 도커 설치하기들어가며리눅스에서 빠르게 도커(Docker)를 설치해보자.우분투(Ubuntu) 22.04 LTS에서 도커를 설치해본다. 방법도커 설치 환경 구축하기도커를 설치하기에 앞서, 설치 환경을 구축한다. 우분투 리눅스 업데이트(업그레이드) 하기$sudo apt-get update$ sudo apt-get upgrade 혹시나 시스템에 설치되어 있는 도커 제거하기$sudo apt-get remove docker docker-engine docker.io containerd runc 도커를 설치하기 위해 필요한 패키지들을 설치하기$ sudo apt-get install \> apt-transport-https \> ca-certificates \> curl \> gnupg \> lsb-re..