35x45.jpg

김시연 | Frontend Developer

“끊임없는 질문과 배움을 통해 스스로의 성장을 즐기며, 열정적으로 깊이 있는 성장을 추구합니다.”

저는 철저한 계획과 책임감을 바탕으로 효율적인 문제 해결과 협업을 통해 신뢰를 쌓아갑니다. 팀워크와 소통을 중시하며, 개발자로서 지속적인 성장과 기여를 목표로 합니다.

About Me


Birth | 2007.02.23

Phone | 010-4575-6139

Email | [email protected]

School | 부산 SW마이스터고등학교 SW개발학과 재학중

kimsiyeon0223 - Overview

kimsiyeon0223 (시연) / 작성글 - velog

⭐️ Main Project


A4 - 3IOJ brochure.svg

👾 IOJ (INSERT ONLINE JUDGE)

2024.04 ~ 2024.11 (전공동아리 프로젝트)

<aside> 🛠

실시간 아이템전을 통해 게임처럼 즐기는 알고리즘 대결 플랫폼

</aside>

GITHUB : https://github.com/Team-INSERT/IOJ_WEB

STACK : React, TypeScript, Styled Componenets, Jotai, Axios

WEBSOCKET : Stomp.js, Sockjs-Client

ROLE : Frontend Leader

PRIZE : FUTURE&DREAM 공모전 금상(IOJ) 🏆  교내 전공동아리 프로젝트 전시회 장려상(IOJ) 🏆

Introduce

실시간 아이템전을 통해 게임처럼 즐기는 알고리즘 대결 플랫폼, IOJ입니다. 실시간으로 아이템을 사용하여 게임처럼 재미있는 아이템전 코딩테스트를 즐길 수 있습니다.

‘인서트 온라인 저지(IOJ)'는 코딩 학습에 게임 요소를 도입하여 사용자의 흥미를 유발하고, 학습을 더욱 재미있고 쉽게 만들기 위해 기획되었습니다. 많은 사람들이 코딩에 관심을 가지고 있지만, 높은 진입 장벽과 학습 과정에서의 어려움으로 인해 포기하는 경우가 많습니다. 이에 우리는 게임과 같은 즐거운 경쟁 환경을 제공하여, 사용자들이 자연스럽게 코딩 문제를 해결하면서 학습할 수 있는 기회를 제공합니다.

DDD 적용

기획 초기부터 프로젝트의 기능을 명확하게 정의하고,

역할(도메인)별로 책임과 행위를 분리하여 유지보수가 쉽고, 협업에 강한 구조를 만들기 위해

DDD(Domain-Driven Design) 방식을 적용해 기획을 진행했습니다.

image.png

Contribution

디자인 : 5%

프론트엔드 : 40%

퍼블리싱

마이페이지, 문제 홈 페이지, 대회 목록 페이지, 대회 상세 페이지, 방 리스트 페이지, 방 생성 모달, 코드 작성 페이지 터미널, 모든 아이템 로고, 모든 아이템 애니메이션, 아이템 공격 유저 선택 모달, 어드민 대회 생성, 공통 컴포넌트 개발

API 연결

대회 리스트 API, 대회 생성 API, 어드민 대회 리스트 API, 대회 상세 조회 API, 대회 순위 리스트 API, 문제 상세 조회 API, 실시간 코드 실행(socket) API, 가지고 있는 아이템 리스트 반환 API, 아이템 공격 API, 실시간 게임 정보(socket) API