GithubHelp home page GithubHelp logo

See English version at here!

πŸ–₯️ μ£Όμš” 기술

Technology About
React ν•„μš”ν•œ UI듀을 κ΅¬ν˜„ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ—¬λŸ¬ μ‚¬λžŒμ΄ μ‚¬μš©ν•˜λŠ” 곡톡 μ»΄ν¬λ„ŒνŠΈ κ΅¬ν˜„ κ²½ν—˜μ΄ μžˆμŠ΅λ‹ˆλ‹€. Hookλ“€κ³Ό μ™ΈλΆ€ μƒνƒœ 관리 도ꡬ듀을 적절히 μ‚¬μš©ν•˜μ—¬ μ»΄ν¬λ„ŒνŠΈλ“€μ„ 관리할 수 μžˆμŠ΅λ‹ˆλ‹€.

ReduxMobXMaterial UINext.js
JavaScript μ΅œμ‹ , 그리고 이전 문법에 λͺ¨λ‘ μ΅μˆ™ν•©λ‹ˆλ‹€. DOM API 및 κ·Έλ°–μ˜ λΈŒλΌμš°μ € API듀을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
TypeScript μ›Ή κ΄€λ ¨ 개발 μ‹œμ— 적극적으둜 μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. Union, intersection, generics 등을 μ΄μš©ν•˜μ—¬ ν™•μž₯μ„± 있고 μ•ˆμ „ν•œ μΈν„°νŽ˜μ΄μŠ€λ₯Ό 섀계할 수 μžˆμŠ΅λ‹ˆλ‹€.
CSS ν•„μš”ν•œ λ ˆμ΄μ•„μ›ƒκ³Ό νš¨κ³Όλ“€μ„ λ§Œλ“€μ–΄ λ‚Ό 수 μžˆμŠ΅λ‹ˆλ‹€. μ• λ‹ˆλ©”μ΄μ…˜ μ‚¬μš©μ—λ„ μ΅μˆ™ν•©λ‹ˆλ‹€. CSS modules, SCSS, CSS-in-JS 등을 ν™œμš©ν•˜μ—¬ 효율적으둜 μŠ€νƒ€μΌμ„ μž‘μ„±ν•˜λŠ” 것을 μ„ ν˜Έν•©λ‹ˆλ‹€.

SCSSEmotion
Webpack μ›ν•˜λŠ” 개발 & λΉŒλ“œ ν™˜κ²½μ„ μ„ΈνŒ…ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜ 뿐만 μ•„λ‹ˆλΌ 라이브러리 μ„ΈνŒ… κ²½ν—˜λ„ μžˆμŠ΅λ‹ˆλ‹€.
C++ μœˆλ„μš°, λ¦¬λˆ…μŠ€ λ“± λ‹€μ–‘ν•œ ν™˜κ²½μ„ νƒ€κ²ŸμœΌλ‘œ κ°œλ°œν•˜κ³  λΉŒλ“œν•  수 μžˆμŠ΅λ‹ˆλ‹€. ν•¨μˆ˜ μ˜€λ²„λ‘œλ”©, ν…œν”Œλ¦Ώ 등을 ν™œμš©ν•˜μ—¬ μ½”λ“œ 쀑볡을 μ΅œμ†Œν™”ν•˜λŠ” 것을 μ„ ν˜Έν•©λ‹ˆλ‹€.

OpenGL

🎨 μ£Όμš” ν”„λ‘œμ νŠΈ

SeeMe (2022.01 ~ 2022.06)

μž₯애인과 기업듀을 μ—°κ²°ν•˜λŠ” μ±„μš© μ‚¬μ΄νŠΈ

SeeMe

νƒ€μž„λ±…ν¬μ½”λ¦¬μ•„μ˜ μ œμ•ˆμœΌλ‘œ μ‹œμž‘ν•˜κ²Œ 된 재λŠ₯κΈ°λΆ€μ„± ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€. ν”„λ‘ νŠΈμ—”λ“œ 개발자 2λͺ…, λ°±μ—”λ“œ 개발자 2λͺ…, λ””μžμ΄λ„ˆ 2λͺ…이 λͺ¨μ—¬ μ§„ν–‰ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

μ„œλΉ„μŠ€λŠ” ν˜„μž¬ μ•„λž˜μ™€ 같은 κΈ°λŠ₯듀을 μ œκ³΅ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. κΈ°κ΄€κ³Ό QAλ₯Ό μ§„ν–‰ν•˜κ³  μΆ”κ°€ κΈ°λŠ₯을 기획 & κ°œλ°œν•˜λŠ” μ€‘μž…λ‹ˆλ‹€.

  • ꡬ직자둜 둜그인
    • 이λ ₯μ„œ νŽΈμ§‘
    • νšŒμ‚¬λ“€ 정보 보기
  • νšŒμ‚¬λ‘œ 둜그인
    • νšŒμ‚¬ 정보 νŽΈμ§‘
    • μ±„μš© 정보 νŽΈμ§‘
    • ꡬ직자 λͺ©λ‘ 보기
  • 곡톡 κΈ°λŠ₯
    • λ―Έλ””μ–΄ λ‰΄μŠ€
    • 고객센터
My role

둜그인 & νšŒμ›κ°€μž… νŽ˜μ΄μ§€λ₯Ό κ΅¬ν˜„ν•˜μ˜€μœΌλ©°, 이λ ₯μ„œ & νšŒμ‚¬ 정보 νŽΈμ§‘, ꡬ직자 & νšŒμ‚¬ 정보 μ—΄λžŒ λ“± 상세 νŽ˜μ΄μ§€λ“€ κ°œλ°œμ„ λ§‘μ•˜μŠ΅λ‹ˆλ‹€. λ˜ν•œ λžœλ”© νŽ˜μ΄μ§€ 일뢀뢄에 μ°Έμ—¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Run Code

TypeScriptSCSSReactReduxNext.jsAWS


Tmax SuperUX (2021.06 ~)

No-code μ•± 개발 ν”„λ‘œκ·Έλž¨

Under construction

μ˜€ν”ΌμŠ€μ™€ μœ μ‚¬ν•œ μ‚¬μš©μž κ²½ν—˜μœΌλ‘œ 앱을 κ°œλ°œν•˜κΈ° μœ„ν•œ λ°μŠ€ν¬ν†± μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μž…λ‹ˆλ‹€.

My role

개발 & λΉŒλ“œ & ν…ŒμŠ€νŠΈ ν™˜κ²½ μ„ΈνŒ… 및 관리λ₯Ό μ „λ‹΄ν•˜μ˜€μŠ΅λ‹ˆλ‹€. ν”„λ‘œμ νŠΈμ—μ„œ μ‚¬μš©ν•˜λŠ” κΈ°λ³Έ ν΄λž˜μŠ€λ“€ 및 곡톡 μ»΄ν¬λ„ŒνŠΈλ“€μ˜ κ°œλ°œμ„ 주둜 λ§‘μ•˜μŠ΅λ‹ˆλ‹€. μ‚¬μš©μžκ°€ view듀을 ν•©μ„±ν•˜μ—¬ μƒˆλ‘œμš΄ viewλ₯Ό λ§Œλ“œλŠ” κΈ°λŠ₯을 κ°œλ°œν•˜μ˜€μŠ΅λ‹ˆλ‹€. 이 ν”„λ‘œμ νŠΈ 및 λ‹€λ₯Έ ν”„λ‘œμ νŠΈμ—μ„œ μ‚¬μš©ν•˜λŠ” 곡톡 라이브러리(λ‚΄λΆ€μš© npm νŒ¨ν‚€μ§€)의 κ°œλ°œλ„ λ§‘μ•˜μŠ΅λ‹ˆλ‹€.

TypeScriptSCSSReactMobXElectronWebpackJestStorybook


MeowPlayLive (2021.07 ~ 2021.11)

고양이 방솑 μ‹œμ²­μžμ™€ 고양이가 μƒν˜Έμž‘μš©ν•˜λŠ” μ›Ή μΈν„°νŽ˜μ΄μŠ€

MeowPlayLive

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λ₯Ό νŒ€μ›κ³Ό 같이 κ°œλ°œν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Code

TypeScriptJavaScriptReactEmotionSocket.ioNode.js


lets-react (2021.06)

React둜 κ΅¬ν˜„ν•œ React νŠœν† λ¦¬μ–Ό

lets-react

νšŒμ‚¬μ—μ„œ μ›Ή 기반 μ œν’ˆμ„ κ°œλ°œν•  λ•Œ 웹을 처음 μ ‘ν–ˆλ˜ νŒ€μ›λ“€μ„ μœ„ν•˜μ—¬ μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€. μ œν’ˆ κ°œλ°œμ— 쓰인 기술 μŠ€νƒλ“€μ— λŒ€ν•œ 기본적인 λ‚΄μš©μ„ λ‹΄κ³  μžˆμŠ΅λ‹ˆλ‹€. 각 아티클에, μ„€λͺ…λ“€ 뿐만 μ•„λ‹ˆλΌ CodeSandboxλ₯Ό embedν•˜μ—¬ λ§Œλ“  라이브 데λͺ¨λ“€λ„ μ‘΄μž¬ν•©λ‹ˆλ‹€.

Run Code

TypeScriptReactSCSSWebpack

MeshChain (2020.01 ~ 2021.01)

νƒˆμ€‘μ•™ν™” 기술 기반의 3D λͺ¨λΈ 및 지적 μž¬μ‚°κΆŒ 관리 μ‹œμŠ€ν…œ

MeshChain

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 λͺ¨λΈμ˜ μœ μ‚¬λ„ 계산

Code

KotlinJavaScriptPythonEthereumSolidityOpenGL

πŸ“˜ 기타 ν”„λ‘œμ νŠΈλ“€

lets-style

직접 κ΅¬ν˜„ν•΄λ³Έ CSS-in-JS 라이브러리

lets-style

Emotion, styled-components λ“±μ˜ CSS-in-JS λΌμ΄λΈŒλŸ¬λ¦¬λ“€μ„ μ‚¬μš©ν•˜λ©΄μ„œ, λΉ„μŠ·ν•œ 라이브러리λ₯Ό 직접 κ΅¬ν˜„ν•΄λ³΄λ©° ν•΄λ‹Ή 방식에 λŒ€ν•΄ 깊이 μ΄ν•΄ν•˜κ³ μž λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€. ν•΄λ‹Ή λΌμ΄λΈŒλŸ¬λ¦¬λ“€κ³Ό μœ μ‚¬ν•œ APIλ₯Ό μ œκ³΅ν•˜κ³ , 같은 μ›λ¦¬λ‘œ μž‘λ™ν•©λ‹ˆλ‹€.

Run Code

TypeScriptReactCSS

mypage

개인 ν™ˆνŽ˜μ΄μ§€

mypage

Reactλ₯Ό κ³΅λΆ€ν•˜κΈ° μœ„ν•΄ μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€. κ°€μƒμ˜ μŠ€λ§ˆνŠΈν°μ΄λΌλŠ” 컨셉을 가지고 μžˆμŠ΅λ‹ˆλ‹€. Webpack, React, Emotion λ“±μ˜ μ‚¬μš©, κ·Έλ¦¬λ“œ, 리슀트 λ“±μ˜ λ ˆμ΄μ•„μ›ƒ κ΅¬ν˜„, λͺ¨λ°”일 λŒ€μ‘ λ“±μ˜ κ²½ν—˜μ„ μŒ“μ•˜μŠ΅λ‹ˆλ‹€.

Run Code

TypeScriptReactEmotionWebpack

C3DMB

블둝체인 기반 3D λͺ¨λΈλ§ ν˜‘μ—… μ‹œμŠ€ν…œ

C3DMB

λ…Όλ¬Έ Collaborative 3D modeling system based on blockchain을 μœ„ν•˜μ—¬ μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€. μ•„λž˜μ™€ 같은 κΈ°λŠ₯듀을 μ œκ³΅ν•©λ‹ˆλ‹€.

  • PoW λ°©μ‹μ˜ κ°„λ‹¨ν•œ 블둝체인
  • λΈ”λ‘μ²΄μΈμ˜ μƒνƒœλ₯Ό GUI 상에 보여주기
  • λͺ¨λΈλ§ 도ꡬ(Blender)μ—μ„œ 3D λͺ¨λΈμ„ μ½μ–΄μ„œ 블둝체인 λ„€νŠΈμ›Œν¬μ— 올리기
  • λΈ”λ‘μ²΄μΈμ—μ„œ 3D λͺ¨λΈμ„ λ‹€μš΄λ°›μ•„ λͺ¨λΈλ§ 도ꡬ에 λ°˜μ˜ν•˜κΈ°

Code

KotlinPythonOpenGL

Tmax ToOffice

μœˆλ„μš° 및 TmaxOS ν™˜κ²½μ„ μœ„ν•œ μ˜€ν”ΌμŠ€ ν”„λ‘œκ·Έλž¨

ToOffice

μ œν’ˆμ— μ²΄ν—˜νŒ κΈ°λŠ₯을 κ°œλ°œν•˜μ—¬ λ„£μ—ˆμŠ΅λ‹ˆλ‹€. νŽΈμ§‘κΈ° λΆ€λΆ„μ˜ λΌμ΄λΈŒλŸ¬λ¦¬ν™” μž‘μ—…μ— μ°Έμ—¬ν•˜μ˜€μœΌλ©°, 그에 ν•„μš”ν•œ UI μˆ˜μ •, 톡신 κΈ°λŠ₯ λΆ€μ—¬ 및 데이터 처리λ₯Ό λ§‘μ•˜μŠ΅λ‹ˆλ‹€. ν•΄λ‹Ή 라이브러리의 개발 λ¬Έμ„œλ₯Ό μž‘μ„±ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

C++WinAPI

πŸ§‘β€πŸ’Ό κ²½λ ₯

TmaxOffice 연ꡬ원 (2021.03 ~)

λ°μŠ€ν¬ν†± μ˜€ν”ΌμŠ€ μ œν’ˆ ToOffice의 μœ μ§€λ³΄μˆ˜ 및 κΈ°λŠ₯ 좔가에 μ°Έμ—¬ν•˜μ˜€μœΌλ©°, no-code μ•± 개발 ν”Œλž«νΌ SuperUX의 κ°œλ°œμ— μ°Έμ—¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

🏫 ν•™λ ₯

KAIST μ „μ‚°ν•™λΆ€ 석사 (2018 ~ 2021)

KAIST μ „μ‚°ν•™λΆ€ 및 μˆ˜λ¦¬κ³Όν•™κ³Ό 학사 (λ³΅μˆ˜μ „κ³΅) (2013 ~ 2018)

πŸ“– 연ꡬ

Collaborative 3D modeling system based on blockchain

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.

MeshChain: Secure 3D model and intellectual property management powered by blockchain technology

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.

Hunmin Park's Projects

archipi icon archipi

Simulation of Archimedes' polygonal algorithm

archipi-web icon archipi-web

Archimedes' method for approximating Ο€. Created for celebrating Ο€ day! (2019.03.14)

c3dmb icon c3dmb

Code for 'Collaborative 3D modeling system based on blockchain'

cglab icon cglab

KAIST CS580 Computer graphics projects

deform2d icon deform2d

Fork of Deform2D for studying 2D deformation

extractmailfiles icon extractmailfiles

Python script for extracting the attachments from .zip of email(.eml) files.

gauss icon gauss

Implementation of Gaussian elimination in Pthread / OpenMP

hq9 icon hq9

Simple implementation of HQ9+ in python

image2term-web icon image2term-web

Web version of Image2Term (https://github.com/Avantgarde95/Image2Term)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.