김석현
Frontend Engineer
소개
TypeScript, React, Next.js 기반의 7년 차 프론트엔드 개발자로, 가장 최근 직장에서는 4명 규모 팀의 테크 리드로서 인증·업로드 등 핵심 아키텍처에 대한 기술적 의사결정을 주도했습니다.
단순히 UI를 구현하는 것에 그치지 않고, 클라우드 인프라 및 CI/CD 파이프라인 구축, TBD 전략 도입으로 높은 배포 빈도와 안정성을 갖춘 개발 환경을 만들어왔으며, API DTO 타입 생성 자동화와 같이 반복되는 비효율을 개선하여 팀의 생산성을 높여왔습니다.
소프트웨어 개발에 모든 문제를 단번에 해결하는 '은탄환'은 없다고 생각합니다. AI가 고도화되는 시대일수록, 조직의 비용과 일정 그리고 비즈니스 도메인에 대한 깊은 이해가 결합된 입체적인 제약 안에서, 문제를 명확히 정의하고 트레이드오프 속에서 최선의 판단을 내리는 '엔지니어링 저지먼트'가 엔지니어의 본질적인 가치라고 믿습니다.
경력6년 3개월
Humeta (Fitness-Focused Startup)
2025.07 - 2025.12 (6개월)
Frontend Engineer (Tech Lead)
핏브릿지 Frontend 설계 및 개발
2025.07 - 2025.12
담당 업무
사용자용 WebView·관리자용 Web App 설계 및 개발
- 사용자용 WebView(커뮤니티·마이페이지 등)와 관리자용 Web App(회원·상품·커뮤니티·운영 등 7개 도메인)을 설계 및 개발했습니다. 특히 관리자용 Web App의 경우 디자인 시안 없이 기획 와이어프레임만 존재하는 환경에서 shadcn/ui로 UI를 표준화하고 Cursor와 AGENTS.md 기반의 AI 자동화를 적극 활용해, 팀 내 유사 사례 대비 개발 기간을 50% 이상 단축했습니다.
Clean Architecture 도입을 통한 비즈니스 로직 독립성 및 테스트 안정성 확보
- 비즈니스 로직의 독립성을 확보하고 테스트 용이성을 극대화하기 위해, 의존성 역전 원칙(DIP) 중심의 Clean Architecture를 적용했습니다. 이를 통해 Vitest 기반의 단위 테스트 70여 개를 작성하여 95% 이상의 커버리지를 달성했으며, 특히 인터페이스 중심의 설계 덕분에 API 명세 확정 전에도 Frontend 개발을 선행할 수 있었고, 결과적으로 약 2주의 개발 공수를 단축했습니다.
Swagger API DTO to TypeScript 타입 자동 변환 프로세스 구축
- API DTO 타입을 정의하는 시간을 획기적으로 줄이기 위해, OpenAPI TypeScript 라이브러리를 기반으로 타입 자동 변환 프로세스를 구축함으로써, 예기치 않은 휴먼 에러를 제거하고 신규 API 명세 추가 시 발생하는 개발 공수를 98% 이상 단축했습니다. (건당 약 10분 → 10초 이내)
Presigned URL 도입을 통한 업로드 UX 및 인프라 구조 개선
- 별도의 이미지 가공이 필요 없는 서비스 특성에 맞춰, 업로드 속도를 극대화하고자 전통적인 서버 경유 방식 대신 Presigned URL 기반의 직접 업로드 구조를 설계했습니다. 그 결과 불필요한 네트워크 홉을 제거해 업로드 UX를 최적화했을 뿐만 아니라, 서버 부하를 분산시켜 인프라 운영 비용까지 효과적으로 절감했습니다. (서버 측 Conditions 설정으로 이미지 형식·크기 제한 등 보안 검증 별도 구성)
OAuth 2.0 기반 소셜 로그인 설계 및 개발
- 보안과 UX를 모두 충족하는 소셜 로그인 구조를 설계하기 위해, Google 등 주요 Provider의 WebView 차단 정책과 인앱 브라우저 전환 시의 UX 저하 문제를 검토한 끝에 React Native를 인증 진입점으로 확정했습니다. React Native와 WebView가 혼재하는 구조에서 인증 상태 공유가 필요했기에, sharedCookiesEnabled 속성을 활용해 별도의 브릿지 통신 없이 Cookies를 자동으로 공유하는 방식을 채택했으며, 고정형 Refresh Token의 탈취 취약점을 선제적으로 해소하기 위해 Refresh Token Rotation 전략을 팀에 제안하여 적용했습니다. 이를 통해 인증 구조의 보안성을 높이면서도 매끄러운 로그인 UX를 동시에 확보했습니다.
TBD 전략과 CI/CD 자동화를 통한 고속 배포 환경 구축
- 지연된 통합으로 인한 머지 헬을 방지하고 브랜치 관리 병목을 줄이기 위해, TBD 전략과 GitHub Actions 기반의 CI/CD 파이프라인을 구축하였으며, 이를 통해 기능 출시 주기(Time-to-Market)를 단축하고 비즈니스 변화에 기민하게 대응할 수 있는 체계를 마련했습니다.
ALIENZ (Random.GG)
2025.06 - 2025.06 (1개월)
Full Stack Engineer
랜덤테일즈(AI 기반 텍스트 어드벤처 플랫폼) UX 고도화 및 성능 최적화
2025.06 - 2025.06
담당 업무
이미지 최적화 인프라 구축을 통한 페이지 로딩 속도 개선
- 고용량 이미지로 인한 초기 로딩 지연(10초) 및 유저 이탈 문제를 해결하고자, Sharp와 Google Cloud Functions를 결합한 커스텀 이미지 최적화 파이프라인을 구축했습니다. CDN 캐시 미스 시 원본 이미지를 WebP 포맷으로 변환 및 리사이징하여 실시간 서빙하는 On-Demand 캐싱 아키텍처를 설계하고 구현함으로써, 페이지 로딩 속도를 70% 이상 개선(10초대 → 2~3초대)하여 유저에게 쾌적한 콘텐츠 소비 환경을 제공했습니다.
하이브리드 렌더링 전략 도입을 통한 초기 로딩 속도 개선 및 서버 부하 절감
- 대규모 사용자 리뷰 데이터를 전량 SSR로 렌더링할 때 발생하는 서버 과부하 및 응답 지연 문제를 해결하고자, 초기 진입에 필요한 데이터만 SSR로 우선 처리하고 이후 데이터는 React Query와 react-intersection-observer를 활용한 CSR 무한 스크롤로 전환하는 하이브리드 렌더링 구조를 구현했습니다. 이를 통해 서버 자원 소모를 최소화하여 시스템 안정성을 확보함과 동시에, 빠른 초기 로딩을 보장하고 비동기 데이터 흐름과 뷰의 노출 상태를 선언적으로 동기화하여 명령형 로직 없는 견고한 데이터 페칭 환경을 구축했습니다.
웹폰트 로딩 최적화 및 시각적 안정성 확보
- 외부 CDN 기반 폰트의 로딩 지연과 Layout Shift 문제를 해결하고자 next/font를 도입하였습니다. 이에 따라 빌드 타임에 페이지별 선택적 preload 및 에셋화가 적용되어 불필요한 리소스 낭비 없이 로딩 시점이 개선되었으며, 대체 폰트 보정(size-adjust) 기능으로 FOUT 발생 시의 Layout Shift 현상이 방어되어 시각적 안정성이 확보되었습니다.
(주)매스프레소
2023.07 - 2025.05 (1년 11개월)
Frontend Engineer
콴다학원 학생용 WebView·선생님용 Web App 개발 및 유지보수
2024.07 - 2025.05
담당 업무
학습 관련 핵심 기능 0 to 1 개발 및 유지보수
- 개념 영상 및 교재 보기, 문제 풀이 모듈, 학생 난이도 맞춤 조정, 콘텐츠 오류 신고 등
다국어 지원 시스템 구축
주요 성과
여러 App에서 공통으로 사용하는 usecase와 Tailwind CSS 설정을 모노레포 내 별도 패키지로 분리 및 관리하여 코드 재사용성 향상 및 유지보수 효율 개선
Review Zombie(Github Stale PR 알림용 Slack Bot) 개발
2024.04 - 2024.04
담당 업무
사내 엔지니어들을 대상으로 한 Github Stale PR 알림 기능 개발
주요 성과
3일 이상 방치된 PR 수가 30~50% 감소해 리뷰 지연으로 인한 병목이 완화되었으며, 이에 따라 배포 주기 단축에 기여
콴다수학코치 학생용 WebView 개발 및 유지보수
2023.11 - 2024.06
담당 업무
학습 관련 핵심 기능 0 to 1 개발 및 유지보수
- 개념 영상 보기, 문제 풀이 모듈, 학습 리포트, 오답 노트, 콘텐츠 오류 신고 등
단위 및 E2E 테스트 코드 작성
주요 성과
Cookies 기반 Feature Flag Service 구현을 통해 기능별 단계적 롤아웃 및 운영 효율성 향상
LMS(학원 선생님을 위한 Web App) 개발 및 유지보수
2023.09 - 2024.04
담당 업무
오답 과제 기능 개발
Homepage CMS App 리뉴얼
2023.08 - 2023.08
담당 업무
서비스 사용 관련 통계, 뉴스 기사, 블로그 포스트 생성/조회/수정/삭제 API 개발 및 연동
주요 성과
블로그 포스트 순서 변경 시 Drag and Drop 인터페이스를 적용하여 사용자 경험 개선
Homepage 리뉴얼
2023.07 - 2023.08
담당 업무
서비스 사용 관련 통계, 뉴스 기사, 블로그 포스트 목록 조회 API 개발 및 연동
반응형 레이아웃(desktop, tablet, mobile) 구현
다국어 지원 시스템 구축
주요 성과
SSR 방식에서 On-Demand ISR 방식으로 변경함으로써 각 페이지별 로딩 속도 개선
티쓰리큐주식회사
2021.10 - 2023.06 (1년 9개월)
Frontend Engineer
AI 플랫폼 Frontend 개발
2023.04 - 2023.06
담당 업무
재사용 가능한 Button, Modal 공통 컴포넌트 개발
데이터 셋, 전처리 모델, 학습 모델, 실행 알고리즘, 실행 환경 등 AI 플랫폼의 전반적인 UI 개발
- Axios의 onUploadProgress를 통한 파일 업로드 ProgressBar UI 개발
Next.js API Routes를 활용한 클라이언트 최적화된 BFF 설계
- CORS Errors로부터 자유로운 API 연동 환경 구성
- API 서버의 출처를 은폐함으로써 보안 강화
- 데이터 구조가 다소 복잡한 JSON API의 응답 데이터를 filter하여 클라이언트에서 필요한 데이터만 반환
주요 성과
JWT 인증 시, XSS, CSRF 공격에 대한 보안 강화를 위해 기존에 사용하던 토큰 관리 방식 변경 (Session Storage -> HttpOnly, SameSite Cookies)
React Hook Form 라이브러리를 도입하여 다소 복잡한 생성 및 수정 Form에서 필요한 유효성 검증 코드 최소화
AI 플랫폼 관리자 시스템 Frontend 개발
2023.02 - 2023.03
담당 업무
재사용 가능한 Toast 공통 컴포넌트 개발
회원 목록, 관리자 목록, 가입 승인 목록, 이벤트 로그 목록 페이지 개발
주요 성과
자주 변경되지 않는 권한 목록, 시스템 목록 데이터를 React Query의 staleTime, cacheTime을 통해 캐싱하여 불필요한 오버헤드 제거
AI 해커톤 서비스 Frontend 개발
2022.11 - 2023.01
담당 업무
재사용 가능한 Pagination, Tabs 공통 컴포넌트 개발
답안지 제출, 리더보드, 커뮤니티 페이지 개발
- Form 구성 시, 요구사항에 따라 제어 방식과 비제어 방식을 적절히 선택하여 실시간 유효성 검증 및 불필요한 렌더링 최소화
CKAN(오픈 소스 데이터 관리 시스템) Backend 개발
2022.06 - 2022.10
담당 업무
데이터 종 코드 생성 API 개발
데이터 종 코드 목록 조회 API 개발
데이터 스키마 수정 API 개발
UniAI(북한정보 인공지능/빅데이터 분석 포털) Backend 개발
2021.10 - 2022.05
담당 업무
UniAI 유지보수 및 배포
(주)티맥스소프트
2017.08 - 2019.07 (2년)
Frontend Engineer
API Gateway 관리자 시스템 Frontend 개발
2019.04 - 2019.07
담당 업무
실시간 모니터링 UI 개발
JEUS T-Up(WAS Migration Tool) Frontend 개발
2017.12 - 2019.02
담당 업무
Migration Report UI 개발
회원가입 및 로그인/로그아웃 UI 개발
사이드 프로젝트
LOLNEWS (롤뉴스 검색 서비스)
2022.08 - 2022.10 (3개월)
Full Stack Engineer
LOLNEWS(롤뉴스 검색 서비스) Frontend 개발
2022.08 - 2022.10
담당 업무
뉴스 기사 목록 페이지 개발 (Pagination)
뉴스 기사 상세보기 Modal 컴포넌트 개발 (react-modal)
인기 검색어 UI 개발
많이 본 기사 UI 개발
LOLNEWS(롤뉴스 검색 서비스) Backend 개발
2022.08 - 2022.10
담당 업무
뉴스 기사 조회 API 개발
검색어 입력 및 인기 검색어 조회 API 개발
클릭한 기사 입력 및 많이 본 기사 조회 API 개발
기술 스택
Frontend
HTML5CSS3JavaScriptTypeScriptReactNext.jsReduxReact QueryCSS ModuleTailwind CSSstyled-componentsEmotionJestVitestPlaywrightMSWSentryElastic RUM
Backend
Node.jsExpress.js
Database
MongoDBPostgreSQLElasticSearch
Infrastructure & DevOps
AWSGCPGithub Actions
학력
서강대학교
컴퓨터공학과
2011.03 - 2015.02