Giter Club home page Giter Club logo

avantgarde95's Introduction

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

μž₯애인을 μœ„ν•œ μ±„μš© μ‚¬μ΄νŠΈ

νƒ€μž„λ±…ν¬μ½”λ¦¬μ•„λ₯Ό μœ„ν•˜μ—¬ κ°œλ°œν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Code

TypeScriptSCSSReactReduxMaterial UINext.jsAWS

About

ν”„λ‘ νŠΈμ—”λ“œ 개발자 2λͺ…, λ°±μ—”λ“œ 개발자 2λͺ…, λ””μžμ΄λ„ˆ 2λͺ…μœΌλ‘œ νŒ€μ„ 이루어 μ§„ν–‰ν•œ μ‚¬μ΄λ“œ ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€. νƒ€μž„λ±…ν¬μ½”λ¦¬μ•„μ—μ„œ μž₯애인듀과 νšŒμ‚¬λ“€μ„ μ—°κ²°ν•΄μ£ΌλŠ” ν”Œλž«νΌμ„ κ°œλ°œν•΄λ‹¬λΌλŠ” μ œμ•ˆμ„ ν•˜μ˜€κ³ , κ·Έ 취지가 μ’‹λ‹€κ³  μƒκ°ν•˜μ—¬ 재λŠ₯κΈ°λΆ€ μ„±κ²©μœΌλ‘œ ν”„λ‘œμ νŠΈλ₯Ό μ§„ν–‰ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

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

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

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

Technologies

Tmax SuperUX (2021.06 ~)

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

TypeScriptSCSSReactReact RouterMobXMaterial UIElectronWebpackJestStorybook

My role

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

Technologies
  • TypeScript
  • SCSS
  • React
  • MobX
  • React Router
  • i18next
    • For resource loading and internalization
  • axios
  • Webpack
  • MUI
  • Jest
  • Storybook
  • ESLint
  • StyleLint
  • Electron
    • For generating a desktop application

Tmax ToOffice (2021.03 ~ 2021.05)

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

C++WinAPI

My role

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

Technologies
  • C++
  • WinAPI

MeowPlayLive (2021.07 ~ 2021.11)

MeowPlayLive

고양이 방솑 μ‹œμ²­μžκ°€ 방솑 μ†μ˜ 고양이와 μƒν˜Έμž‘μš©ν•  수 있게 ν•΄μ£ΌλŠ” μ›Ή μΈν„°νŽ˜μ΄μŠ€

DIS 2022μ—μ„œ λ°œν‘œλœ λ…Όλ¬Έ MeowPlayLive: Enhancing Animal Live Streaming Experience Through Voice Message-Based Real-Time Viewer-Animal Interaction을 μœ„ν•˜μ—¬ μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Code

TypeScriptJavaScriptReactEmotionMaterial UISocket.ioNode.js

About

두 λͺ…μ΄μ„œ μ§„ν–‰ν•œ ν”„λ‘œμ νŠΈμ΄λ©° (저와 1μ €μž), μœ„ 논문에 싀을 μ‹€ν—˜μ„ μœ„ν•˜μ—¬ μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€. μ•„λž˜μ™€ 같은 κΈ°λŠ₯듀을 μ œκ³΅ν•©λ‹ˆλ‹€.

  • 고양이λ₯Ό μœ„ν•œ μΈν„°νŽ˜μ΄μŠ€
    • 고양이λ₯Ό μœ„ν•œ ν„°μΉ˜ κ²Œμž„ (λ¬Όκ³ κΈ°, μ₯ 등을 λˆ„λ₯΄λ©΄ μ‹œμ²­μžκ°€ λ…ΉμŒν•œ 것이 μž¬μƒλ¨)
  • μ‹œμ²­μžλ₯Ό μœ„ν•œ μΈν„°νŽ˜μ΄μŠ€
    • κ²Œμž„μ˜ 진행 상황을 μ‹€μ‹œκ°„μœΌλ‘œ λ³΄λŠ” κΈ°λŠ₯
    • μžμ‹ μ˜ μŒμ„±μ„ λ…ΉμŒν•˜κ³  포인트λ₯Ό μ¨μ„œ κ³ μ–‘μ΄μ—κ²Œ λ³΄λ‚΄λŠ” κΈ°λŠ₯
    • μ‚¬μš©ν•œ ν¬μΈνŠΈμ— λ”°λ₯Έ λž­ν‚Ή
    • μœ νŠœλΈŒμ™€ μœ μ‚¬ν•œ UI의 μ±„νŒ… κΈ°λŠ₯
My role

λ…ΉμŒν•˜κ³  보내기 κΈ°λŠ₯, μ±„νŒ… κΈ°λŠ₯, λž­ν‚Ή κΈ°λŠ₯을 κ΅¬ν˜„ν•˜μ˜€μŠ΅λ‹ˆλ‹€. λ˜ν•œ νŒ€μ›μ΄ P5.js둜 κ΅¬ν˜„ν•œ UI듀을 React에 λΆ€μ°©ν•˜λŠ” μž‘μ—…μ„ ν•˜μ˜€μŠ΅λ‹ˆλ‹€. μ„œλ²„ 및 DBλ₯Ό νŒ€μ›κ³Ό 같이 κ°œλ°œν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Technologies
  • TypeScript
  • React
  • Emotion
  • MUI
  • Node.js
  • Express
  • Socket.io
    • Enables server to notify the clients
    • Necessary for implementing chat, etc.
  • NeDB
  • Webpack
  • p5.js

MeshChain (2020.01 ~ 2021.01)

MeshChain

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

CGI 2021μ—μ„œ λ°œν‘œλœ λ…Όλ¬Έ MeshChain: Secure 3D model and intellectual property management powered by blockchain technologyλ₯Ό μœ„ν•˜μ—¬ μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Code

KotlinJavaScriptPythonEthereumSolidityOpenGL

Technologies
  • Kotlin
  • Swing
    • GUI framework
  • JOGL (OpenGL)
    • For 3D rendering
  • Web3
  • Ethereum (Geth)
  • Solidity
  • Swarm
    • For storing large data
  • Blender
  • JavaScript

C3DMB (2018.12 ~ 2020.04)

C3DMB

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

λ…Όλ¬Έ Collaborative 3D modeling system based on blockchain을 μœ„ν•˜μ—¬ μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Code

KotlinPythonOpenGL

Technologies
  • Kotlin
  • Swing
  • JOGL (OpenGL)
  • Blender

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

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.

avantgarde95's People

Contributors

avantgarde95 avatar

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.