안녕하세요, 프론트엔드 개발자 민배입니다.
저는 화면 구현에만 집중하기보다, 서비스 도메인을 이해하고 사용자 흐름을 설계하는 것이 좋은 프론트엔드의 핵심이라고 생각합니다.
Next.js · TypeScript 기반으로 읽기 쉬운 코드, 예측 가능한 상태 관리, 유지보수 가능한 UI 구조를 지향합니다.

정보를 탐색하고 정리하는 과정이 복잡하지 않도록, 사용자 중심으로 정리 흐름을 설계한 위키형 서비스입니다.

• 문서 목록/상세 조회 UI 구현
• 문서 생성/수정 폼 컴포넌트 설계 및 분리
• 검색/필터링 UI 구성 및 데이터 흐름 정리
• 로딩/에러 상태를 명확히 분리해 안정적인 렌더링 개선

🔗 Demo: (링크 추가)
📦 Repo: (링크 추가)

콘텐츠를 단순히 보여주는 것이 아니라, 사용자가 비교하고 선택할 수 있도록 설계한 서비스입니다.

• 비교 UI(탭/필터) 구조 설계 및 구현
• 상태 관리 및 탭/필터 전환 로직 구현
• 불필요한 API 요청을 줄여 UX 개선
• 선택값 유지/반영 흐름 정리

🔗 Demo: (링크 추가)
📦 Repo: (링크 추가)

• 읽기 쉬운 코드가 결국 가장 빠른 코드라고 생각합니다.
• “왜 이렇게 만들었는지” 설명 가능한 구조를 중요하게 봅니다.
• 기능 구현뿐 아니라 도메인과 UX 흐름을 함께 고민합니다.

• Next.js App Router 구조 설계
• 컴포넌트 설계 패턴
• SQLD 기반 데이터 모델링 / 쿼리 이해

• Email: [email protected]
• Blog: (링크)