About

About

신유빈 | 해결하는 개발자

Contact & Channels


Mobile010-2030-8968
Emailshin.yubin18@gmail.com
Githubhttps://github.com/YubinShin

💽  Back-End Developer


  • 안녕하세요! 문제해결을 좋아하는 개발자 신유빈입니다.
  • 리서치와 분석을 즐겨 좋은 코드를 벤치마킹할 수 있는 시각을 가지고 있습니다.
  • 분석하고 질문하는 능력이 좋다는 평을 받습니다.
  • 원하는 바가 생기면 직접 만들어내는 것을 좋아합니다.
  • 여러 관점으로 관찰하여 전보다 편리하고 효율적인 방식을 구현해냅니다.

🛠  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, Spring Boots

DevOps

  • Docker, Docker-compose
  • GitHub Actions(CI & CD)
  • Nginx, Traefik
  • AWS - S3, EC2
  • GCP - VM Instance

SBC

  • RaspberryPie

OS

  • Linux(Ubuntu, CentOS)

DataBases

  • PostgreSQL
  • MongoDB
  • MySQL

Collaboration & Tools

  • Git, Github, Gitlab
  • VS Code, Vim, Nano
  • Adobe Photoshop, Illustrator, XD, Zeplin
  • Figma
  • Slack
  • Discord

🖥  Projects


전장의안개

2023.07.14 ~ 2023.10.27

💻 React App

💽 Swagger UI

전장의 안개 서비스아키텍처
항목내용
프로젝트 이름전장의안개
개발 기간2023-7 ~ 2023-10
한 줄 설명Google Map API를 활용하여 서울의 지역 상권을 활성화하고 사용자 간 상호작용을 증진 시키는 모바일 기반 하이브리드 웹 애플리케이션
프로젝트 상세 설명전장의안개는 Google Map과 Kakao Map API를 통해 서울 지역의 상세한 지리 정보를 수집하고, 이를 바탕으로 지역상권을 활성화하는 것을 목표로 합니다.
사용자들은 게시글과 댓글을 통해 서로 소통할 수 있으며, 게이미피케이션 요소인 뱃지, 레벨 및 랭킹 시스템을 통해 더욱 적극적인 참여를 유도합니다.
또한, 사용자의 검색 및 게시물 데이터를 분석하는 기능을 추가할 예정으로 서비스를 지속적으로 개선하는 방향으로 진행 중입니다.
다운로드 및 설치 방법웹페이지:https://yubinhome.com/
앱 다운로드: https://onesto.re/0000772388
팀 구성프론트엔드 개발자 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
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를 사용한 안드로이드 앱 개발
사용자 인터페이스디바운싱을 이용한 자동완성 검색 기능으로 사용자의 검색 경험 개선
맵 API의 다양한 기능 활용으로 쉬운 내 위치 접근 및 시각적 편의성 제공
게시물 업로드 시 사용자의 편의를 위한 사진 편집 기능 제공
피그마를 활용한 디자인 및 리액트 기반 개발
모바일 웹 및 안드로이드 웹뷰 앱 타겟팅
사용자 친화적인 UX, 랜드마크 큐레이팅 제공
프로젝트 결과모바일 웹 및 안드로이드 앱 출시
서울 지역상권에 대한 데이터베이스 구축
게이미피케이션 요소 도입
보안과 개인정보 보호 강화
연락처이메일: fogofseoul@gmail.com
프로젝트 링크: GitHub - 전장의 안개 팀 https://github.com/fog-of-war


기술 문서

[트러블슈팅]디스코드로 깃허브 알림봇 만들기 대작전

[트러블슈팅]구글맵 폴리곤으로 서울만 보이게 하기(동균, 유빈) (1)

[블로그] Postgresql 과 prisma 로 배우는 관계형 데이터 베이스

[트러블슈팅] Docker & Docker-compose

[트러블슈팅]깃허브 액션으로 CI&CD대작전

[트러블슈팅]개발, 프로덕션, 테스트 환경 분리 대작전(Package.json 과 env)

[트러블슈팅]이미지를 다른 페이지로 넘겨주기 대작전(blob 과 base64)

[트러블슈팅]Nest.js 인터셉터로 AOP 구현 및 활용

[트러블슈팅]디스코드 봇으로 깃허브 저장소의 이슈 체크하기 (파이썬사용)



맛이슈

2023.05.29 ~ 2023.06.23

💻 맛이슈

💽 맛이슈 api swagger

맛이슈 서비스아키텍처
항목내용
프로젝트 이름맛이슈
개발 기간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 인증 적용
사용자 인터페이스피그마를 활용한 디자인 및 기획
SSR을 구현한 Next.js 기반 개발
웹, 모바일 모두 커버한 반응형 웹 구현
사용자의 편의를 위한 레시피 메모 기능 구현
프로젝트 결과엘리스 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


기술 문서

[트러블슈팅]gzip을 사용한 텍스트 압축

[트러블슈팅]Mongodb atlas로 통합검색 만들기 대작전

[트러블슈팅]AWS S3 이미지 서버 사용하기 대작전

[트러블슈팅]AWS S3, 몽고 디비 마이그레이션 대작전

[트러블슈팅]맛이슈 속도 개선 대작전




뿅뿅단어장

2023.05.05 ~ 2023.05.25

💻 뿅뿅단어장

💽 뿅뿅단어장 api 서버

분류상세
뿅뿅단어장웹 크롤링 기반 단어 암기 SPA
팀 구성풀스택 7
담당BE - 단어 및 단어장 api 전반, 배포 등 담당
FE - 캘린더 컴포넌트 담당
기술스택Node.js, Express, MongoDB, Cheerio, React.js, Recoil
💻프론트엔드 깃허브저장소https://github.com/elicestudy/dev-FE
💽백엔드 깃허브저장소https://github.com/elicestudy/dev-BE


기술 문서

[트러블슈팅]VM에 ID,PW로 접속하려면 대작전

[배포]우당탕탕 GCP VM 개설기



💼  Experience


운영본부 매니저

2021.11 ~ 2022.11

  • 쏘카 운영본부 차량운영팀 매니저
    • 전국 차량의 수리 및 사고이력 조회(구글 빅쿼리 사용)
    • 관련 주기에 맞춘 차량 탁송 관리
    • 협업사와 소통하여 특이사항 전달 및 관리
  • B2B, B2C 대상 차량 경정비 관리
  • Googlesheets, Notion, mysql, Slack

QA 번역, 디자인 업무 보조

2019.02 ~ 2021.10

  • 스튜디오 위버멘쉬
  • 웹 디자인 데모버전 퍼블리싱, 해외 협업 개발사 QA 문서 영문 양방향 번역
  • Adobe Photoshop, Adobe Illustrator, Adobe Xd, HTML5, CSS3, Googlesheets, Zephlin

🖥  Education


이화여자대학교

2018.03 ~ 2022.09

  • 서양화 전공 중퇴
  • 중앙동아리 새날을 여는 철학회 회장
  • 창업지원팀 I.S.S.A.C 선정

엘리스

2023.02 ~ 2023.06

  • K-Digital Training 부트캠프 수료
    • 2차 프로젝트 맛이슈 프로젝트 대상 수상
    • 리더십상 수상 관련서류