[Portfolio Log] NFT 가구점 1

최근에 블록체인 프로젝트를 시작한다고 언급했었다. React, Express, 블록체인 기초, 블록체인 월렛(크롬 익스텐션 개발), threejs 등 준비가 다 되었다고 판단하여, 이번 주말부터 개발을 시작하고 있다. 

 

처음에 구상했던 방향과는 약간 다르게 접근하고 있는데, 메타버스 환경 구축을 Unity가 아니라 Web환경에서 구축할 예정이다. React 환경에서 three.js를 사용하도록 도와주는 라이브러리인 threejs-fiber를 이용하고 있다. 앞으로 개발에 사용할 기술 스택은 다음과 같다. 

 

언어: Typescript, Javascript, Solidity

서버: Express(Node.js)

블록체인: Polygon

프레임워크: React

라이브러리: Socket.io, Threejs-fiber, Chakra UI, react-icons, Lottie-react ... etc

프로토콜: HTTP/HTTPS, WebSocket

웹서버: NginX

DB: MySQL

OS: Ubuntu

IDE: Visual Studio Code

 

개발하는 기능은 크게 NFT 민팅 사이트 + 블록체인 월렛(frontend) + 백엔드 개발 + 메타버스 환경 구축(three.js)로 생각하고 있다. 저번 프로젝트와 마찬가지로 작지만 기술적으로 뛰어난 형태로 개발한다. 다양한 기술을 섞어서 '최소 기능 런칭'을 목표로 잡는다. 일단 기본부터 다 만들고 아쉬우면 양을 늘리면 된다. 처음부터 너무 복잡하게 가지 않으려고 한다. 디자인도 적당한 수준으로 신경쓸 것이다. 

 

이번 프로젝트로 내가 얻을 수 있는 것은 다음과 같다. 

1. 프론트엔드 개발 실력(기초)

2. 백엔드 개발 실력(기초)

3. 블록체인 개발 실력(기초)

4. threejs 웹 3D 기술 활용 능력

5. 새로운 것에 도전하는 마음가짐(강화)

6. 메타버스 및 블록체인 개발자로서 이력서 강화

 

나는 리액트 환경에 익숙하지 않은 사람인데, 리액트의 공식문서를 읽고 차크라 UI를 써보니까 크게 어렵지 않았다. 앱 개발하고 또 다른 느낌이라 독특하다고 해야 하나. 앞으로 프론트엔드 쪽도 익숙해지면 좋을 것 같다. 계속 공부해보자. 잘하고 있다. 

 

 

주말 동안 개발한 내역을 모두 올렸다. 간단하게 정리하면 메인화면, 로그인, 회원가입, 내정보 수정(개발중), 가구 월드 입장 Dialog 작업을 진행했다. 앞으로 UI 작업을 마저하고 백엔드와 연동해보면서 DB 설계할 예정이다. 나는 백엔드 개발에 익숙하지 않은 편이라 ORM 기술은 따로 사용하지 않을 것이며, 퀄리티보다 '만드는 것'에 초점을 둘 생각이다. (몇 번 안 해봤으니 어쩔 수 없다.)

 

차근차근 해보자. 잘하고 있다.