풀스택 웹 엔지니어 · PM 이남혁

지역 기반 재고 최적화를 목표로 한 웹 서비스에서 주문 흐름과 데이터 처리 구조를 중심으로 백엔드 핵심 기능을 구현한 팀 프로젝트

• 상품 조회부터 주문 완료까지 이어지는 전체 서비스 흐름 설계 및 구현
• 장바구니 상태 유지와 주문 처리 로직을 서버 중심으로 구성
• Toss Payments 연동을 통한 실제 결제 흐름 구현
• Kakao Map API를 활용한 매장 위치 기반 서비스 설계
• 관리자 페이지에서 상품·주문·재고·회원을 통합 관리할 수 있도록 구조화

가상의 대학 환경을 가정하고 네트워크와 서버 인프라를 단계적으로 설계한 모의 구축 프로젝트

• 학과·시설별 네트워크 분리 설계
• DHCP 서버를 통한 동적 IP 할당 구조 설계
• NAT 구성을 통해 내부 네트워크의 외부 통신 흐름 구현
• Rocky Linux 기반 서비스 서버 구축 및 기본 운영 환경 구성
• GNS3를 통한 가상 운영 환경 구성

6인 팀으로 진행한 보안 컨설팅 프로젝트입니다. 실제 밥세권 서비스 환경을 가정하여 웹·서버 전반의 취약점을 점검하고 재구축하여 보호 체계를 강화하는 것을 목표로 했습니다.

• 점검·재구축·문서화까지 역할을 나눈 5인 협업으로 일정 안에 결과물 통합
• OWASP Top 10 기준 웹 취약점 점검 수행
• XSS 및 CSRF 취약점에 대한 실제 공격 시나리오 기반 검증
• DB서버 이중화와 백업 서버 구조 구축
• 서버 접근 권한과 계정 관리 정책 점검
• 점검 결과를 바탕으로 보안 강화 방안 제시 및 보고서 작성

분실물 등록과 조회 과정을 단순화하고 웹과 모바일 환경을 함께 고려하여 설계한 개인 프로젝트

• 분실물 등록 및 조회 기능 중심의 서비스 흐름 설계
• 웹과 모바일 클라이언트 간 데이터 연동 구조 구성
• Spring Boot 기반 백엔드 API 설계
• React를 활용한 웹 화면 구성
• 기능 단위 확장을 고려한 구조로 지속적인 개선 진행

단순한 즐겨찾기를 넘어서,
로그인 기반 개인 기록을 안전하게 관리하기 위한
웹 링크 관리 서비스를 설계·구현한 개인 프로젝트

• PHP 기반 로그인·회원가입 시스템 구현
• 사용자별 데이터 분리로 개인 기록 접근 제어
• 북마크 CRUD 기능 설계 및 서비스 흐름 정리
• CSRF 대응, 세션 관리 등 기본 보안 요소 적용
• 로컬 → 실제 호스팅 환경 배포 과정 경험

가벼운 운세 조회와 선택 결정을 결합한
소규모 웹 서비스 프로젝트

• OpenAI API 기반 운세 생성 로직 구현
• Supabase 연동 후기 저장 및 조회 기능 구성
• 선택 결정 페이지 분리 및 메뉴 기반 화면 전환
• AI 선택 편향을 고려한 서버 측 랜덤 결정 구조 설계
• 카드형 UI 중심 반응형 화면 구성

현재의 기록을 미래의 나에게 전달하는
시간 기반 디지털 타임캡슐 웹 플랫폼

• 날짜 기반 콘텐츠 잠금·해제 시스템 설계
• 로그인 사용자별 캡슐 분리 저장 구조 구현
• 서버 스케줄 기반 자동 공개 로직 구성
• Supabase 연동 영구 데이터 보존 구조 설계
• 대규모 기록 확장을 고려한 API 구조화

브라우저에서 밀집형 QR을 생성하고,
WebGL 3D 블록 프리뷰로 확인한 뒤
스캔 가능한 2D PNG로 내보내는 개인 프로젝트입니다.

• Vite·React 기반 프론트엔드 및 내보내기 흐름 구성
• qrcode-generator로 QR 데이터 생성 및 렌더링
• react-three-fiber·drei로 3D 블록 프리뷰 구현
• 2D PNG 내보내기로 실제 스캔 가능한 결과물 확보

기획·프런트엔드·백엔드로 역할을 나눈 3인 팀이 7일간 스프린트로 진행한 KIT 공모전 출품 프로젝트입니다. 저는 그중 프런트엔드를 담당했으며, Vercel 데모까지 연결해 두었습니다.

• 3인(기획 / 프런트엔드 / 백엔드) 분업·커뮤니케이션으로 단기 일정 안에 기능 단위별 통합·배포
• 본인 역할: Next.js(App Router)·React 화면·라우팅·API 연동·배포 흐름 정리
• TanStack Query·axios 기반 요청/state 정리와 TypeScript·Tailwind 반응형 UI
• 공모전 목적에 맞춰 사용자 시나리오별 화면 흐름을 우선 정리 후 구현

부모님과의 관계에서 쑥스러운 첫 마디를 뗄 수 있도록, 단계적인 질문·미션과 기록으로 정서적 연결을 설계하는 서비스 HALO(안녕)을 기획 중입니다. 구현 전 단계이며, 팀 모집과 비전 공유를 위한 리크루팅 페이지로 이어집니다.

• 스토리 모드·일일 미션·기록·앨범 등 서비스 콘셉트와 사용자 흐름 정리
• 형식적인 안부가 아니라 단계적으로 깊어지는 질문·서사 구조 기획
• 디자이너·개발자와 같은 목표로 협업하기 위한 리크루팅·프로젝트 비전 운영
• 현재는 기획·팀 빌딩 단계이며, 상세는 리크루팅 페이지에서 확인 가능

인디 영화 제작 과정에서 제작사·배우·장소 사이 정보가 흩어져 매칭 비용이 커지는 문제를, 포트폴리오·가용 기간·지역·예산을 같은 흐름으로 묶는 웹 플랫폼으로 정리하고 있습니다. 현재 서비스는 진행형(WIP)이며, 기획 상세와 서사는 Playground 카드에서도 다룹니다.

• 역할별(제작사·배우·로케이션) 프로필·일정·포트폴리오 단위 정보 구조 설계
• 지역·예산·촬영 형태에 맞는 매칭 시나리오와, 리스크를 줄이는 커뮤니케이션 UX 목표
• 웹(Site) 중심 정보 설계 후 모바일 알림·캘린더 등은 다음 단계로 확장하는 가설