Overview
KTMF NFT 프로젝트를 런칭하고 운영하는 플랫폼으로, 유저가 지갑을 연결하여 프로젝트 소개, 민팅, 래플 이벤트 등 서비스를 이용할 수 있습니다.
KTMF NFT는 아래의 기능을 제공합니다.
- 정보 : 프로젝트 소개, 세계관, FAQ 등
- 민팅 : 화이트리스트 세일, 퍼블릭 세일
- 이벤트 : 래플, 화이트리스트, 에어드랍
What did i do
- KTMF NFT 프로젝트를 위한 프론트엔드 개발, 배포, QA를 End-to-End로 담당
- Next.js 12의 Pages Router, SSG, CSR를 적용한 프론트엔드 개발
- 메타마스크 및 스마트 컨트랙트 연동을 통한 NFT를 민팅 할 수 있는 UX 개발
- NFT 화이트리스트 및 에어드랍을 얻을 수 있는 유저 이벤트 UX 개발
- 트래픽 부하 테스트를 통한 안정적 프로젝트 운영 및 런칭
- 트래픽 트래킹을 통한 비즈니스 의사결정에 기여
Challenges
메타마스크 및 스마트 컨트랙트 연동
프로덕트의 안정적 운영
트래픽 트래킹을 통한 비지니스 의사결정 기여
SEO를 통한 검색 및 클릭 유입량 증가
Takeaways
- 이더리움 블록체인에 기록되어 있는 스마트 컨트랙트를 실행하는 방법을 배웠습니다.
Metemask React , Ethers.js 라이브러리를 사용하는 방법을 익힐 수 있었습니다. EVM, ERC-20, ERC-721 등의 이더리움 블록체인 동작원리와 관련된 개념을 이해할 수 있었습니다.
- 프로덕트의 안정적 운영과 모니터링을 위한 배포 서비스 결정, 환경변수 설정, 도메인 설정하는 방법을 배웠습니다.
Artillery 라이브러리를 사용한 트래픽 부하 테스트를 통해 프로덕트 운영 과정에서 발생할 수 있는 문제를 방지했습니다.
- 비즈니스 의사결정을 돕기 위한 트래픽 분석하는 방법을 배웠습니다.
Google Analytics를 연결해 페이지별 방문자 수, 방문자 유입경로, 방문자 위치 등을 추적하고 분석하여 비즈니스 의사결정에 기여하면서 성취감을 느낄 수 있었습니다.
- 프론트엔드 단계에서 SEO를 하는 방법을 익힐 수 있었습니다. 메타 태그 설정, 이미지의
alt 속성 설정을 통해 프로젝트가 검색 엔진에 잘 노출되도록 작업을 했습니다. 이를 통해 프로젝트에 더 많은 유저가 유입되는데 기여했습니다.
- 명확한 개발 기획과 일정없이 프로젝트를 진행했던 점이 아쉬웠습니다. 프로젝트 런칭이 얼마 남지 않은 시점임에도 불구하고 추상적인 수정사항이 생기고, 그것을 반영하는 과정이 매우 힘들었습니다. 이러한 문제를 반복하지 않기 위해 다음 프로젝트에서는 개발 기획과 일정을 명확히 해야겠다는 생각을 했습니다.