bkw535 님의 블로그

PPURISAM - 단체 문자 서비스[다우기술 X 한성대학교]

bkw535 — Sat, 25 Jan 2025 15:03:05 +0900

Introduction

디지털 정보화 시대에도 여전히 디지털 서비스를 이용하기 어려운 계층이 존재합니다. PPURISAM은 이러한 문제를 해결하기 위해 탄생한 서비스로, 음성 인식 기술과 생성형 AI를 결합해 누구나 쉽고 빠르게 문자와 이미지를 생성하고 전송할 수 있는 솔루션을 제공합니다.

이 서비스는 음성 인식 기반의 텍스트 입력과 문자와 어울리는 이미지 생성이라는 차별화된 기능을 통해 사용자 경험을 혁신합니다. 특히, 고령층과 디지털 소외 계층을 포함한 다양한 사용자들에게 직관적이고 접근 가능한 서비스를 제공합니다. 예를 들어, 고령층 사용자는 음성 명령만으로 손쉽게 메시지를 작성하고 공유할 수 있어 디지털 소통의 장벽을 낮출 수 있습니다.

또한, 음성인식이 가능한 챗봇 시스템을 통해 사용자는 직관적인 UI와 가이드라인에 맞는 최적의 메시지와 이미지를 간편하게 생성하고 초보자도 쉽게 활용할 수 있습니다.

지금 바로 PPURISAM과 함께 디지털 소통의 새로운 가능성을 경험해보세요.

ERD

System Architecture

컨테이너 기반 가상화 플랫폼인 Docker를 사용하였습니다. Docker는 가상머신보다 가벼우며, 이미지와 컨테이너 레이어를 통해 빠른 실행 속도를 제공합니다.

이를 통해 팀원 간의 개발 환경과 운영 환경의 차이로 인한 문제를 줄일 수 있었으며, 일관된 환경에서 효율적으로 작업할 수 있었습니다. 또한, Docker Compose를 활용하여 여러 개의 컨테이너를 묶어 손쉽게 관리할 수 있었습니다.

Amazon EC2는 저희 애플리케이션에 적합한 인스턴스를 설계하고 간편하게 생성할 수 있는 클라우드 서비스입니다. EC2를 통해 필요에 따라 확장 가능한 인프라를 구축할 수 있었으며, 유연한 리소스 관리가 가능하여 개발 및 운영의 효율성을 높일 수 있었습니다.

NGINX는 비동기 이벤트 기반으로 설계되어 대규모 동시 연결을 효율적으로 처리할 수 있습니다. 또한, 보안을 강화하기 위해 HTTPS를 사용하여 데이터 전송의 안전성을 보장하였습니다. NGINX의 높은 안정성과 낮은 리소스 사용량 덕분에 애플리케이션의 응답 속도를 향상시킬 수 있었습니다.

프론트엔드 개발에는 React와 Vite를 함께 사용하여 사용자 인터페이스(UI)를 구축하였습니다. React의 컴포넌트 기반 구조 덕분에 재사용 가능한 UI 요소를 쉽게 만들 수 있었으며, 동적인 사용자 경험을 제공하는 데 큰 도움이 되었습니다.

Vite는 빠르고 효율적인 빌드를 가능하게 하며, 개발 중 즉각적인 모듈 핫 리로드(HMR)를 지원하여 생산성을 크게 향상시켰습니다. 이 두 기술의 결합으로 개발 속도와 효율성을 극대화할 수 있었습니다.

백엔드 프레임워크로는 Spring Boot를 선택하였습니다. Spring Boot는 학습이 용이하고 API 개발에 최적화되어 있어 빠르고 효율적인 백엔드 개발을 가능하게 했습니다. 또한, 다양한 플러그인과 확장성을 제공하여 프로젝트의 요구사항에 유연하게 대응할 수 있었습니다.

데이터베이스로는 MySQL을 사용하였습니다. MySQL은 안정적이고 성능이 우수한 오픈 소스 관계형 데이터베이스 관리 시스템으로, 높은 동시성을 지원하며 빠른 데이터 읽기 및 쓰기 성능을 제공합니다. 또한, 다양한 프로그래밍 언어와의 호환성이 뛰어나 개발자들에게 사용이 편리하였습니다.

Prometheus를 이용해 CPU, 메모리 사용률, 트래픽 등의 시스템 메트릭을 수집하였고, Grafana를 통해 이를 시각화하여 모니터링하였습니다. 메트릭을 사용하면 애플리케이션의 대기 시간과 처리하는 데이터 양을 추적하여 시스템 성능 저하의 원인을 쉽게 파악할 수 있었습니다. 이러한 모니터링 도구들은 시스템의 안정성과 성능을 유지하는 데 중요한 역할을 하였습니다.

Elastic Stack을 활용하여 로그를 수집하고 데이터 분석을 수행하였습니다.

Beats와 Logstash를 통해 다양한 소스에서 로그 데이터를 수집하고, Elasticsearch를 사용하여 강력한 검색 기능과 로그 분석을 구현하였습니다. Kibana를 통해 실시간으로 데이터를 시각화하여 시스템 내 문제점을 신속하게 파악하고, 서비스의 안정성을 높일 수 있었습니다. 특히, Elasticsearch는 발송조회, 주소록 같은 유연한 검색 기능과 Nginx 로그 분석 모두에 활용되어 다양한 요구사항을 효과적으로 충족시켰습니다.

Team Members

장원진 | Frontend
배건우 | Frontend | Backend | DevOps
진기태 | Frontend | Backend
박지원 | Backend
박진성 | Backend

GitHub: https://github.com/SWPC-Team-You-Can-Do-It/ppurisam

SML — Search Match Link

bkw535 — Sat, 25 Jan 2025 14:57:04 +0900

Introduction

현직자들의 조언을 구하고 싶거나 창업을 준비하면서 다양한 인맥을 구축하고 싶은가요? SML은 이러한 니즈를 가진 여러분을 위해 탄생한 비즈니스 네트워킹 서비스입니다. 이 플랫폼은 여러분의 현재 인맥을 바탕으로, 그들의 인맥까지 소개받을 수 있도록 도와줍니다. 이를 통해 여러분은 전문가와의 연결을 강화하고, 새로운 기회를 모색하며, 실질적인 조언을 받을 수 있습니다.

SML은 크레딧 기반의 시스템을 도입하여, 사용자가 보다 체계적으로 인맥을 탐색하고 구축할 수 있도록 지원합니다. 여러분은 크레딧을 사용해 일촌의 일촌에게 접근할 수 있으며, 이를 통해 단순한 연결을 넘어서 전문적인 인사이트를 얻을 수 있는 인맥을 형성할 수 있습니다. 이제 SML과 함께, 여러분의 커리어와 사업 아이디어를 다음 단계로 도약시켜보세요.

ERD

System Architecture

저희는 6주간의 개발 기간 동안 컨테이너 기반 가상화 플랫폼인 Docker를 사용하였습니다. Docker는 가상머신보다 가벼우며, 이미지와 컨테이너 레이어를 사용해 실행 속도가 빠른 장점이 있습니다. 이를 통해 팀원 간의 개발 환경과 운영 환경의 차이로 인한 문제를 줄일 수 있었습니다. 또한, Docker Compose를 사용하여 여러 개의 컨테이너를 묶어 손쉽게 관리할 수 있었습니다.

Frontend는 React를 사용하여 사용자 인터페이스(UI)를 구축하고, Vite를 통해 빠르고 효율적인 빌드를 구현하였습니다. ESLint와 Prettier를 설정하여 코드의 일관성과 품질을 높였습니다. Zustand를 활용하여 비동기 작업을 관리하고 상태를 처리하였으며, Tailwind CSS를 통해 스타일 속성을 지정해주었습니다. 또한, Cytoscape.js를 사용하여 일촌 목록 조회 부분에서 관계도를 그래프로 시각적으로 표현하였습니다.

Backend에서는 프레임워크로 배우기 쉽고 API 개발에 최적화된 빠르고 효율적인 FastAPI를 선택하였습니다. FastAPI는 Uvicorn ASGI 서버와 함께 비동기 함수를 지원하여 여러 작업을 동시에 처리할 수 있습니다. 또한, 자동으로 API 문서를 생성하는 Swagger UI를 제공하여 개발 과정에서 API 테스트를 쉽게 수행할 수 있었습니다.

Elasticsearch는 오픈 소스 검색 엔진으로, HTTP 프로토콜을 통한 REST API로 데이터를 조작할 수 있습니다. 색인(Indexing)과 역색인(Inverted Index) 기능을 활용하여 형태소 분석 기반의 자연어 처리로 강력한 검색 기능을 제공합니다. 이를 통해 나와 이촌 관계의 사람들 중 찾고 싶은 지인을 손쉽게 검색할 수 있습니다.

HTTP는 요청과 응답을 생성하는 데 시간이 소요되기 때문에, 채팅 기능과 같은 양방향 소통을 구현하는 데에는 한계가 있습니다. 이에 반해 WebSocket은 속도가 빠르고 양방향 통신 및 실시간 네트워크 기능을 수행할 수 있어 적합한 선택이었습니다. 또한, FastAPI가 WebSocket 라이브러리를 지원하여 쉽게 구현할 수 있었습니다.

Nginx는 비동기 이벤트 기반으로 설계되어 한정된 리소스에서도 대규모 동시 연결을 처리할 수 있으며, 메모리와 CPU 사용량이 적습니다. 또한, 프록시 서버로서 로드 밸런싱을 통해 서버 부하를 효율적으로 분산시킬 수 있어 성능 최적화에 유리합니다.

PostgreSQL은 오픈 소스 관계형 데이터베이스 관리 시스템으로, 높은 동시성을 지원하며 빠른 데이터 읽기 및 쓰기 성능을 제공합니다. 또한 다양한 프로그래밍 언어와의 호환성이 뛰어나 개발자에게 사용이 편리하며, 정형화된 테이블에 데이터를 저장하여 CRUD작업을 구현할 수 있습니다. 그리고 PostgreSQL은 ACID 속성을 준수하여 데이터 무결성과 안정성을 보장합니다. NoSQL 구조의 Redis를 사용하여 사용자의 로그인 세션 ID를 저장하고 관리함으로써 빠르고 효율적인 세션 관리가 가능합니다.

모니터링에서는 Prometheus를 이용해 CPU, 메모리 사용률, 트래픽 등의 시스템의 메트릭을 수집하고 그 결과를 Grafana를 통해 시각화하여 관찰하였습니다. 메트릭을 사용하면 애플리케이션의 대기 시간과 처리하는 데이터 양을 추적하여 시스템의 성능 저하의 원인을 쉽게 알아낼 수 있습니다.

Elastic stack(Beats, Elasticsearch, Logstash, Kibana)을 사용해 로그를 수집하고 데이터 분석에 필요한 모든 유형의 데이터를 실시간으로 검색, 분석 및 시각화하는 과정을 통해 시스템내 문제점을 파악하고 서비스의 안정성을 높일 수 있었습니다.

EC2 서비스를 이용하여 사용자는 애플리케이션에 적합한 인스턴스를 설계하고 간편하게 생성할 수 있습니다.

프로필 사진 저장에는 S3를 사용하여 대규모 데이터를 안정적으로 저장할 수 있으며, 보안과 비용 면에서도 효율적입니다.

데이터베이스로는 AWS RDS를 통해 PostgreSQL을 연동하였습니다. RDS는 다양한 관계형 데이터베이스와 호환성이 우수하며, 장애 발생 시 자동으로 별도의 데이터베이스 인스턴스를 활성화하여 데이터 손실을 방지할 수 있는 고가용성 옵션을 제공합니다. 또한, RDS는 비용 효율성 측면에서도 탁월한 장점을 가지고 있어 선택하게 되었습니다.

Team Members

김예림 | Frontend
장희수 | Frontend
배건우 | Backend
원영서 | Backend | DevOps
진기태 | Backend

GitHub: https://github.com/Summer-Bootcamp-2024/SML

Ubuntu Server GUI 설치

bkw535 — Fri, 6 Dec 2024 03:08:31 +0900

우분투 서버까지의 설치를 완료했다.

이번에는 서버에 GUI를 설치해보자

Ubuntu Desktop으로 사용되는 기본 GNOME환경을 설치해보려고 한다.

먼저 Ubuntu-Server에 접속

명령어 입력

sudo apt install ubuntu-desktop -y

매우 오래걸린다

완료 후 재부팅 명령어 입력

sudo reboot

데스트탑이 띄워진 것을 확인할 수 있다.

VMware에 우분투24.04.1 LTS 설치

bkw535 — Fri, 6 Dec 2024 02:44:07 +0900

이번에는 이어서 VMware에 우분투를 설치해보려고 한다.

Ubuntu는 리눅스(Linux) 배포판 중 하나로, 안정성과 사용의 용이성으로 인해 매우 널리 사용되고 있는 오픈 소스 운영 체제이다.

우선 아래 사이트에 접속하여 우분투 24.04.1 LTS 버전을 다운받아준다.(맥에 설치하는 용도)

https://ubuntu.com/download/server/arm

ubuntu.com

다운로드 후 VMware를 실행한 후 드래그&드랍

계속

finish를 누르면 다음과 같이 창이 뜬다

앞에 설정창을 치우고 시작버튼 클릭하면 다음과 같이 나온다

엔터 후 잠시 기다리면 언어 선택창이 뜬다. English 선택

업데이트 하라는 창이 나오는데 업데이트 없이 진행

키보드 확인창도 영어 확인 후 Done

설치할 타입 우분투 서버 확인 후 Done

인터넷 연결 확인

Done

잠시 기다리면 테스트가 끝났다는 창이 뜬다

use an entire disk

내용은 본인의 정보로 입력 후 Done

지금은 필요없기 때문에 skip for now 선택

잠시 기다리면 다음과 같이 나오는데 Reboot Now 선택

잠시 기다리면 우분투 서버가 실행되며 좀 전에 입력한 본인의 아이디로 로그인한다.

로그인 성공

VMware 설치

bkw535 — Fri, 6 Dec 2024 00:06:56 +0900

리눅스 공부하기 위해서는 실제 네트워크 환경처럼 여러 대의 PC를 준비하는 것이 좋으나 그러한 환경을 갖추기란 쉽지 않다.

이러한 문제를 해결하고 PC 1대에서 여러 대의 PC를 네트워크로 연결하여 운영하는 것처럼 만들어주기 위해 가상머신 소프트웨어를 설치해야 한다.

앞으로의 리눅스 공부를 위해 vmware를 설치하여 진행하고자 한다.

먼저 vmware를 설치하기 위해 아래 사이트에 접속한다.

https://blogs.vmware.com/teamfusion/2024/05/fusion-pro-now-available-free-for-personal-use.html

Pro 버전도 현재는 무료로 사용이 가능하다.

맥북을 사용중이기 때문에 VMware Fusion Pro 13을 다운받았다.(윈도우 컴퓨터의 경우 Workstation Pro)

로그인 후 이동화면

VMware Fusion 13 선택, 릴리즈는 잘 모르겠지만 그냥 최신 버전으로 선택하였다.

이후 오른쪽 다운로드 버튼을 누르면 세부 정보를 입력하라는 창이 나오는데 입력 후 다시 다운로드해준다.

실행하면 다음과 같은 창이 뜬다. 개인용으로 체크

설치 끝