본문으로 건너뛰기
이창준

Frontend Engineer / React / TypeScript / Next.js

만든 서비스를 직접 운영해 온 프론트엔드 개발자 이창준입니다.

실제 사용자가 있는 서비스를 6개월간 운영했고, 지금은 예약과 결제, 현장 체크인까지 이어지는 정비 예약 서비스를 만들고 있습니다.

프로필

학력

동국대학교 컴퓨터공학 복수전공

2026.02 졸업

기술 스택
  • 주로 쓰는 기술

    • TypeScript
    • React
    • Next.js
    • Tailwind CSS
  • 상태 관리와 데이터

    • React Query
    • Recoil
    • Redux Toolkit
    • Zustand
  • 백엔드와 테스트

    • Supabase
    • PostgreSQL
    • Playwright
  • AI 도구

    • Codex
    • Claude Code
일하는 방식
  1. 01

    원인 추적

    증상만 고치면 같은 문제가 다시 옵니다. 목록이 매번 다시 조회되던 문제는 이벤트와 데이터 흐름을 따라가 원인을 네 가지로 나눴습니다.

    과정 읽기
  2. 02

    기록

    고친 내용은 증상, 원인, 해결, 검증 순서로 남깁니다. 실무 기간에 쌓인 작업 기록이 약 16만 자입니다.

    기술 글 보기
  3. 03

    AI 사용 기준

    Codex와 Claude Code로 구현을 빠르게 하되, 타입 검사와 E2E 테스트, 공식 자료 대조로 결과를 직접 확인하고 반영합니다.

    검증 사례 읽기

Work

대표 프로젝트

프로젝트마다 무엇이 문제였고 어떻게 결정했는지 적어 두었습니다.

PitNow 홈 화면. 셀프 정비와 맡기기 중 방식을 고르고 지도에서 주변 정비소를 찾는다
정비소 상세 화면. 평점, 운영 베이 수, 운영 시간과 시설 사진을 보여 준다

2026.03 – 진행 중, 개발 전담

PitNow

정비소의 비어 있는 리프트와 시간을 예약하는 자동차 정비 예약 서비스

  • 예약 겹침을 데이터베이스 제약 조건으로 차단
  • 결제와 취소, 환불, 사후 정산 흐름 검증
  • 고객과 정비소, 관리자 화면 개발
  • Next.js
  • TypeScript
  • Supabase
  • PostgreSQL
텔링 메인 페이지. 경험 정리부터 자기소개서와 면접 준비까지 돕는다는 문구가 보인다

2025.09 – 2026.02, Frontend Engineer

텔링

AI와 대화하며 경험을 정리하고 자기소개서와 면접을 준비하는 취업 준비 서비스

  • 모달을 여닫을 때마다 일어나던 목록 전체 재조회 제거
  • SSE 기반 AI 답변 스트리밍
  • 제휴 기관 담당자용 통계 화면과 엑셀 추출
  • Next.js
  • TypeScript
  • Tailwind CSS
  • React Query

2026.08 – 진행 중, 기획, 디자인, 개발

CarFortune

현대자동차그룹 Pleos Connect에서 동작하는 차량 운세 앱

  • 주행 중에는 앱 본문을 그리지 않는 차량 안전 규칙 반영
  • 웹에서 먼저 검증하고 Kotlin 앱으로 옮기는 구조
  • AI로 만든 콘텐츠 400건의 중복과 사실 검증
  • Next.js
  • TypeScript
  • Kotlin
  • Android Automotive
Notelass 랜딩 페이지

2023.07 – 2024.02, 프론트엔드 팀장, 기획 참여

Notelass

교사의 생활기록부 작성을 AI로 돕는 중학교 학습관리 플랫폼

  • G-HOP 대학창업연합 경진대회 대상
  • 디자인 시스템과 Atomic 컴포넌트 구조
  • 키워드 기반 AI 생활기록부 문장 완성
  • React
  • JavaScript
  • Redux Toolkit
  • styled-components

Writing

기술 글

프로젝트에서 막혔던 문제와 그때 고른 방법을 코드와 함께 정리했습니다.

  • PitNow

    데이터 이상은 규칙으로 찾고, AI에게는 정리만 맡겼습니다

    결제는 승인됐는데 예약이 없거나, 환불 기록 없이 상태만 환불로 바뀐 데이터를 매일 찾는 운영 점검을 만들었습니다. 탐지는 SQL 규칙에 두고, AI에게는 우선순위와 조치 정리만 맡겼습니다. AI 응답을 어떻게 검증했는지도 적었습니다.

    • PostgreSQL
    • LLM
    • 운영 자동화
  • 텔링

    모달을 닫을 때마다 목록 전체를 다시 불러오던 문제

    상세 모달을 열고 닫을 때마다 목록과 즐겨찾기를 다시 조회하던 원인을 네 가지로 나누고, 수정된 항목 한 건만 동기화하도록 바꾼 과정입니다.

    • React
    • 렌더링 최적화
    • 트러블슈팅
  • PitNow

    예약 겹침을 코드가 아니라 데이터베이스에서 막은 이유

    빈 시간을 확인한 뒤 예약을 넣는 코드만으로는 동시에 들어온 요청을 막을 수 없습니다. PostgreSQL 배제 제약 조건으로 같은 리프트의 시간 겹침을 막고, 에러를 사용자 안내로 바꾼 과정입니다.

    • PostgreSQL
    • Supabase
    • 동시성
전체 글 보기

Experience

경력과 활동

  1. 2026.08 – 현재

    CarFortune

    기획, 디자인, 개발, Pleos Connect 차량 운세 앱

    차량 인포테인먼트 환경의 안전 규칙을 반영한 앱을 만들고 있습니다.

  2. 2026.03 – 현재

    PitNow

    개발 전담, 정비 예약 서비스, 2인 팀

    고객과 정비소, 관리자 화면을 만들고 예약과 결제 데이터 구조를 설계하고 있습니다.

  3. 2025.09 – 2026.02

    (주)크루베이션

    Frontend Engineer, AI 취업 준비 서비스 텔링(구 라이프멘토)

    Next.js 서비스의 프론트엔드를 개발하고 운영하며, 제휴 기관 담당자가 쓰는 관리자 통계 화면을 개편했습니다.

  4. 2023.07 – 2024.02

    대학 연합 창업동아리 크루베이션

    프론트엔드 팀장, Notelass

    디자인 시스템과 컴포넌트 구조를 세웠고, 팀은 G-HOP 대학창업연합 경진대회 대상을 받았습니다.

  5. 2023 – 2024

    IT 동아리

    프론트엔드, GDGoC DGU 1기, Farm-System 2기, 멋쟁이사자처럼 11기

    해커톤과 팀 프로젝트로 협업하며 교내 해커톤 2위와 Farm 경진대회 우수상을 받았습니다.

수상

  • G-HOP 대학창업연합 경진대회 대상

    경기지방중소벤처기업청, 2023.11

  • 대학생 논문경진대회 우수논문상

    한국정보기술학회, 2024.11

  • Farm 경진대회 우수상

    동국대학교 SW교육원, 2024.01

  • 교내 해커톤 2위

    동국대학교 SW교육원, 2023.06

Archive

그 밖의 프로젝트

동아리와 수업에서 팀으로 만든 프로젝트입니다.

  • 하트시그널 매칭 목록 화면

    하트시그널

    2023.10, GDGoC DGU, 10명

    대학 축제 기간에 쓰는 익명 매칭과 채팅 서비스

    같은 인원수에 다른 성별 그룹만 보여 주는 매칭 조건을 구현했고, 축제 2일 동안 약 2,400명이 사용했습니다.

    React, TypeScript, Redux, Socket

  • 혜윰모듈 메인 화면

    혜윰모듈

    2024.06 – 2024.08, 산학연계, 4명

    교수자와 학생이 함께 쓰는 라이브 코딩 수업 플랫폼

    수업 시간별 공간에서 코드 실행과 실시간 질의응답을 하고, 수업이 끝나면 질문을 요약한 노트를 제공합니다.

    React, TypeScript, Redux Toolkit, Monaco Editor

  • 아파투두 관리자용 하자 신청 관리 화면

    아파투두

    2024, 종합설계, 4명

    신축 아파트 하자 신청과 관리 서비스

    승인된 하자 내역을 블록체인에 기록했고, 이 시스템을 주제로 한 논문이 한국정보기술학회 우수논문상을 받았습니다.

    React, TypeScript, Zustand

  • 항공 스케줄 관리 화면

    항공 물류 스케줄 관리

    2024, 팀 프로젝트, 6명

    화주와 항공사, 세관이 함께 쓰는 항공 화물 스케줄 관리 서비스

    화물 등록(AWB)부터 항공기 배치, 세관 스케줄 조정까지 역할별 화면을 구현했습니다.

    React, JavaScript, styled-components

Contact

함께 일할 팀을 찾고 있습니다

프론트엔드 신입이나 주니어로 일할 곳을 보고 있습니다. 이력서나 프로젝트에 궁금한 점이 있으면 편하게 연락 주세요.