YerimYeon yinneu

프론트엔드부터 시작하여 백엔드까지 웹 개발을 공부하고 있습니다. 👋

🔧 Tech Stacks

한림대학교 감사운동
- 한림대학교의 감사운동 활동으로 학생들이 감사일기를 쓰는 어플리케이션
- 한 한기동안 평균 150명이 활동하며 하루에 250개 정도의 감사글이 업로드됨.
- 기간: 2023.07 ~ 진행중
- 역할:백엔드 담당 (서버 유지보수, 개발)
- 기술 스택: django, linux, mysql
- 구현 및 활동부분
  - 감사일기 SNS API 구현
  - 감사운동 학생별, 기수별 통계 기능 구현
  - 관리자 페이지 관리 및 기능
  - seliunx 등 서버 관련 이슈 해결 등

가상화기반 사이버훈련 프레임워크 (정보보안 연구실 의뢰) [깃허브, 노션]
- 자동차 대시보드 Main UI 개발
- 기간: 2023.09 ~ 2023.10
- 기술 스택: python, javascript, websocket, dash, flask
- 구현 부분
  - python-socketio을 사용한 실시간 데이터 송수신
  - iframe 태그에서 실시간으로 변하는 JSON 데이터를 반영하여 움직이는 애니메이션 구현.

SIGNATURE: 머신러닝 기반 네트워크 침입탐지 및 상황 분석 솔루션 프레임워크 구현 [깃허브]
- 기간: 2023.03 ~ 2023.07
- 사용자의 네트워크 트래픽 데이터를 수집할 수 있는 실행 파일을 제공하고, 해당 데이터를 기반으로 사용자의 트래픽을 분석함.
- 담당: 프론트엔드, 백엔드
- 기술 스택: django, mysql, javascript, html, css, pandas, apatch echart, goorm
- 구현부분
  - 사이트 주 기능이 데이터 분석이므로 트래픽 데이터를 분석에 용이한 프레임워크로 django를 사용함.
  - 대용량 트래픽 데이터를 시각화하여 보여주기 위해 apatch echart 오픈소스를 통해 그래프 커스텀하여 나타냄.
  - ip별, 프로토콜별 데이터 등의 상세 테이터를 모션과, 마우스 hover를 통해 보여줄 수 있도록 함.
  - 대용량 데이터로 인해 데이터 분석 및 시각화 시간이 길어짐. 이을 해결하기 위해 네트워크 기본 지식 단어 설명을 랜덤으로 보여주고, 진행도를 표시해줌.

Random Pick [깃허브]
- 카드 애니메이션을 통한 랜덤 맛집 추천 사이트
- 기간 : 2022.09 ~ 2022.11
- 기술스택: AWS(ec2), Node.js, Mysql, html, css, javascript, ejs, selenium
- 역할: 맛집 데이터수집 및 백엔드 담당 및 프론트엔드 일부
- 구현부분
  - 바닐라js로 마우스 휠을 사용한 카드 로테이션 애니메이션 구현함.
  - 기존 네이버 api로 얻기 힘든 가게 상세 정보 및 이미지를 selenium 크롤링를 사용하여 정보 취합함.

GANGWON_SPORT [깃허브]
- 분산 되어있는 강원도 스포츠 구단들을 취합하여 강원도 연고지 스포츠를 즐기고 싶은 사람들에게 구단 및 일정 정보 제공.
- 기간: 2022.05~ 22.05 (오픈소스SW 수업)
- 기술 스택: ejs, mongodb, html, css, javascript
- 역할: 백엔드
- 구현부분
  - mongodb를 사용한 데이터베이스 연결.
  - 기존 html 코드를 ejs으로 리팩토링하여 각 기능들을 모듈화함.
  - 디자인 수정 및 코드 수정

Ruple: Unity를 사용한 공포 생존 FPS 게임 [깃허브]
- 22-2 vr/ar게임제작기초 수업 중 프로젝트로 Unity를 사용한 공포 생존 FPS 게임을 제작함.
- 기간: 2022.11~2022.12
- 쫓아오는 슬랜더맨을 피해 텐트에서 총알과 열쇠를 찾아 모든 열쇠를 획득하는 게임
- 기술스택: Unity, c#
- 구현부분: 플레이어 움직임과 카메라, 총 발사 애니메이션 등의 로직 구현