Skip to content
View yt4307's full-sized avatar
  • Incheon
  • 15:13 (UTC +09:00)

Organizations

@int-i @code-drawer @smartgarin @noon-maru @dorae-dev

Block or report yt4307

Report abuse

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

Report abuse
yt4307/README.md

안녕하세요, 정연한입니다 👋

Frontend Engineer | Product-focused Web Developer
React / Next.js / TypeScript

낯선 기술 환경에서도 빠르게 구조를 이해하고 실제 서비스로 연결하는 프론트엔드 엔지니어입니다.
단순히 기능을 구현하는 것보다 배포 가능한 제품을 완성하는 개발을 지향합니다.


🚀 About Me

  • 🖥 React / Next.js 기반 웹 중심 개발
  • 🔗 Web3 프론트엔드 경험 (Ethers.js, Wallet, On-chain Transactions)
  • 📱 React Native × WebView 브릿지 구조 설계 경험
  • 🧠 AI-assisted development 기반 빠른 학습과 문제 해결
  • 👥 100명 규모 프로그래밍 커뮤니티 회장 (2년)
  • 🏁 해커톤 참여 및 서비스 현장 배포 경험

🛠 Tech Stack

Core

  • TypeScript
  • React
  • Next.js (App Router / SSR / ISR)
  • React Native
  • TanStack Query
  • Styled-components / Emotion

Web3

  • Ethers.js
  • Wallet Connection UX
  • On-chain Transaction Handling
  • Smart Contract ↔ Frontend Integration

Dev & Infra

  • Git / GitHub
  • PNPM
  • Docker
  • Basic CI/CD
  • Cloud Experience (AWS / GCP / NCP)

🔥 Highlight Projects

🏕 Mallang MT

MT 숙소 · 장보기 통합 예약 서비스

  • Next.js 기반 서비스 프론트엔드 개발
  • RBAC 기반 접근 제어 구조 설계
  • Toss Payments 결제 연동
  • 실제 서비스 배포 및 SEO 설정

🔗 GitHub
https://github.com/yt4307/mallang-mt

🌐 Service
https://mallangmt.com/


🏦 PAWNABLE

P2P On-chain Collateralized Lending Protocol

  • Next.js + Ethers.js 기반 Web3 프론트엔드 개발
  • Wallet connection / allowance / transaction lifecycle UX 구현
  • EasyA Consensus Hackathon (Hong Kong 2026) 현장 배포

🔗 GitHub
https://github.com/EarthIsMine/PAWNABLE

🌐 Demo
https://pawnable.site/


📱 TuTi

React Native 기반 관광 코스 추천 앱

  • React Native 환경에서 KakaoMap JS SDK 사용 제약 해결
  • WebView + postMessage 기반 RN ↔ Web 브릿지 설계
  • 웹 지도 SPA를 앱 환경에 통합

🔗 GitHub
https://github.com/noon-maru/TuTi


🎮 Codex Of Touch

World ID 기반 Human-only Competitive Game

  • Next.js 기반 인증 중심 UX 설계
  • AI-generated 3D asset 활용
  • World ID 기반 참여 구조 설계

🔗 GitHub
https://github.com/EarthIsMine/CodexOfTouch


👑 Leadership Experience

인트아이 (inti, Inha Univ. Programming Community)

President (2021–2023)

  • 약 100명 규모 개발 커뮤니티 운영
  • 내부 해커톤 3회 기획 및 운영
  • C++, Python, React, Spring 스터디 커리큘럼 설계
  • IPC (Inti Programming Challenge) 개최
  • 프로젝트 완성 중심 개발 문화 구축

🧠 What Defines Me

빠르게 배우고
구조를 이해하고
문제를 해결하고
끝까지 완성합니다

I build products, not just features.


📫 Contact

Email
yt4307@gmail.com

Portfolio
정연한 FE 포트폴리오

Pinned Loading

  1. mallang-mt mallang-mt Public

    MT 중개 서비스 말랑엠티입니다.

    TypeScript

  2. EarthIsMine/PAWNABLE EarthIsMine/PAWNABLE Public

    PAWNABLE – On-chain P2P Pawn Lending Protocol

    TypeScript 2

  3. noon-maru/TuTi-legacy noon-maru/TuTi-legacy Public

    TuTi는 '막막한 관광의 탈출구'를 의미하는 이름의 프로젝트입니다.

    TypeScript

  4. art-in-numbers art-in-numbers Public

    홍대 작품 전시 외주 작품

    TypeScript

  5. cpp-josa-UTF-8 cpp-josa-UTF-8 Public

    C++ UTF-8 기반 조사 처리를 하는 라이브러리입니다.

    C++ 2

  6. TableLo/TableLo TableLo/TableLo Public

    QR 기반 테이블 주문 및 매장 관리 POS 시스템

    TypeScript