신민혁 프로필

신민혁

경일대학교 패션디자인 학사

프론트엔드 개발자

서울특별시 서대문구 홍제동
1년차
GitHubBlog

INTRODUCE

저는 React, Next.js, TypeScript 기반의 1년차 프론트엔드 개발자로, 플랫폼 서비스 개발 등 다양한 프로젝트를 경험하며 성장해왔습니다. "오늘의 코드는 미래의 레거시" 라는 생각으로 UX와 DX를 모두 고려한 설계를 지향합니다.

저는 상상하는 서비스를 직접 구현하고 싶은 성격을 가지고 있으며, 이를 위해 OpenAI, Supabase와 같은 BaaS 서비스를 활용해 프론트엔드를 구현하고 다양한 기술을 접목하는 것을 즐깁니다. 최근에는 Unity를 통한 게임 개발 에도 도전하고 있으며, 앱 개발 경험은 없지만 회사에서는 Flutter를 활용한 프로젝트 를 경험하는 등 새로운 도전을 두려워하지 않고 성장을 추구하고 있습니다.

"어제보다 오늘 더 성장하는 개발자"가 되는 것이 저의 목표입니다.

Latest Updated2025.08.25

Minhyuk

TECHNICAL SKILLS

프론트엔드 프레임워크

Next.jsReactTypeScriptJavaScriptHTML5CSS3

모바일 & 크로스플랫폼

FlutterDart

스타일링 & UI

Tailwind CSSCSS3Framer Motion

BaaS & AI Services

OpenAI APISupabaseFirebaseVercelNetlify

상태 관리 & 라이브러리

Context APIZustandReact Query

개발 도구 & 기타

GitGitHubCursorSEOFigma

WORK EXPERIENCE

어포나티 주식회사

프론트엔드 개발자

2025.01 - 현재 (8개월)

서울

김프로 - 웹소설 특화 AI 번역기 (B2B, B2C)
2025.01 - 2025.06
  • Next.js 14, React 18, TypeScript 기반 관리 시스템 구축
  • Toss SDK 연동 결제 페이지 및 상태 통합 관리 개발
  • 실시간 번역 진행률 5단계 프로세스 구현
  • Quill 에디터 통합 텍스트 편집 기능 개발
  • 8개 관리자 모듈 핵심 기능 개발 (공지사항, 상품문의, 사용자, 결제 등)
  • 재사용 컴포넌트 아키텍처 설계 (Table, Pagination, Header 시스템)
Next.js 14React 18TypeScriptTailwind CSS v3Context API
링크뷰 - AI 기반 웹 접근성 및 번역 솔루션 (B2B)
2025.03 - 2025.07
  • Next.js 15, React 19, TypeScript 5 기반 관리 시스템 구축
  • Tailwind CSS v3 → v4 마이그레이션 완료
  • 라우트 그룹 기반 권한 관리 시스템 설계 및 구현
  • API 키 관리 CRUD 시스템 개발 (페이지네이션, 정렬, 일괄 선택)
  • 반응형 웹/모바일 레이아웃 구현
  • Custom Hooks를 통한 비즈니스 로직 분리 아키텍처 설계
Next.js 15React 19TypeScript 5Tailwind CSS v4
IVERY - 웰니스 라이프 성경 앱 (Flutter)
2025.07 - 현재
  • Flutter 프레임워크를 활용한 크로스플랫폼 모바일 앱 개발
  • iOS/Android 동시 지원하는 성경 읽기 애플리케이션 구현
  • 모바일 앱 프론트엔드 화면 구현 및 사용자 친화적 UI/UX 설계
  • 크로스플랫폼 개발로 개발 비용 및 시간 효율성 향상
  • Dart 언어 기반 앱 로직 구현
FlutterDartiOSAndroid

(주) 넥스트러너스

코드리뷰 PR 멘토 (프리랜서)

2025.09 - 2025.10

재택

FE 11기 익스턴십 야간 PR 멘토
2025.09 - 2025.10
  • 웹 프로그래밍 부트캠프 수강생들의 코드리뷰 진행
  • React, TypeScript, JavaScript 기반 프로젝트 코드 검토
  • 개발 베스트 프랙티스 및 코드 품질 향상 가이드 제공
ReactTypeScriptJavaScriptHTML5CSS3

프리랜서

웹 개발자 (외주)

2025.03 - 현재

재택

사물의 의회 2025 | 기후위기 시대, 생각의 중심을 바꿔보자
2025.03 - 현재
  • Next.js 기반 반응형 홈페이지 설계 및 개발
  • MAU 최대 1,350명 달성하는 서비스 운영
  • 검색엔진 최적화(SEO) 구현으로 구글, 네이버 검색결과 최상단 노출 달성
  • 기존 서비스에 사용자 로그인 기능 추가 구현
  • 게시판 시스템 신규 개발 및 통합
  • Firebase에서 Supabase로 데이터베이스 마이그레이션 수행
  • 지속적인 서비스 유지보수 및 성능 최적화
Next.jsTypeScriptFirebaseSupabaseTailwind CSSSEO

EDUCATION

오즈코딩스쿨 4기

웹 프로그래밍 부트캠프

2024.06 - 2024.12 (6개월)

HTML, CSS, Javascript, React, TypeScript를 이용한 웹 프로그래밍 교육 과정 이수

  • 커리큘럼 진행에 따른 테스트에서 지속적인 성장: 6등 → 2등 → 2등 → 1등
  • 자발적 개발 스터디 운영으로 동료 학습 지원
  • AWS & 오즈코딩스쿨 해커톤 참여 및 1위 수상
  • 게임메이트 매칭 서비스 "비타" 개발
  • 기업 협업 자사몰 서비스 "믹골프" 프론트엔드 팀장 참여

PROJECTS

비타 - VITA

실시간 게임 메이트 매칭 플랫폼

  • 프로젝트 초기 설정 및 구조 설계 주도
  • Kakao API를 통한 OAuth 2.0 인증 플로우 구현
  • 토스페이먼츠 API 연동으로 코인 충전 및 결제 시스템 구현
  • Tanstack Query 캐싱과 React 상태 관리 최적화
  • 실시간 리뷰 및 별점 시스템, 사용자 대시보드 구현
핵심 포인트
  • 실시간 통신과 데이터 일관성을 유지하는 기술적 도전
  • OAuth 인증, 결제 시스템을 통합한 완성도 높은 서비스 구현
  • 팀 프로젝트 리드 및 체계적인 코드 리뷰 진행
ReactViteTypeScriptTailwind CSSZustandTanstack QueryKakao API토스페이먼츠

믹골프 - MICGOLF

골프 용품 전문 온라인 쇼핑몰 - 기업과의 실제 협업 프로젝트

  • 프론트엔드 팀장으로 프로젝트 초기 설정 및 구조 설계
  • Framer Motion을 활용한 랜딩 페이지 애니메이션 및 인터랙션 구현
  • 반응형 캐러셀, FAB 버튼, 팝업 배너 등 UX 향상 컴포넌트 제작
  • 장바구니 기능 및 비회원-회원 데이터 동기화 시스템 구현
  • React Hook Form을 사용한 관리자 페이지 상품 관리 기능 구현
  • 로컬스토리지 활용한 사용자 데이터 영속성 관리
핵심 포인트
  • 기업 요구사항을 충실히 반영한 관리자-사용자 통합 플랫폼
  • Framer Motion과 transition을 활용한 UI/UX 디자인 최적화
  • 반응형 디자인으로 모바일-데스크톱 환경 대응
ReactViteTypeScriptTailwind CSSZustandTanstack QueryFramer MotionReact Hook Form

LECTURES & SESSIONS

👨‍🏫 선배와의 만남!

초격차캠프 선배 특강

2025.04.14 19:00 ~ 21:00

대상: 초격차캠프 수강생 8,9,10,11기

초격차캠프를 수료하고 실제로 개발자로 취업해 근무 중이신 선배님을 직접 만나볼 수 있는 시간! 같은 커리큘럼을 겪고, 취업까지 성공하신 선배님의 이야기를 통해 여러분의 고민을 해소하고, 현실적인 팁도 얻어가세요 💡

주요 내용
  • 4기 수료생에서 현업 개발자로 성장한 경험담
  • 취업 준비 과정과 실제 면접 경험 공유
  • 현업에서의 일상과 개발자로서의 성장 이야기
  • 후배들을 위한 현실적인 조언과 팁
부트캠프 전략취업 경험현업 이야기성장 스토리

👨‍🏫 수료생에서 1년차 개발자!

초격차캠프 선배 특강

2025.08.21 19:00 ~ 20:00

대상: 초격차캠프 수강생 11,12,13,14기

초격차캠프를 수료하고 실제로 개발자로 취업해 근무 중이신 선배님을 직접 만나볼 수 있는 시간! 같은 커리큘럼을 겪고, 취업까지 성공하신 선배님의 이야기를 통해 여러분의 고민을 해소하고, 현실적인 팁도 얻어가세요 💡

주요 내용
  • 부트캠프 수강생으로 돌아간다면 어떻게 공부할까?
  • 수강생 시절 마인드 셋 이렇게 준비하세요.
  • AI를 활용한 효율적인 학습 전략
  • 이런 프로젝트는 어때요?
  • 커리어 계획과 목표 설정 방법
부트캠프 전략마인드 세팅커리어 계획프로젝트 추천AI 활용