siesdart.fly.dev

profile image

(siesdart.fly.dev)

자신만의 철학을 바탕으로 길을 걷는 개발자

1. 소개

“좋은 설계는 타 개발자가 시스템을 오용하기 어렵게 안전한 경계를 만드는 것에서 시작합니다.”

초등학생 시절 컴퓨터를 하다 문득 기존에 존재하고 있던 프로그램만이 아닌 나만의 프로그램을 직접 만들고 싶다는 욕구가 생기게 되었고, 인터넷에서 VB.NET이라는 이름의 프로그래밍 언어를 발견하며 프로그래밍이라는 분야에 빠져들기 시작했습니다. 개발에 재미를 붙여 10년이 넘는 기간 동안 취미로 삼으며 다양한 언어와 기술을 탐색해, 이를 바탕으로 새로운 환경에서도 빠르게 백지 상태에서 스택을 학습해 프로토타입을 구축할 수 있는 역량을 갖추었습니다. 현재는 React를 주력으로 함과 동시에 Dart/Flutter 생태계를 애용하여 깊게 파고드는 등 다양한 기술에 꾸준히 관심을 가지며 학습을 이어가고 있습니다.

오랫동안 프로그래밍을 접하고 경험해오면서 다음과 같은 개발 철학을 지니게 되었습니다:

  1. 런타임 안정성이 보장되는 견고함과, 지속 가능하고 생산성 있는 개발 속도가 보장되는 간결함이 조화를 이루는 구조를 지향합니다.
  2. 정적 타입을 통한 컴파일 타임 에러 예방이 가능한 언어를 선호하며, Strict 한 린터 등 개발 환경 설정을 통해 휴먼 에러를 구조적으로 극복하고자 노력합니다.
  3. 역할과 책임이 명확히 드러나는 객체지향 구조와 인터페이스의 의도를 한눈에 파악하기 좋은 선언형 프로그래밍을 결합하여, 코드를 파악하는 인지 부하를 줄입니다.
  4. 프로젝트 전반의 구조나 외부로 드러난 인터페이스 자체만으로 이를 사용할 개발자에게 코드 변경이나 활용의 충분한 가이던스가 될 수 있는, 개발자 경험(DX) 측면에서의 명확한 설계를 중시합니다.
  5. 대중적인 기술에 안주하기보다 상황에 가장 알맞은 최적의 대안 기술을 리서치하고 발굴하는 과정을 즐깁니다.
  6. 어떤 아키텍처나 패러다임도 절대적인 정답은 없음을 인지하며, 상황에 가장 적합한 실용적이고 유연한 코드 설계를 지향합니다.

진정으로 아름다운 코드는 컴퓨터가 효율적으로 읽는 것을 넘어, 함께 일하는 동료나 내가 만든 코드를 사용할 타 개발자가 효율적으로 읽고 활용을 할 수 있는 구조여야 한다는 마음가짐으로 코드를 작성해 나가고 있습니다. 내가 작성하고 있는 코드가 누군가가 사용하는 서비스가 된다는 것을 실감하며 사용자 중심의 인터페이스를 구현하는 데 큰 즐거움을 느낍니다.

2. 기술 스택

Language
csharp icon
dart icon
typescript icon
Desktop / Mobile
wpf icon
flutter icon
Web Frontend
react icon
nextjs icon
jaspr icon
tailwindcss icon
zustand icon
storybook icon
Web Backend
express icon
firebase icon
drizzle icon
AI
ml.net icon
  • 언어: C#, Dart, TypeScript 등
  • 데스크톱 / 모바일: WPF, Flutter
  • 인공지능: ML.NET
    • 프론트엔드: React, Next.js, Jaspr, Tailwind CSS, Zustand, Storybook
    • 백엔드: Express, Firebase, Drizzle ORM

3. 경력

  • 2025.02 ~ 2026.01
    베이글코드 image

    베이글코드

    Platform / Web Frontend Engineering Intern

    사내 백오피스 웹 서비스의 프론트엔드 개발 및 유지보수

    1. 게임 개발 팀의 효율적인 콘텐츠 제작 및 모니터링 등 종합적인 게임 개발/운영을 돕기 위한 Next.js 기반 게임 콘솔 개발
    2. KPI 등 대용량 게임 데이터를 시각화하여 화면에 안정적으로 렌더링하고, 사내 의사결정을 지원하는 Next.js 기반 데이터 플랫폼 개발
      • Tableau Embedding API를 사용한 Tableau 뷰 컴포넌트 제작
      • 각 게임 데이터 뷰가 별도의 페이지로 하드코딩된 것이 장기적인 관점에서의 개발과 운영에 어려움이 될 거라 판단해 이를 동적 세그먼트 페이지 하나로 정리하고 JSON 형식의 설정 파일을 만들어 해당 설정에 기반해 각 데이터 페이지가 동적으로 렌더되도록 하는 Configuration Driven Development(CDD) 방식으로 전체적인 프로젝트 구조 재설계
      • 이외에도 코호트 필터 등 잦은 수정이나 추가가 필요한 설정을 하드코딩이 아닌 통합된 JSON 파일에서 가져오도록 수정하여 대부분의 케이스에서 코드 수정 없이 JSON 만으로 작업이 가능하도록 워크플로우 정리
      • Next.js의 generateStaticParams 함수를 활용해 빌드 과정에서 각 데이터 뷰 페이지가 SSG로 생성되도록 하여 페이지 로딩 속도 개선
    3. UI 일관성 유지 및 중복 개발 리소스 최소화를 위한 Tailwind CS 기반 20여 종의 컴포넌트로 이루어진 사내 공통 React UI 패키지 개발
      • 컴포넌트 개발 과정에서 코드 변경에 따른 실시간적인 컴포넌트 변화를 시각적으로 보고 테스트하는데 어려움을 느껴 DX 향상을 위해 Storybook 리서치 후 도입
      • tsup을 사용하여 번들링 후 사내 npm 레지스트리에 배포되도록 CI/CD를 구축하였으나, 번들링 시 Next.js 프로젝트에서 use client 등 지시자가 인식되지 않는 문제가 있어 bundle 옵션을 꺼 번들링 없이 각 파일의 트랜스파일만 진행하도록 수정
      • 사내 구성원들이 패키지 내 컴포넌트의 정보를 알고 쉽게 사용할 수 있도록 패키지 배포 시 Storybook 역시 정적 사이트로 빌드되어 사내에 배포되도록 CI/CD 작성
    4. 다수의 독립적인 백오피스 서비스 간 일관된 사용자 경험 제공 및 서비스 간 통합 관리를 위한 공통 GNB(Global Navigation Bar) 패키지 개발
    5. UI, GNB 등 사내 패키지의 에이전트 통합 개발 생산성 향상을 위한 Documentation 작성 및 MCP 웹 허브 구축
      • 패키지 별 작성된 Documentation에 대한 정보를 시각적으로 보고 버튼 원클릭으로 해당 Documentation을 읽을 수 있는 MCP의 설치 명령어를 복사할 수 있도록 웹 허브 구현
      • 패키지 업데이트 시 패키지 내 변경 사항 탐지 -> Documentation 수정을 자동화하는 커스텀 커맨드 작성
      • UI 패키지의 경우 Documentation을 배포된 Storybook에서도 볼 수 있도록 Storybook 내 컴포넌트 제작 후 연동
    6. 제작한 웹 기반 게임의 배포 환경을 사내 누구나 손쉽게 테스트하고 결과물을 확인할 수 있도록 돕는 Next.js 기반 정적 웹 사이트 배포 플랫폼 개발
      • @aws-sdk/client-s3 패키지를 사용하여 사용자가 웹 사이트의 zip 파일을 업로드하면 압축을 풀어 aws s3 버킷에 업로드하고 버킷 내 웹 사이트 목록 및 접속 URL을 화면에 렌더하도록 구현
    7. UA 팀의 지속적이고 빠른 광고 영상 제작을 돕기 위한 Next.js, Veo 3 기반 AI 영상 생성 플랫폼 개발
      • 사용자가 마우스/키보드 클릭만으로 동영상을 여러 세그먼트 구간으로 분리할 수 있는 타임라인 컴포넌트 제작
      • Veo 3 API에 전달할 프롬프트를 작성/수정하는 텍스트 에디터 제작
    8. 사용자의 자연어 요구사항을 기반으로 사내 UI 및 GNB 패키지 등을 사용해 백오피스 프로토타입을 신속하게 빌드하는 에이전트 기반 하네스 구축
      • UI, GNB 등 사내 패키지들의 Documentation에 접근하는 방법을 담은 에이전트 스킬 작성
      • 에이전트를 디자이너, 개발자, 리뷰어 등의 역할로 나누어 사용자의 요구사항을 Next.js와 사내 패키지들을 사용하여 구현하도록 커맨드 작성
    • #HTML
    • #CSS
    • #TypeScript
    • #React
    • #Next.js
    • #Tailwind CSS
    • #Zustand
    • #Storybook
  • 2021.10 ~ 2023.05
    공군군수사령부 image

    공군군수사령부

    융합체계과 / 인트라넷운용체계개발병

    공군 컴퓨터자산관리체계 운영 관리 및 기능 개선

    1. 관계형 데이터베이스인 Tibero 기반의 컴퓨터자산 데이터베이스 운영 및 유지보수
    2. 비효율적이고 복잡한 레거시 SQL 쿼리 구조 리팩토링 및 최적화로 DB 조회 안전성 개선
    3. Spring Framework 기반의 백엔드 레거시 코드 리팩토링 및 API 기능 개선
    4. 요구사항 수렴을 통한 신규 기능 추가 및 시스템 장애 대응을 포함한 실시간 사용자 지원
    • #HTML
    • #CSS
    • #JavaScript
    • #jQuery
    • #Java
    • #Spring
    • #Tibero

4. 프로젝트

5. 오픈소스

  • jaspr

    github stars
    Flutter와 유사한 구조를 지닌 Dart 기반의 모던 웹 프레임워크Role: Contributor
    • fix: DomValidator bug#169
      HTML 속성명 중 viewBox와 같이 중간에 대문자가 포함된 camelCase 속성을 유효하지 않은 속성으로 오판하는 오류 패치
    • add minify option to tailwind#247
      프로덕션 빌드 파이프라인에 Tailwind CSS minify 옵션을 연동해 CSS 산출물 최적화 지원
    • fix: add html unescape in hydrated data#250
      서버 사이드 렌더링(SSR) Hydration 직렬화/역직렬화 과정 중 HTML escape 처리된 데이터의 unescape 누락으로 인한 렌더링 오류 패치
    • feat: activate the content section of tailwind.config.js#256
      Tailwind CSS 사용자 content 경로 설정을 빌드 과정에 반영하도록 개선하고 관련 문서 업데이트
    • Fix sitemap generation bug in top-level route#512
      sitemap.xml 자동 생성 과정에서 루트 경로(/) 메타데이터가 누락되던 버그 수정
  • jaspr_markdown

    github stars
    MDX와 유사하게 마크다운에 Jaspr 컴포넌트를 삽입할 수 있게 하여 화면에 렌더링해주는 라이브러리 (deprecated)Role: Owner
  • clsx-dart

    github stars
    JavaScript의 인기 유틸리티 라이브러리인 clsx를 Dart로 포팅한, 조건부로 클래스 이름을 조합할 수 있게 해주는 라이브러리Role: Owner

6. 학력

  • 2019-03 ~ 재학 중한국과학기술원(KAIST) image

    한국과학기술원(KAIST)

    전산학부 · 기술경영학부 학사

7. 수상 및 자격증

  • 2026.06한국오델로협회 공인 지도자 image

    한국오델로협회 공인 지도자

    강사

  • 2026.05제9회 전국 오델로 명인전 image

    제9회 전국 오델로 명인전

    3위

  • 2025.01TOEIC image

    TOEIC

    830(LC 415, RC 415)

  • 2019.05 ~ 2021.05TOPCIT image

    TOPCIT

    255점 수준 2

  • 2017.09제34회 한국정보올림피아드 공모대회 image

    제34회 한국정보올림피아드 공모대회

    고등부 동상

  • 2015.07제32회 한국정보올림피아드 경시대회 image

    제32회 한국정보올림피아드 경시대회

    중등부 동상

8. 기타

  • 2026.05 ~ 현재한국오델로협회 image

    한국오델로협회

    기사 初단

  • 2024.01몰입캠프: 프로그래밍과 스타트업 image

    몰입캠프: 프로그래밍과 스타트업

    2023년 겨울학기

  • 2019.11DevFest on Campus 2019 image

    DevFest on Campus 2019

    Flutter 코드랩 튜터

  • 2019.03 ~ 2021.06SPARCS image

    SPARCS

    KAIST 서비스 개발 자치단체