Project
음성 채팅 어플리케이션 - TOVE ON
🤓 개요 스마일게이트 스토브에서 DEV CAMP 인턴 활동을 진행하며 만든 프로젝트이다. 음성 채팅, 텍스트 채팅을 내장한 어플리케이션이며 웹과 앱으로 사용가능하도록 웹 버전, 모바일 버전으로 개발했다. 기술 스택 Front-end : VueJS(Web), Android(Mobile), WebRTC(음성 피어 연결) Back-end : Spring boot, Spring WebSocket (STOMP Pub/Sub), Spring Security, Redis, MariaDB, CoTRUN Infra : Aws S3, Aws RDS, Aws Elastic LoadBalance, Nginx 협업 : GIT, GitLab, Zira 역할 시그널링 서버 구축 WebRTC 전송 정보 중계 로직 구현 ( 참고 : ..
미팅에서 만난 사이
🤓 미팅에서 만난 사이란? 개요 코로나로 인해 발생한 코로나 블루 현상을 타파하기 위한 어플리케이션 소셜미팅어플리케이션 시장의 혁신으로 불리울 다대다 소셜미팅어플리케이션 어려웠던 점 1. 계속되는 요구와 그로 인한 DB, API 변경 보통 API서버를 구현할 때 DB를 설계하고 미리 API를 작성한다. 그리고 이렇게 정한 DB는 지금까지 해온 보통의 프로젝트에서는 쉽게 변경되지 않았다... 그러나 정식 출시와 기업과 연계한 이 프로젝트는 달랐다.... 우선 제작하는 개발자의 입장에 마음대로 하는 것이 아닌 사용자의 니즈를 파악한 기업 대표님의 요구를 바탕으로 제작했다. 그로 인해 대표님의 생각이 달라지거나 더 필요한게 있다면 바로 바로 DB를 수정하고 API 명세된 내용도 변화시켜야 했다. DB,,,,A..
[스마트 시티] AI Express ( 딥러닝을 활용한 이사 지역 추천 플랫폼 )
😄 프로젝트 주제 스마트시티라는 주제를 배경으로 서울로 이사를 올 계획에 있는 사람들에게 딥러닝을 기반으로 다양한 고려사항에 맞게 적절한 이사지역을 추천해주는 플랫폼 🧐 주요 기능 15가지의 특징 ( 학교, 의료시설, 학원 등 )과 나이와 성별을 고려해 키워드 기반으로 추천해주는 기능이다. 딥러닝 기술로 15가지의 서울시 공공데이터와 서울시 내 동별 인구수를 비교해 학습시켜 모델을 만든다. 😄 프로젝트 중 발생한 문제점 1. 서울시 동별 인구 수 서울시 동별 인구 수를 갖고 DNN 모델을 만들기 때문에 동별 인구 수 데이터가 중요했다. 하지만 교수님께서 많이 피드백해주신 내용이 동별로 인구 수가 많다고 해도 동 내 인구밀집도, 즉 인구가 사는 지역의 크기에 따라 결과 값이 달라지지 않을까라는 피드백을 해..
[Vue] 상품 필터 구현하기 (feat. Typescript, ToastUI Chart)
☞ NuxtJS로 Typescript로 작성이 가능한 VueJS 애플리케이션을 만든 후 프로젝트를 진행하였습니다. ☞ 쇼핑몰에 상품이 많아 필터를 사용해서 효과적으로 상품을 찾아주는 기능을 구현해보았습니다. - 상품 목록 헤더를 클릭 해 정렬 가능 - 페이지네이션 - 한 테이블에 나올 수 있는 테이블 갯수 - 필터 기능 (판매가, 판매원가, 이름, 상품 등록일) - 필터에 맞게 만들어주는 Chart 기능 ( Toast UI Chart 사용) - 모바일 화면에 맞춘, 반응형 css ☞ 먼저, TypeScript를 이용해 VueJS 애플리케이션을 만들어본 적이 처음이었기 때문에 TypeScript에 대한 공부가 필요했었습니다. 그래서 Youtube와 인프런 강의를 참조하며 기본적인 기능들을 다뤄봤습니다. 또..
[GCSU] Medical System 구축하기 (feat. G.Y.C)
GCSU의 Software Engineering는 서울시립대학교의 컴. 과. 종과 같이 이 수업을 들어야만 학교를 졸업할 수 있는 과목이었다. 그래서 현지 학생들에게는 졸업 프로젝트인 G.Y.C 단체와 연계해서 프로젝트를 할 수 있었습니다. GCSU는 매번 각종 기업, 단체들과 Georgia의 발전을 위해 만들어진 단체와 콜라보를 하여 프로그램을 개발한다. 이번 학기에는 G.Y.C Medical 시스템(이 단체에 참여하고자 하는 조지아 청년 지원자들의 의료 관련 자료들을 손쉽게 G.Y.C에 잘 제출할 수 있도록 도와주는 시스템)을 구축해나가는 것이 프로젝트이자 목표였다. 이 수업의 가장 큰 취지는 이 수업을 듣는 모든 학생들을 4개의 팀을 이뤄 각 팀마다 주어진 파트를 부여 받고, 팀원끼리 상의한 후 가..
[멋쟁이 사자처럼 4기] 서울시립대 축제 사이트 - 모바일 버전-
출처: https://doorbw.tistory.com/156 [Tigercow.Door] 서울시립대학교 2018년 축제 안내 사이트 개발 후기 안녕하세요. 문범우입니다! 어느덧 날씨가 더워지는 5월! 대학생들에게 5월에 빼놓을 수 없는 행사 중 하나는 대학 축제죠? 그래서 우리 서울시립대학교 멋쟁이사자처럼에서는 축제 안내사이트를 제작해보았습니.. doorbw.tistory.com 소스 코드 : https://github.com/doorBW/UOS_festival