See English version at here!
| Technology | About |
|---|---|
 |
필요한 UI들을 구현할 수 있습니다. 여러 사람이 사용하는 공통 컴포넌트 구현 경험이 있습니다. Hook들과 외부 상태 관리 도구들을 적절히 사용하여 컴포넌트들을 관리할 수 있습니다.    |
 |
최신, 그리고 이전 문법에 모두 익숙합니다. DOM API 및 그밖의 브라우저 API들을 사용할 수 있습니다. |
 |
웹 관련 개발 시에 적극적으로 사용하고 있습니다. Union, intersection, generics 등을 이용하여 확장성 있고 안전한 인터페이스를 설계할 수 있습니다. |
 |
필요한 레이아웃과 효과들을 만들어 낼 수 있습니다. 애니메이션 사용에도 익숙합니다. CSS modules, SCSS, CSS-in-JS 등을 활용하여 효율적으로 스타일을 작성하는 것을 선호합니다.  |
 |
원하는 개발 & 빌드 환경을 세팅할 수 있습니다. 어플리케이션 뿐만 아니라 라이브러리 세팅 경험도 있습니다. |
 |
윈도우, 리눅스 등 다양한 환경을 타겟으로 개발하고 빌드할 수 있습니다. 함수 오버로딩, 템플릿 등을 활용하여 코드 중복을 최소화하는 것을 선호합니다. |
장애인과 기업들을 연결하는 채용 사이트
타임뱅크코리아의 제안으로 시작하게 된 재능기부성 프로젝트입니다. 프론트엔드 개발자 2명, 백엔드 개발자 2명, 디자이너 2명이 모여 진행하였습니다.
서비스는 현재 아래와 같은 기능들을 제공하고 있습니다. 기관과 QA를 진행하고 추가 기능을 기획 & 개발하는 중입니다.
- 구직자로 로그인
- 이력서 편집
- 회사들 정보 보기
- 회사로 로그인
- 회사 정보 편집
- 채용 정보 편집
- 구직자 목록 보기
- 공통 기능
- 미디어 뉴스
- 고객센터
My role
로그인 & 회원가입 페이지를 구현하였으며, 이력서 & 회사 정보 편집, 구직자 & 회사 정보 열람 등 상세 페이지들 개발을 맡았습니다. 또한 랜딩 페이지 일부분에 참여하였습니다.
No-code 앱 개발 프로그램
오피스와 유사한 사용자 경험으로 앱을 개발하기 위한 데스크톱 어플리케이션입니다.
My role
개발 & 빌드 & 테스트 환경 세팅 및 관리를 전담하였습니다. 프로젝트에서 사용하는 기본 클래스들 및 공통 컴포넌트들의 개발을 주로 맡았습니다. 사용자가 view들을 합성하여 새로운 view를 만드는 기능을 개발하였습니다. 이 프로젝트 및 다른 프로젝트에서 사용하는 공통 라이브러리(내부용 npm 패키지)의 개발도 맡았습니다.
고양이 방송 시청자와 고양이가 상호작용하는 웹 인터페이스
DIS 2022에서 발표된 논문 MeowPlayLive: Enhancing Animal Live Streaming Experience Through Voice Message-Based Real-Time Viewer-Animal Interaction을 위하여 제작하였습니다.
두 명이서 진행한 프로젝트이며 (저와 1저자), 위 논문에 실을 실험을 위하여 제작하였습니다. 아래와 같은 기능들을 제공합니다.
- 고양이를 위한 인터페이스
- 고양이를 위한 터치 게임
- 시청자를 위한 인터페이스
- 터치 게임 실시간 보기
- 자신의 음성을 녹음하고 포인트를 소비하여 고양이에게 보내기
- 사용한 포인트에 따른 랭킹
- 시청자들 간의 채팅 기능
My role
녹음하고 보내기 기능, 채팅 기능, 랭킹 기능을 구현하였습니다. 또한 팀원이 P5.js로 구현한 UI들을 React에 부착하는 작업을 하였습니다. 서버 및 DB를 팀원과 같이 개발하였습니다.
React로 구현한 React 튜토리얼
회사에서 웹 기반 제품을 개발할 때 웹을 처음 접했던 팀원들을 위하여 제작하였습니다. 제품 개발에 쓰인 기술 스택들에 대한 기본적인 내용을 담고 있습니다. 각 아티클에, 설명들 뿐만 아니라 CodeSandbox를 embed하여 만든 라이브 데모들도 존재합니다.
탈중앙화 기술 기반의 3D 모델 및 지적 재산권 관리 시스템
CGI 2021에서 발표된 논문 MeshChain: Secure 3D model and intellectual property management powered by blockchain technology를 위하여 제작하였습니다. 1인 제작이며, 아래와 같은 기능들을 제공합니다.
- 모델링 도구(Blender)에서 3D 모델 불러오기
- 3D 모델 수정 내역을 탈중앙화 네트워크에 저장 ('Commit')
- 수정 내역으로부터 3D 모델을 불러와서 모델링 도구에 반영 ('Checkout')
- 네트워크 상의 수정 내역들을 GUI 상에 보여주기
- Commit 시마다 저자에게 자동으로 인센티브 계산하여 지급
- 저장된 3D 모델과 외부 3D 모델의 유사도 계산
lets-style
직접 구현해본 CSS-in-JS 라이브러리
Emotion, styled-components 등의 CSS-in-JS 라이브러리들을 사용하면서, 비슷한 라이브러리를 직접 구현해보며 해당 방식에 대해 깊이 이해하고자 만들었습니다. 해당 라이브러리들과 유사한 API를 제공하고, 같은 원리로 작동합니다.
mypage
개인 홈페이지
React를 공부하기 위해 제작하였습니다. 가상의 스마트폰이라는 컨셉을 가지고 있습니다. Webpack, React, Emotion 등의 사용, 그리드, 리스트 등의 레이아웃 구현, 모바일 대응 등의 경험을 쌓았습니다.
C3DMB
블록체인 기반 3D 모델링 협업 시스템
논문 Collaborative 3D modeling system based on blockchain을 위하여 제작하였습니다. 아래와 같은 기능들을 제공합니다.
- PoW 방식의 간단한 블록체인
- 블록체인의 상태를 GUI 상에 보여주기
- 모델링 도구(Blender)에서 3D 모델을 읽어서 블록체인 네트워크에 올리기
- 블록체인에서 3D 모델을 다운받아 모델링 도구에 반영하기
Tmax ToOffice
윈도우 및 TmaxOS 환경을 위한 오피스 프로그램
제품에 체험판 기능을 개발하여 넣었습니다. 편집기 부분의 라이브러리화 작업에 참여하였으며, 그에 필요한 UI 수정, 통신 기능 부여 및 데이터 처리를 맡았습니다. 해당 라이브러리의 개발 문서를 작성하였습니다.
TmaxOffice 연구원 (2021.03 ~)
데스크톱 오피스 제품 ToOffice의 유지보수 및 기능 추가에 참여하였으며, no-code 앱 개발 플랫폼 SuperUX의 개발에 참여하였습니다.
KAIST 전산학부 석사 (2018 ~ 2021)
KAIST 전산학부 및 수리과학과 학사 (복수전공) (2013 ~ 2018)
Hunmin Park and Sung-Eui Yoon
Abstract
We propose a collaborative 3D modeling system, which is based on the blockchain technology. Our approach uses the blockchain to communicate with modeling tools and to provide them a decentralized database of the mesh modification history. This approach also provides a server-less version control system: users can commit their modifications to the blockchain and checkout others' modifications from the blockchain. As a result, our system enables users to do collaborative modeling without any central server.
- Homepage
- Code
- Presented at: Pacific Graphics, 2019 (Poster)
Hunmin Park, Yuchi Huo and Sung-Eui Yoon
Abstract
The intellectual value of digitized 3D properties in scientific, artistic, historical, and entertaining domains is increasing. However, there has been less attention on designing an immutable, secure database for their management. We propose a secure 3D property management platform powered by blockchain and decentralized storage. The platform connects various 3D modeling tools to a decentralized network-based database constructed on blockchain and decentralized storage technologies and provides the commit and checkout of the 3D model to that network. This structure provides 3D data protection from damages and attacks, intellectual property (IP) management, and data source authentication. We analyze its performance and show its applications to cooperative 3D modeling and IP management.
- Code
- Presented at: CGI (Computer Graphics International) 2021
- Published at: Springer LNCS (Lecture Notes in Computer Science)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent