
jQuery로 구현하는 NFT 마켓플레이스 (이더리움, 폴리곤)
Kyung-il In
jQuery로 구현하는 NFT 마켓플레이스 (이더리움, 폴리곤)에 대해 학습합니다.
초급
블록체인, NFT, DApp
이 강의는 프런트엔드와 web3.js를 이용하여 Solidity 스마트 컨트랙트를 활용하여 NFT 마켓플레이스를 직접 만들어보는 실습 과정입니다. 수강생은 NFT 발행(민팅)부터 판매·구매·삭제까지 마켓플레이스의 모든 기능을 구현하고, 최신 테스트넷인 Ethereum Sepolia · Polygon Amoy · Kaia Kairos 네트워크에 직접 배포해볼 수 있습니다. 또한 IPFS를 이용해 NFT 이미지와 메타데이터를 분산 저장하는 방법을 학습하여, 단순한 데모 수준을 넘어 실제 서비스 가능한 DApp 아키텍처를 경험하게 됩니다. ✨ 이 강의의 특징 풀스택 학습: React UI, 스마트컨트랙트 작성, 멀티체인 배포까지 한 번에 최신 환경 반영: Sepolia·Amoy·Kairos 테스트넷 지원, MetaMask 연동 NFT 핵심 프로세스 체득: 이미지 업로드(IPFS) → 메타데이터 생성 → 민팅 → 마켓플레이스 거래 실전 중심: 트랜잭션 처리, UX 설계, 멀티체인 지원 등 실제 서비스 개발 경험
수강생 78명
난이도 입문
수강기한 1개월





LG전자
임직원들도 이 강의를 듣고 있어요!





LG전자
임직원들도 이 강의를 듣고 있어요!
DApp(탈중앙화 애플리케이션)의 전체 구조 이해
NFT 발행(민팅)과 관리
NFT 마켓플레이스 구현
최신 블체인 네트워크 활용
NFT 마켓플레이스 DApp - 나만의 NFT 거래 플랫폼
✅ NFT 발행 (민팅)
✅ 판매 등록
✅ NFT 구매
✅ NFT 삭제 (소각)
React가 아닌 jQuery를 사용하는 이유:
진입 장벽 낮음: React, Vue 등 프레임워크 학습 불필요
즉시 시작 가능: HTML에 CDN 한 줄만 추가하면 바로 사용
블록체인 학습에 집중: 복잡한 프론트엔드 빌드 설정 없이 DApp 개발에 집중
JavaScript 기초만 있으면 OK: 함수, 변수, 기본 문법만 알면 충분
DOM 조작 및 이벤트 처리
사용자 인터페이스 구현
메타마스크와 연결
블록체인 데이터 읽기
트랜잭션 전송하기
스마트 컨트랙트 함수 호출
NFT 토큰 생성 (mint)
소유권 이전 (transfer)
토큰 소각 (burn)
판매 로직 구현
NFT 이미지 저장
메타데이터 업로드
탈중앙화 파일 관리
이 강의에서는 3개의 테스트넷에 배포합니다:
네트워크특징사용 이유Ethereum Sepolia가장 보편적인 테스트넷메인넷 배포 전 테스트Polygon Amoy빠르고 저렴한 트랜잭션실사용 환경 체험Kaia Kairos카카오 블록체인 테스트넷국내 생태계 연동테스트넷이라 실제 돈이 들지 않습니다!
“DApp은 중앙 서버 없이 블록체인에서 실행되는 탈중앙화 애플리케이션으로,
이더리움은 그 중 가장 대표적인 플랫폼으로 전체 DApp의 약 80% 이상이 이더리움 기반으로 개발되었습니다.”
“폴리곤은 PoS 합의 알고리즘을 사용하는 이더리움의 Layer2 확장 솔루션으로,
빠르고 저렴한 거래를 지원하며, 이더리움과 동일하게 Solidity로 DApp을 개발할 수 있습니다.”
카이아
“카이아(Kaia)는 카카오의 클레이튼과 네이버의 라인 블록체인이 합병해 탄생한 Layer1 블록체인으로,
IBFT 기반의 빠르고 안정적인 네트워크를 제공하며, 이더리움과 동일한 Solidity 환경을 지원합니다.
네이버와 카카오의 서비스 생태계를 통해 실생활에서 활용되는 Web3 플랫폼을 목표로 하고 있습니다.”
❓ "React 같은 프레임워크는 어려워서 DApp 개발이 막막하다"
❓ "Solidity로 스마트 컨트랙트를 작성하고 싶은데 어디서부터 시작해야 할지 모르겠다"
❓ "NFT를 직접 발행해보고 싶은데 방법을 모르겠다"
❓ "IPFS가 뭔지는 들어봤는데 실제로 어떻게 사용하는지 모르겠다"
❓ "메타마스크는 설치했는데 DApp과 어떻게 연결하는지 모르겠다"
❓ "web3.js로 블록체인 데이터를 읽고 쓰는 방법이 궁금하다"
❓ "ERC-721 표준으로 NFT 마켓플레이스를 만들어보고 싶다"
❓ "여러 블록체인 네트워크(이더리움, 폴리곤, 카이아)에 배포해보고 싶다"
✅ jQuery로 DApp 개발하기
React 없이도 충분합니다! 익숙한 JavaScript로 시작
✅ Solidity 스마트 컨트랙트 작성
ERC-721 표준 기반 NFT 컨트랙트 구현
민팅, 판매, 구매, 소각 기능 개발
✅ IPFS 파일 업로드
탈중앙화 스토리지에 이미지와 메타데이터 저장
NFT의 영구 보관 방법 학습
✅ NFT 민팅 구현
폼 데이터 수집 → IPFS 업로드 → 블록체인 기록
실제 작동하는 NFT 발행 시스템 구축
✅ NFT 거래 기능
판매 등록: 내 NFT를 마켓에 올리기
구매 기능: 이더리움으로 NFT 구매하기
삭제 기능: 토큰 소각(burn) 구현
✅ web3.js 블록체인 통신
메타마스크 연결
스마트 컨트랙트 함수 호출
트랜잭션 처리
✅ 멀티체인 배포
Ethereum Sepolia 테스트넷
Polygon Amoy 테스트넷
Kaia Kairos 테스트넷
✅ 완성형 NFT 마켓플레이스
실제 사용 가능한 풀스택 DApp
포트폴리오로 활용 가능한 프로젝트
✅ Windows - 모든 버전 지원
✅ macOS - Intel/M1/M2 모두 가능
✅ Linux - Ubuntu 등 주요 배포판 지원
운영체제에 관계없이 동일하게 실습할 수 있습니다!
Visual Studio Code (VSCode) - 무료, 추천
EditPlus
Sublime Text
Atom
Notepad++
WebStorm
기타 텍스트 에디터
편하신 에디터로 자유롭게 실습하세요!
📦 크롬 브라우저 (Chrome)
메타마스크 확장 프로그램 설치용
📦 메타마스크 지갑 (MetaMask)
강의 중 설치 방법 안내
📦 IPFS
Windows: WSL 환경에서 설치
Mac/Linux: 직접 설치
강의 중 단계별 설치 가이드 제공
인터넷 연결: 필수 (블록체인 통신)
메모리: 4GB 이상
저장 공간: 5GB 이상 여유 공간
안녕하세요, Kyung-il In입니다.
카이스트 경영대학
소프트웨어 융합대학원 블록체인 공학석사
소프트웨어 융합대학원 컴퓨터 공학 박사 바이오 인공지능 융합전공
현재 개발자로 일하고 있음
인공지능을 이용한 빅데이터 분석
AI 챗봇 엔진 및 챗봇 시스템 개발
안드로이드 포스 시스템 및 서버 개발
연구분야
블록체인과 분산파일 시스템을 이용한 전자문서 신뢰성 향상에 대한 연구
블록체인 시스템을 활용한 데이터 가치 형성과 창출에 대한 연구
인공지능 챗봇 시스템 산업 적용과 RPA 활용에 관련 연구
멀티 도메인 대화형 챗봇 시스템에 관한 연구
학습 대상은
누구일까요?
블록체인·NFT 개발을 처음 시작하는 웹 개발자
스마트 컨트랙트 실전 배포 경험을 원하는 개발자
선수 지식,
필요할까요?
웹 개발 기초: HTML/CSS/JavaScript 기본 문법
블록체인 동작 원리(트랜잭션, 가스비, 지갑) 기초 이해
Solidity 기본 문법(변수, 함수, 이벤트)
전체
22개 ∙ (1시간 30분)
전체
2개
무료
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!