Contact & Channels
Mobile | 010-2030-8968
Stacks
Front-End
•
HTML, CSS(SCSS), JS(ES6)
•
TypeScript
•
React.js, Next.js
Back-End
•
Node.js, express, Nest.js, mongoose, prisma
•
Python, FastAPI
•
Java, Spring Boot
DevOps
•
Docker, Docker-compose
•
GitHub Actions(CI & CD)
•
Nginx
•
AWS - S3, EC2, CloudWatch
•
GCP - VM Instance
Prompt
•
ChatGPT
SBC
•
RaspberryPie
OS
•
Linux
DataBases
•
MongoDB
•
MySQL
•
PostgreSQL
•
Redis
Collaboration & Tools
•
Git, Github, Gitlab
•
VS Code, Vim, Nano
•
Adobe Photoshop, Illustrator, XD, Zeplin
•
Figma
•
Slack
•
Discord
Projects
채팅앱(가제)
2023.12.18~(현재 진행중)
항목 | 내용 |
프로젝트 이름 | 채팅앱(가제) |
개발 기간 | 2023-12 ~ (개발중) |
한 줄 설명 | Spring Boot 를 사용한 리액티브 채팅 애플리케이션 |
프로젝트 상세 설명 | Spring Boot, WebSocket, JsonWebToken, Oauth, MSA 를 사용한 채팅 애플리케이션 |
- | |
팀 구성 | 개인 프로젝트 |
프로젝트 깃허브 저장소 | |
기술 스택 | - 기획: Figma
- 프론트엔드: TypeScript, Next.js, Recoil, TailWind, Axios, SockJs, Stompjs
- 백엔드: Spring Boot, MySQL, JPA, Spring Security, JWT, OAUTH2, REST API, WebSocket, RSocket, STOMP, Redis pub/sub, log4j
- DevOps: OpenAPI, Hal explorer, Actuator, Prometheus, Grafana, Docker, K8S |
지원자 담당 분야 및 역할 | - 전체 서비스 아키텍처 설계 |
프로젝트 결과 | - |
연락처 | - 이메일 : shin.yubin18@gmail.com |
전장의 안개
2023.07.14 ~ 2023.10.27
항목 | 내용 |
프로젝트 이름 | 전장의안개 |
개발 기간 | 2023-7 ~ 2023-10 |
한 줄 설명 | Google Map API를 활용하여 서울의 지역 상권을 활성화하고 사용자 간 상호작용을 증진 시키는 모바일 기반 하이브리드 웹 애플리케이션 |
프로젝트 상세 설명 | 전장의안개는 Google Map과 Kakao Map API를 통해 서울 지역의 상세한 지리 정보를 수집하고, 이를 바탕으로 광고, 마케팅 서비스 등을 지원하여 지역상권을 활성화하는 것을 목표로 합니다. 사용자들은 게시글과 댓글을 통해 서로 소통할 수 있으며, 게이미피케이션 요소인 뱃지, 레벨 및 랭킹 시스템을 통해 더욱 적극적인 참여를 유도합니다. 또한, 사용자의 검색 및 게시물 데이터를 분석하는 기능을 추가할 예정으로 서비스를 지속적으로 개선하는 방향으로 진행 중입니다. |
팀 구성 | 프론트엔드 개발자 3명, 백엔드 개발자 1명, 프로젝트 매니저 1명 |
프로젝트 깃허브 저장소 | 전장의 안개 기관 페이지: https://github.com/fog-of-war
프론트엔드 깃허브저장소: https://github.com/fog-of-war/dev-fe
백엔드 깃허브저장소: https://github.com/fog-of-war/dev-be
안드로이드 깃허브저장소: https://github.com/fog-of-war/dev-android |
기술 스택 | - 기획: Figma, Discord, Gather
- 프론트엔드: React, Recoil, Axios
- 백엔드: Node.js, Nest.js, PostgreSQL, Redis, WebSocket, Webpack
- DevOps: Docker, Traefik, GitHub Actions, AWS EC2, AWS S3, Amazon CloudWatch, REST API
- 안드로이드: Kotlin |
지원자 담당 분야 및 역할 | - 전체 서비스 아키텍처 설계
- Google 및 Kakao Map API
- 통합 사용자 인증 및 인가를 위한 OAuth 구현
- 데이터베이스 설계 및 관리 (지리 정보를 저장 가능한 PostgreSQL 사용)
- Github Actions 와 Docker, Docker-compose 를 이용한 CICD 파이프라인 구축
- AOP(Asspect-Oriented Programming)를 활용한 보안 강화
- 비즈니스 로직(사용자 점수, 랭킹, 별점 및 뱃지 부여) 설계 및 구현
- WebSocket을 이용한 실시간 데이터 통신 Amazon CloudWatch를 이용한 로깅 시스템 구축
- Discord를 활용한 RPA(Robotic Process Automation) 구현
- 게시물 및 댓글 CRUD API 개발
- Traefik 을 사용한 로드밸런싱 구현
- Nest.js 자체 기능으로 MSA 제작
- WebView를 사용한 안드로이드 앱 개발 |
프로젝트 결과 | - 모바일 웹 및 안드로이드 앱 출시
- 서울 지역상권에 대한 데이터베이스 구축
- 게이미피케이션 요소 도입보안과 개인정보 보호 강화 |
연락처 | - 이메일: fogofseoul@gmail.com
- GitHub - 전장의 안개 팀 https://github.com/fog-of-war |
기술 문서
맛이슈
2023.05.29 ~ 2023.06.23
프로젝트 이름 | 맛이슈 |
개발 기간 | 2023-05 ~ 2023-06 |
한 줄 설명 | FastAPI 와 Next.js 로 제작된 레시피 공유 사이트 |
프로젝트 상세 설명 | 맛이슈는 직접 요리를 해야 하는 모든 사용자들을 대상으로 한 웹애플리케이션입니다. 기존의 노후화 되어있던 레시피 사이트의 UX를 개선하고 요리계 커뮤니티를 활성화하고자 시작한 프로젝트입니다. Next.js 와 FastAPI 로 제작된 웹페이지에서 사용자들은 게시글과 댓글, 좋아요 등을 통해 소통할 수 있으며, 팔로우-팔로잉 등 SNS 로 필요한 기능을 구현한 프로젝트입니다. 짧은 기간내에 신규 서비스를 개발해야하기에 확장이 용이한 NoSQL인 몽고디비를 사용하였고, Swagger 문서를 자동으로 생성하는 FastAPI를 사용해 협업시간을 대폭 단축하였습니다. 또한 감각적인 UI/UX를 겸비하여 좋은 반응을 이끌어낸 프로젝트입니다. |
접속 방법 | 웹페이지 https://matissue.com |
팀 구성 | 프론트엔드 5명, 백엔드 2명 |
프로젝트 깃허브 저장소 | 프론트엔드 깃허브저장소 https://github.com/YubinShin/matissue-fe
백엔드 깃허브저장소 https://github.com/YubinShin/matissue-be |
기술 스택 | 기획: Figma, Discord, Gather
프론트엔드: Next.js, Recoil, Axios
백엔드: Python, FastAPI, MongoDB, AWS-S3, Redis
DevOps: Docker, Traefik, Certbot, GitHub Actions, gzip, Google Cloud Platform, AWS EC2, AWS S3, REST API |
지원자 담당 분야 및 역할 | - 팀장 및 백엔드 담당
- 서비스 아키텍처 설계
- 데이터 베이스 설계 및 관리
- FastAPI 를 통한 Swagger 문서 생성
- 게시물 및 댓글 CRUD API 개발
- MongoDB Atlas 의 Search Index 이용한 통합 검색 구현
- AWS S3 통한 이미지 서버 구축
- gzip 텍스트 압축으로 성능 개선
- SEO를 준수하여 최상위 url 적용 및 https 인증 적용 |
프로젝트 결과 | 엘리스 sw 4기 2차 프로젝트 대상 수상
사용자에게 편안한 UX를 제공하는 반응형 웹페이지 출시
Gmx 를 이용해 이메일 인증으로 회원 가입 기능 생성
제목, 내용, 재료 등 여러 스키마를 포괄한 통합 검색 구현
웹 버전 기준 Lighthouse 92 점 달성 |
연락처 | 이메일 : shin.yubin18@gmail.com |
외부 링크 | 발표 자료 : 구글드라이브 https://drive.google.com/u/0/uc?id=1wiFOhZt_RsPgrcCH8Lp7ikJ16OZYNMag&export=download
발표 영상 : 유튜브 https://youtu.be/LDycLCeFuDg?t=2292
상장 : 구글드라이브https://zrr.kr/lB29 |
뿅뿅단어장
2023.05.05 ~ 2023.05.25
분류 | 상세 |
뿅뿅단어장 | 웹 크롤링 기반 단어 암기 SPA |
팀 구성 | 풀스택 7 |
지원자 담당 분야 및 역할 | BE - 단어 및 단어장 api 전반, 배포 등 담당 FE - 캘린더 컴포넌트 담당 |
기술스택 | Node.js, Express, MongoDB, Cheerio, React.js, Recoil |
프론트엔드 깃허브저장소 | |
백엔드 깃허브저장소 |
