지식을  능가하는  상상력  

Projects with Hackathon's Prize 🏆
LLM Jailbreak NFT Game (🥇 1st 수상작)
Web3 / AI / LLM Jailbreak / ETH Seoul 2024 Hackathon / 10,000$ / NFT Data Market / Account Abstraction

LLM Jailbreak NFT Game (🥇 1st 수상작)

2024.03.28 ~ 2023.04.10 (ETH Seoul 2024 Hackathon)
  • LLM Jailbreak Prompt 데이터를 NFT 형태로 사고팔 수 있는 게임
  • LLM Bug Bounty Crowdsourcing Platform
  • Team Leader로서 아이디어를 기획하고 전반적인 부분을 개발함
  • 현재 Unity 개발자와 Steam, Meta Quest 게임으로 고도화 중
    • Visit Project
    NFT Collection Poker Game KlayOne (🥈 2nd 수상작)
    Web3 / Klaytn / KIP-17 / Klaymakers 2023 Global Virtual Hackathon / 10,000$ / Web Socket

    NFT Collection Poker Game KlayOne (🥈 2nd 수상작)

    2023.11.20 ~ 2023.12.01 (Klaymakers 2023 Global Virtual Hackathon)
  • Klaytn의 NFT Collection을 활용하여 NFT Poker 카드를 생성하고 해당 카드로 게임을 할 수 있는 플랫폼
  • 토큰과 코인을 각 게임방 Smart Contract에 걸고 게임을 진행
  • Backend, Web socket, frontend을 전담하고 기획, 디자인을 주도 함
  • Discord UI/UX를 응용해서 사용자들이 빠르고 쉽게 NFT poker 게임을 즐길 수 있게 구현
  • 사람들이 소유하고 있는 NFT Collection을 다양한 카드 게임으로 즐길 수 있도록 개발 중
    • Visit Project
    DNFT Stamp Board Ticket Platform (🥇 대상 수상작)
    Web3 / Polygon / erc1155 / GBIC 2023 Hackathon / Responsive / 6,000,000￦ ROA CORE

    DNFT Stamp Board Ticket Platform (🥇 대상 수상작)

    2023.10.30 ~ 2023.10.31 (GBIC 2023 해커톤)
  • 블록체인 기술을 활용하여 인천시의 다양한 문화를 보다 즐겁게 누릴 수 있는 NFT 스탬프 아이디어
  • erc1155를 아이디어에 맞춰 제작, IPFS 일부 GET,POST API, 프론트를 전담함
  • 대납 서비스와 웹에서 온체인 데이터를 읽어 보다 직관적인 ui로 보여줘서 사용자들이 기존 web2 처럼 편하게 사용할 수 있도록 구성
  • 사용자가 쉽고 빠르게 자신만의 stamp 티켓을 여러개 구성 및 관리 할 수 있도록 제작
  • 멀티 지갑 연결로 누구나 쉽게 접속 가능하게 구현
    • Visit Project
    DNFT Components in Near BOS (🥈 2nd 수상작)
    Web3 / Near BOS Collegium Contest / Solo Project / 540 Near

    DNFT Components in Near BOS (🥈 2nd 수상작)

    2023.09.14 ~ 2023.09.21 (2023 BOS Collegium Contest)
  • Near BOS 생태계에서 DNFT를 만들 수 있는 Component 제작
  • Coin price, Weather, Near Social 데이터에 따라 변화되는 DNFT 제작 가능
  • 만든 DNFT를 확인할 수 있는 Component 제작
  • 오프 체인(Weather, Coin Price), 온체인(Near Social) 데이터에 따라 NFT가 다르게 보여짐
    • Visit Project
    Web3 Projects (Total: 5)
    Helix Protocol - Onestop DEFI Gateway of XRPL
    Web3 / Hackathon / Ripple Sidechain / Bridge

    Helix Protocol - Onestop DEFI Gateway of XRPL

    2023.12.02 ~ 2023.12.11
  • XRPL NEW HORIZON Hackathon 출품작
  • Ripple의 XRP EVM SideChain을 이용해서 Web3 프로젝트를 펀딩할 수 있는 플랫폼
  • metamask(Ethereum Chain)와 GemWallet(Ripple Chain)간 Bridge 기능
  • wallet connect와 ethersJS를 통한 체인 고정 및 통신 구축
    • Visit
    Youtuber STO POC Platform
    Responsive / STO / Web3

    Youtuber STO POC Platform

    2023.09.29 ~ present
  • 연세대 블록체인 학회 프로젝트
  • 프론트 기획, 디자인, 빌딩 전담
  • 네이버 D2SF 투자 심의 서류합격, Hashed의 피칭
  • Hyperledger Fabric과 연계
  • 다자간 상대매매를 위한 호가창 및 주식 그래프 component 구현
  • 페이퍼, 디자인, 백엔드 팀과 소통하면서 poc를 위한 아이디어 구체화 중
    • Visit
    Contract NFT Market
    Web3 / Full Stack / Responsive / Solo

    Contract NFT Market

    2023.06.26 ~ present
  • 높은 확장성을 가진 Smart Contract 기반 Escrow를 기반으로 contract NFT를 생성하고 사고 팔 수 있는 플랫폼, 시간 변화로 인해 상태가 달라지는 DNFT를 발행하고 거래할 수 있는 웹 개발 중
  • 현재 Solidity로 Smart Contract 구성중
  • SWR으로 long polling 방식의 chat 시스템을 구축
  • useForm(Minimize re-rendering), TanStack Query(useMutation, useQuery)등을 사용해 웹페이지 최적화를 진행
    • Visit
    Dynamic NFT market with Chainlink & Polygon
    Web3 / Project Leader

    Dynamic NFT market with Chainlink & Polygon

    2023.03.29 ~ 2023.04.24
  • 실제 NFT에 저장된 지역 정보에 따라 실제 날씨, 시간 변화로 인해 상태가 달라지는 DNFT를 발행하고 거래할 수 있는 웹 개발
  • ChainLink의 Automation 기능을 활용해 NFT의 상태를 현실세계와 연동
  • Wagmi를 통해 NFT 발행 및 배포 확인 (polygonScan
  • Opeasea), 판매, 구매 구현
  • 팀장으로서 역할 분배 및 일정 조율, github 설정 (branch/commit 조건 설정)
  • 프론트 파트 전담
    • Visit
    Clone OpenSea with Ethereum
    Web3 / Project Leader

    Clone OpenSea with Ethereum

    2023.03.06 ~ 2023.03.13
  • solidity로 nft 발행 Smart Contract 작성 및 hardHat 로컬 노드로 테스트
  • Web3-react를 통해 metamask와 로그인 연동
  • 로그인 조건부 설정(네트워크 제한, 메타마스크 네트워크 변경 감지)
  • NFT 발행 페이지 제작 및 IPFS 연동
  • ether.js를 통한 NFT 발행 with Metamask 및 확인(EtherScan)
  • 팀장으로서 역할 분배 및 일정 조율, github 설정(Issues, Projects 기능 활용)
    • Visit
    NextJS Project (Total: 6)
    AI Binance Cast (Blockchain & LLM SNS Platform)
    Responsive / Real Service Deployment / AI Profile Generation Platform

    AI Binance Cast (Blockchain & LLM SNS Platform)

    2024.01.16 ~ 2024.02.04
  • AI와 블록체인 기술을 결합한 SNS Platform
  • Depin 을 활용한 데이터 주관 및 가치 보장
  • BNB Greenfield
  • 실시간으로 데이터를 학습하는 LLM 개발 및 도입
    • Visit
    반려동물 Christmas Edition AI Profile 생성 플랫폼
    Responsive / Real Service Deployment / AI Profile Generation Platform

    반려동물 Christmas Edition AI Profile 생성 플랫폼

    2023.12.12 ~ 2023.12.23
  • 도메인 구매, 사업자 등록 완료 후 서비스 배포
  • 카카오 로그인 및 공유 기능
  • 약 130여명의 유저 확보
  • 추후 다양한 굿즈 제작이 가능하도록 기능 확장 및 마케팅 보강 예정
    • Visit
    Catchit Application Marketing / Managing Page
    Responsive

    Catchit Application Marketing / Managing Page

    2023.12.30 ~ present
  • 스타트업 Univer 에서 상반기에 출시할 앱의 마케팅 페이지 제작 중
  • 앱 개발사와 협력하여 광고를 신청한 점주들이 자신의 아이템을 커스터마이징하고 성과 기록을 확인할 수 있는 기능 제작 중
  • 스타트업 주식회사 유니버에서 Full Stack 개발자로 근무 중
    • Visit
    Portfolio Web App
    Responsive / DarkMode

    Portfolio Web App

    2023.08.10 ~ 2023.08.17
  • TailwindCSS 적용
  • react-particles, react-type-animation 적용
  • framer-motion을 활용한 다양한 Animation 구현
  • adobeExpress를 활용한 디자인
    • Visit
    Blog Marketing Page
    Responsive / MDX

    Blog Marketing Page

    2023.09.29 ~ 2023.10.10
  • MDX 와 Content Layer을 사용해서 웹페이지 구현 (속도 및 SEO 최적화)
  • Supabase를 통한 Postgres database 적용
  • NextUI 와 Tailwindcss, css를 활용한 디자인 구현
  • Motion Framer UI 응용
    • Visit
    Advanced Todo Web App
    Responsive / GPT 3.5

    Advanced Todo Web App

    2023.09.08 ~ 2023.09.16
  • react-beautiful-dnd 적용
  • GPT 3.5 create context 적용
  • appwrite을 활용한 Backend DB 구축
  • headlessui를 활용한 디자인 구현
  • Zustand를 활용한 state 관리
    • Visit
    Blog using NextJS
    Responsive / DarkMode

    Blog using NextJS

    2023.06.16 ~ 2023.06.17
  • NextJS 학습 후 Blog 페이지 구현
  • Javascript와 Typescript 두가지 버전으로 제작
  • localStorage를 통한 DarkMode 구현
  • NextJS 12(Page) 버전으로 제작 후 NextJS 13(App)로 Migration
  • Github utterances로 댓글 기능 구현
    • Visit
    Vanilla JS & React Project (Total: 7)
    Clone Starbucks HomePage / LoginPage
    Vanilla JavaScript / CSS

    Clone Starbucks HomePage / LoginPage

    2023.05.01 ~ 2023.05.10
  • CSS와 Javascript를 사용해서 동적상호작용이 가능한 animation 구현
  • SWIPER, Lodash, GSAP, YOUTUBE VIDEO, ScrollMagic, ScrollToPlugin 적용
  • 스크롤 위치 계산, 3D animation, 고정 이미지 배경 구현
    • Visit
    CoinSelector Page
    Vanilla CSS / Responsive

    CoinSelector Page

    2023.05.11 ~ 2023.05.11
  • CSS의 gird 및 flex/block에 대한 학습 및 적용
  • nth-child, center position 학습 및 적용
    • Visit
    Clone Ipad Page
    Vanilla Javascript CSS / Responsive

    Clone Ipad Page

    2023.05.15 ~ 2023.05.24
  • 데스크탑, 태블릿, 모바일 환경에 따른 반응형 웹 사이트 제작
  • 요소의 가시성 관찰 구현
  • @keyframes, @media, breakpoints 적용
    • Visit
    Propose Site
    Vanilla Javascript CSS / Responsive

    Propose Site

    2023.05.25 ~ 2023.05.26
  • CSS만을 사용해서 하트모양이 눈처럼 내리는 효과를 구현
  • CSS와 JavaScript를 이용한 애니메이션 구현
    • Visit
    Movie Search APP
    Vanilla Javascript, Typescript, CSS / Responsive

    Movie Search APP

    2023.05.27 ~ 2023.06.03
  • 자바스크립트의 class와 closer을 사용해서 react와 같은 코드 구조를 만듬
  • api 호출 적용
  • JavaScript로 먼저 구현 후 TypeScript로 변경
    • Visit
    Clone Disney+ Page & Google Login
    React / Responsive

    Clone Disney+ Page & Google Login

    2023.06.06 ~ 2023.06.15
  • React 학습 후 페이지 구현
  • Google Firebase Login를 사용한 auth 구현
  • Redux로 상태관리 진행
  • Redux toolkit과 persist을 사용해서 login data를 localhost에 저장하고 관리
    • Visit
    Clone Youtube Page
    Vite + React / Responsive

    Clone Youtube Page

    2023.08.28 ~ 2023.09.02
  • SCSS 적용 및 학습
  • Vite + React 적용 및 학습
  • React Context로 변수 처리
  • axios instance 활용
    • Visit