42 Dashboard Service는 42SEOUL학생 데이터를 손쉽게 관리하고 시각화할 수 있는 서비스입니다.
이노베이션 아카데미 측의 요청에 따라 엑셀로 관리하던 기존의 레거시 시스템을 DB로 마이그레이션하고, 사용자가 원하는 데이터의 조합을 통해 다양한 종류의 차트를 지원하는 기능을 구현하였습니다.

• 팀장으로 역할으로서 프로젝트 총괄하고 클라이언트의 요구사항 확인
• ERD Cloud를 이용해 User를 중심으로 DB 설계
• Diagram을 활용한 소프트웨어 아키텍쳐설계 시각화
• GoogleAPI를 활용하여 스프레드시트 데이터 추출
• 2000명의 학생 데이터를 DB로 업데이트 요청하는 API 구현
• 컬럼별 도메인의 종류를 응답하는 API 구현
• cron을 활용하여 업데이트 자동화 배치 시스템 구현
• 빠른 환경구성을 위한 백업 dump 파일 (.sql) 및 목업 데이터 생성

• Typescript
• NestJS
• GraphGL
• PostgreSQL

• 직책: 팀장
• 인원: 7명
• 기간: 2022.06.13 ~ 2022.08.08

SSO 인증을 통해 간편하게 로그인하고 직접 글을 남길 수 있는 게시판 서비스입니다. 아키텍쳐와 로그인 기능 학습을 목적으로 진행하였습니다.

• MVC 패턴을 적용한 3Tier 구조
• Spring Boot를 사용하여 RESTful API 개발
• H2 데이터베이스를 사용하여 데이터 저장
• Spring Data JPA를 사용하여 데이터베이스에 매핑
• JSP를 통한 뷰 구현
• JUnit을 통한 단위테스트

• 게시물 CRUD API 구현
• SSO 인증 로그인 구현

• JAVA
• Spring boot

• 인원: 1명
• 기간: 2023.04.15 ~ 2023.05.13

Visit Site →

웹 상에서 실시간으로 채팅방을 개설하여 채팅하거나 매칭시스템을 통하여 탁구게임을 할 수 있는 웹사이트 기반 플레이그라운드 입니다.

• 커밋 템플릿, 룰 자동화
• Figma를 이용하여 스토리보드 설계
• Socket.io를 이용하여 유저 간 초대, 채팅방생성, 채팅 등 구현
• Socket.io를 통해 사용자가 조작하는 막대기와 공의 실시간 좌표를 전달받아 랜더링
• scroll event를 감지하는 방법으로 채팅 히스토리 무한스크롤링 구현
• optimistic UI 적용을 통해 유저의 변화된 상태 실시간 반영
• 프론트 로그인 페이지 구현 및 연결

• React
• HTML
• CSS
• Typescript
• Recoil
• Socket.io

• 직책: 프론트 엔드 책임
• 인원: 4명
• 기간: 2022.09.05 ~ 2022.11.20

스크린에 랜더링을 할 수 있게 도와주는 라이브러리인 MLX와 2차원 및 3차원 그래픽스 표준 API 규격인 OpenGL을 사용하여 그래픽을 작업하고 C언어를 기반으로 starcraft를 모티브로한 Raycasting 3D게임을 개발하였습니다.

• Raycasting 학습 정리 및 구현설계
• MLX 다뤄보기

• 기본 이동 WASD
• 마우스 스크롤 시선 이동
• 마우스 클릭을 통한 사격/장전
• 배경음악 삽입
• 위치 기반 미니맵
• 아이템, 적 움직이는 스프라이트 구현
• 체력바 구현
• 동적 HUD 구현

기술스택
• C lang
• MLX
• OpenGL
규모 및 진행 기간
• 인원: 1명
• 기간: 2021.02.01 ~ 2021.04.01