Skip to content
View seungjoonH's full-sized avatar

Organizations

@D-Moong

Block or report seungjoonH

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
seungjoonH/README.md

탐구한 흔적을 기록하고 구조화된 결과물로 이어내는,
$\small{\bf{\color{#f4ba61} 𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱 \ 𝗗𝗲𝘃 }}$,    입니다.

  • 누구나 불편함 없이 서비스를 사용할 수 있도록, 보편적인 사용자 경험(UX)을 추구합니다.
  • AI로 개발 병목을 해결하고, 협업 효율을 높여 더 나은 개발자 경험(DX)을 만들기 위해 노력합니다.
  • 기술의 원리를 깊게 고민하고 학습하며, 그 과정에서 얻은 인사이트를 기록과 문서로 남깁니다.




$\large{\bf{\color{#f4ba61} 𝗘𝗱𝘂𝗰𝗮𝘁𝗶𝗼𝗻𝘀 }}$

  • 𝟮𝟬𝟮𝟱   │   한동대학교 졸업
  • 𝟮𝟬𝟮𝟰   │   Faculty of Mathematics and Computer Science, Adam Mickiewicz University 교환학생
  • 𝟮𝟬𝟭𝟴   │   한동대학교 컴퓨터공학과 입학
  • 𝟮𝟬𝟭𝟳   │   한광고등학교


$\large{\bf{\color{#f4ba61} 𝗘𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲𝘀 }}$

  • 𝟮𝟬𝟮𝟱   │   boostcamp 네이버 부스트캠프 웹·모바일 10기 | 웹 풀스택

  • $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟱. 𝟬𝟲. 𝟮𝟯 \~{} 𝟮𝟬𝟮𝟲. 𝟬𝟮. 𝟬𝟲}$
    • Vanilla JS 의 명령형 DOM 조작부터 React 의 선언적 렌더링까지 이어지는 DOM 렌더링 흐름 이해

      • Vanilla JS 명령형 DOM 조립 과정에서 UI 계층 구조가 코드 흐름에 묻히는 가독성 문제 경험
      • DOM 생성 로직을 자체 제작 헬퍼 함수로 캡슐화하여 선언적 UI 표현 방식으로 개선
      • Vite 빌드 파일을 분석하며 JSX가 헬퍼 함수와 유사한 jsx / jsxs 함수 호출 형태로 변환되는 구조 확인
      • tistory-icon [Web] 여러 방식으로 DOM 조작하기 - createElement 에서 JSX 까지

    • Vanilla JS Store 부터 Zustand 까지 이어지는 상태 관리 흐름 이해

      • Vanilla JS 환경에서 UI 상태 관리 필요성을 경험하며 Observer 패턴 기반 Store 구조 구현
      • 상태 변경 → 구독 → DOM 갱신으로 이어지는 단방향 업데이트 흐름 구성
      • Store 구현 방식을 객체 / 클래스 / 클로저(함수형) 형태로 비교하며 구조적 차이 정리
      • tistory-icon [Web] Observer 패턴과 Store - 직접 구현하며 이해한 상태 관리

  • 𝟮𝟬𝟮𝟰   │   swfact 소프트웨어팩토리 | 인턴

  • $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟰. 𝟬𝟴. 𝟮𝟬 \~{} 𝟮𝟬𝟮𝟰. 𝟭𝟮. 𝟯𝟭}$
    • Foodrain 사용자/관리자 웹 유지보수

      • Flutter Web 기반 프론트엔드 개발
      • 사용자 및 관리자용 웹 신규 UI/UX 화면 개발 및 기능 개선
      • 백엔드 API 연동 및 클라이언트 요구사항 반영
      • 서비스 운영 과정에서 발생한 버그 수정 및 성능 개선
      • foodrain-icon Foodrain 서비스

    • 사내 공통 유틸리티 Flutter 패키지 개발

      • 사내 프로젝트에서 공통적으로 사용하는 유틸리티 기능을 패키지 형태로 모듈화
      • Flutter Package 구조 설계 및 기능 구현
      • 재사용 가능한 형태로 Github Repository 구성 및 관리

  • 𝟮𝟬𝟮𝟯   │   fitween 피트윈 | 사원

  • $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟯. 𝟬𝟲. 𝟬𝟭 \~{} 𝟮𝟬𝟮𝟯. 𝟭𝟮. 𝟯𝟭}$



$\large{\bf{\color{#f4ba61} 𝗦𝗸𝗶𝗹𝗹𝘀 }}$

Web - Frontend

Web - Backend

Mobile

Database

Language



$\large{\bf{\color{#f4ba61} 𝗣𝗿𝗼𝗷𝗲𝗰𝘁𝘀 }}$

개인 포트폴리오 (유지보수중) $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟲. 𝟬𝟯. \~{} 𝗣𝗿𝗲𝘀𝗲𝗻𝘁}$
데이터 구조화, 검색 UX, 접근성, 다국어, 인터랙티브 디자인을 반영한 개인 포트폴리오 웹사이트portfolio-icon github-icon
  • 접근성 개선: 시맨틱 구조 및 ARIA 설계
  • 사용자 경험 개선: 사용자 친화적 UI/UX 구성
  • 반응형 레이아웃 설계: 구간별 화면 대응
  • 프로젝트 검색 구현: 풀어쓰기·모아쓰기 기반
  • 다국어 지원: react-i18next 기반 리소스 구조 설계
  • 인터랙션 구현: 애니메이션 기반 피드백 설계



물방울톡 (운영중) $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟲. 𝟬𝟭. \~{} 𝟮𝟬𝟮𝟲. 𝟬𝟯.}$
가벼운 미니게임으로 시작해 자연스러운 대화로 이어지는 실시간 음성 소셜 서비스mbwt-icon github-icon notion-icon
  • 디자인 시스템 구축: 컴포넌트 설계 철학 수립
  • 부동형 컴포넌트 설계: 상태 복원 로직 최적화
  • 실시간 게임 최적화: 과도한 입력 대응
  • QA 체계 구축: 검증 프로세스 정립



Acommit (유지보수중) $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟱. 𝟭𝟭. \~{} 𝗣𝗿𝗲𝘀𝗲𝗻𝘁}$
AI 기반 Git 협업 자동화 CLI 도구npm-icon github-icon
  • CLI 설계 및 구현: git diff 기반 커밋 메시지 자동 생성
  • 자동화 구조 설계: 사용자 정의 규칙 기반 확장성 확보
  • npm 패키지 배포: 실제 프로젝트 적용 및 활용



Extify (유지보수중) $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟰. 𝟭𝟭. \~{} 𝗣𝗿𝗲𝘀𝗲𝗻𝘁}$
Dart 기반 경량 유틸리티 확장 패키지dart-icon github-icon
  • 패키지 설계: 반복 유틸 로직 통합
  • 핵심 기능 구현: 한글 조사, 자모 분리, 문자열 변환
  • 패키지 배포 및 운영: pub.dev 오픈소스 공개



Handong Glocal Website (지원 중단) $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟱. 𝟬𝟯. \~{} 𝟮𝟬𝟮𝟱. 𝟬𝟲.}$
한동대학교 공식 글로컬 홈페이지 web-icon github-icon
  • 학교 공식 홈페이지 개발: 실제 운영 환경 배포 경험
  • 반응형 레이아웃 설계: 디바이스별 화면 대응
  • 다국어 지원: i18n 기반 언어 전환 구조 구현
  • 게시판 및 자료실 구현: AWS S3 기반 파일 업로드 처리




Foodrain (참여 종료) $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟰. 𝟬𝟵. \~{} 𝟮𝟬𝟮𝟰. 𝟭𝟮.}$
소상공인 통합 물류 고도화 웹 서비스 유지보수foodrain-icon
  • 사용자 웹 유지보수: 기능 추가 및 UI 개선
  • 관리자 웹 유지보수: 기능 추가 및 UI 개선



Fitween (지원 종료) $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟯. 𝟬𝟲. \~{} 𝟮𝟬𝟮𝟯. 𝟭𝟮.}$
AI 모션 인식과 게임 요소를 활용한 운동 동기부여 어플리케이션appstore-icon github-icon
  • 디자인 스프린트 수행: 제품 리스크 최소화
  • 모션 인식 기능 구현: TensorFlow MoveNet 기술 도입
  • UI 컴포넌트 개발: 패키지 부재에 따른 자체 구현



3D Renderer (개발 완료) $\text{\color{#f4ba61} 𝟮𝟬𝟮𝟰. 𝟬𝟱. \~{} 𝟮𝟬𝟮𝟰. 𝟬𝟱.}$
3차원 공간의 도형을 2차원 화면에 투영하는 방식을 Python으로 직접 구현해본 3D 렌더링 실험 프로젝트github-icon tistory-icon
  • 렌더링 엔진 구현: 3D → 2D 화면 변환 파이프라인 설계
  • 카메라 시스템 구현: 실시간 시점 제어 및 3차원 이동
  • 렌더링 구조 설계: 벡터 연산 기반 좌표 계산





$\large{\bf{\color{#f4ba61} 𝗔𝗰𝘁𝗶𝘃𝗶𝘁𝗶𝗲𝘀 }}$

PS

STATS

Pinned Loading

  1. I'm a night 🦉 I'm a night 🦉
    1
    🌞 Morning     3 commits  █▊░░░░░░░░░░░░░░░░░░░   8.6%
    2
    🌆 Daytime    12 commits  ███████▏░░░░░░░░░░░░░  34.3%
    3
    🌃 Evening    12 commits  ███████▏░░░░░░░░░░░░░  34.3%
    4
    🌙 Night       8 commits  ████▊░░░░░░░░░░░░░░░░  22.9%