DB 설계부터 화면까지,
서비스를 끝까지 만드는 개발자 길동현입니다.

취업 준비생의 스펙을 진단하고 목표 직무까지의 로드맵과 매일 할 일을 제시하는 웹 서비스

• Java 17
• JSP/Servlet
• MySQL
• HikariCP
• LLM API
• GitHub Actions

내 역할

• 자소서·이력서 첨삭 AI: LLM 프롬프트를 설계하고 STAR 기법 기준으로 "추가하면 좋을 내용"을 안내하도록 개선
• 비밀번호 해시 전환: PBKDF2 → Argon2id로 교체. 예전 해시도 검증되게 두고, 로그인할 때 자동으로 새 해시로 다시 저장해 기존 회원이 비밀번호를 바꾸지 않아도 옮겨지게 함
• 테스트 계정 시뮬레이션: 목표 점수까지 하루치 활동을 몇 분 안에 진행·일시정지·초기화 — 장기 사용 흐름을 시연·검증할 수 있게 함
• 스펙 아카이브 게시판: 사진이 다른 팀원 서버에서도 보이도록 파일을 DB에 저장하는 방식으로 수정
• 데스크톱 캐릭터 앱: 하루 요약·트렌드·자동 실행·설치 파일·사이트 내 업데이트 확인까지 구현

금·구리·알루미늄·천연가스·국제유가 5대 원자재의 가격, 뉴스, 국제 정세를 한 화면에 모은 웹 대시보드

• PHP
• MySQL
• FRED API
• Polygon.io
• NewsAPI
• Google Charts·Maps

내 역할

• 외부 API 3종 연동: FRED(과거 가격), Polygon.io(ETF 시세), NewsAPI(뉴스)에서 받은 데이터를 MySQL 4개 DB에 저장하고 PHP로 조회
• 대시보드 위젯: 실시간 시세 바, 가격 추이 그래프, Google Maps 국제 정세 마커 구현 및 화면 디자인 통일
• 보안 정리: 하드코딩된 API 키를 걷어내고 .env + 자체 로더로 설정 분리

지하철 승객이 열차 번호·호선을 골라 민원을 접수하고, 관리자가 처리 상태와 통계를 관리하는 웹 서비스

• PHP
• MySQL(MariaDB)
• PDO
• bcrypt
• IMAP/POP3

내 역할

• 문자 민원 수신: 문자로 들어온 신고를 메일함(Gmail)으로 받아 DB에 넣는 기능을 구현. IMAP에서 POP3로 바꿔 KT 회선 문자도 받을 수 있게 수정하고, 처리한 메시지는 삭제 대신 읽음 표시
• 관리자 대시보드: 신고 처리 상태 일괄 변경, 통계 화면 추가
• 입력 UX 개선: 열차 번호·호선 선택을 다이얼 방식으로 바꿔 잘못된 입력을 줄임

취향·알레르기·기분·위치를 바탕으로 메뉴와 맛집을 추천하고, 여러 명이 함께 먹을 때 모두가 먹을 수 있는 메뉴를 찾아주는 데스크톱 앱

• Java 21
• JavaFX
• MySQL (테이블 22개)
• JDBC
• TCP 소켓
• Kakao 지도

내 역할 — 계정·온보딩·기록·지도

• 회원가입·로그인·온보딩: 가입 직후 취향·알레르기·가격·거리·맵기를 받아 DB에 저장하고 프로필에서 수정
• 계층 분리: Controller가 DAO에 직접 접근하지 않도록 서비스 계층을 두고, 임시 데모 데이터를 걷어내 DB와 연결
• 게스트 참여·같이 먹기 활성화, 식사 기록(차단한 메뉴는 추천에서 제외), 지도 보기·찜하기

합이 10이 되게 숫자를 지우고, 지운 만큼 상대 판에 방해 블록을 보내는 4~8인 실시간 대전 게임. PC·모바일, 한국어·영어·일본어 지원

• TypeScript
• React 19
• Node.js
• Colyseus (WebSocket)
• Vitest
• Cloudflare Pages

설계와 해결한 문제

• 서버 권위 구조: 판정·점수·공격량을 모두 서버에서 계산하고 클라이언트는 입력만 보내 점수 조작을 막음
• 규칙 코드 공유: 판 생성·합 판정·공격 계산을 shared 패키지로 분리해 프론트와 서버가 같은 코드를 사용. 시드값으로 모든 참가자에게 같은 판을 생성
• 멀티플레이 기능: 방 코드·링크·QR 초대, 빈 방 자동 배정(랜덤 매칭), 서바이벌 모드, 상대 판 미니맵, 공격 대상 지정과 공격 상쇄
• 운영 대비: 닉네임 금칙어 필터, 경기 기록 보기, 1분 튜토리얼, 마우스·터치 통합 입력

계절·날씨·바람이 살아 움직이는 섬을 걸어 다니는 힐링 웹게임. 나무·물·절벽·잔디를 이미지 파일 대신 코드로 생성하고, 모바일 브라우저에서도 부드럽게 돌아가도록 최적화

• JavaScript
• Canvas 2D
• 절차적 생성
• Cloudflare
• Claude Code

코드는 Claude Code(AI 코딩 도구)로 작성했습니다. 기획, 기능·우선순위 결정, 캐릭터 그림, 결과 검토는 직접 했습니다.

성능 최적화

• 메모리 절감: 멀리 있는 나무는 흔들림 프레임 첫 장만 사용, 현재 계절이 아닌 그림은 해제, 빛 버퍼를 Uint8 배열로, 쓰지 않는 캔버스는 버림
• 기기별 그래픽 품질: 기기 메모리·CPU 코어 수를 읽어 자동으로 높음/절약 모드를 고르고, 사용자가 직접 바꿀 수도 있게 함
• 연산 줄이기: 물 영역 계산은 경계 상자(bbox) 밖을 건너뛰고, 나무 흔들림은 바람 세기 3단계를 미리 그려 두고 바꿔 끼움
• 그 밖에: 클릭·터치 이동용 A* 길찾기, 월드 편집기(되돌리기 지원), main/test 브랜치별 분리 배포