빈틈없는 상태(State) 설계
로딩, 빈 화면, 에러, 권한 부족 등 모든 엣지(Edge) 케이스를 제어합니다. 어떤 예외 상황에서도 사용자가 당황하지 않고 다음 행동을 자연스럽게 유추할 수 있도록 화면 언어로 안내합니다.
Frontend Developer · 권현성
화면의 흐름과
코드의 구조를 같이 봅니다.
사용자의 자연스러운 예측이, 예측 가능한 코드 구조로 이어지는 개발을 합니다.
좋아서
깊게
파고듭니다BUILD WITH CARE
UI STATEDATA FLOWCOMMON UI
깊게
파고듭니다BUILD WITH CARE
01 / IDENTITY
보이는 흐름은 자연스럽게,
숨은 구조는
예측 가능하게.
단절 없는 데이터 동기화
복잡한 검색 조건, 페이지네이션, 캐싱 처리가 API 통신과 톱니바퀴처럼 맞물리게 구현합니다. 데이터의 변화가 화면의 흐름과 정확히 일치하여, 예기치 못한 사이드 이펙트를 차단합니다.
수정을 열어두는 컴포넌트
반복되는 UI 요소들을 일관된 규칙의 컴포넌트로 묶어냅니다. 훗날 팀원이 새로운 요구사항을 마주했을 때, 코드를 헤집지 않고도 다음 수정 위치를 명확히 예측할 수 있도록 구조를 남깁니다.
02 / SELECTED WORK
실제 서비스에서
예측 가능한 개발했습니다.
Frontend 개발
복잡한 클라우드 운영 흐름을
예측 가능한 화면으로 구현했습니다.
금융,공공기관용 클라우드 관리 플랫폼에서 자원 생성부터 조회, 모니터링과 오류 대응까지 이어지는 운영 화면을 사용자, 관리자 모두 자연스럽게 이루어지도록 구현했습니다
AI & 개발 자동화
반복되는 검증 과정을
개발 도구로 만들어서 자동화 했습니다.
기획 문서를 기반으로 테스트를 생성하고, Pull Request의 변경 내용을 분석하는 도구를 직접 구현하여 반복적인 검증은 AI에게 맡기고, 중요한 부분만 사람이 하도록 했습니다.
03 / TOOLKIT
필요하다면,
저의 분야가 아니더라도 깊게 파고들어 학습합니다.
Core
Frameworke
Quality & Structure
04 / CAREER
꾸준함으로,
경력을 이어나가고 있습니다.
오케스트로, Frontend Developer
Kubernetes, OpenShift, AWS 등 클라우드 프로비저닝 개발을 했습니다.
알람 정책을 통해 운영자가 자원 상태 변화와 발생 이력을 한 화면에서 확인할 수 있도록 했습니다.
공통 컴포넌트 설계로 반복적인 개발 방지와 일관된 디자인 구현했습니다.
모듈 페더레이션, 모노레포를 이용해서 팀간의 코드를 분리해서 독립적인 개발을 할 수 있게 했습니다.
카수리, Frontend Developer
출장정비 예약 관리 서비스에서 예약 조회, 상세, 작업 배정 화면을 개발했습니다.
뉴스젤리, Frontend Intern
Vanilla JavaScript 기반 화면을 Vue 구조로 마이그레이션하고, 중복 UI와 로직을 재사용 가능한 컴포넌트로 분리했습니다.
평소 꾸준히 공부합니다
정보처리기사, 리눅스마스터, SQLD, CKA를 취득하며 프론트엔드 개발과 그 외의 기반을 넓혀왔습니다.