[Portfolio Log] NFT 가구점 4

 

12월 15일 작업

NFT 탭 기능을 추가했다. 다이얼로그를 출력하는 부분을 작업했는데, 정확한 이유는 모르겠지만 리액트 컴포넌트에서 외부에서 선언한 전역변수의 값을 변경했을 때 문제가 생기더라. 그래서 useAtom으로 다이얼로그에 출력할 문자를 관리하고 있다. 다이얼로그에 띄울 때 값을 설정해주고 있다. 

 

NFT의 상태에 따라 구매 가능 여부, 가격, 이름, 설명 등의 정보를 출력하고 있다. NFT의 이름이나 기본적인 내용은 DB에 저장해놓고 사용할 생각이다. 다만 어떤 아이템에 해당하는지, 가격은 어떤지, 판매 중인지 여부는 블록체인 네트워크에 저장할 생각을 하고 있다. 

 

flutter로 개발할 때와 비교하면, 리액트 쪽이 확실히 미리 만들어진 코드를 재사용한다는 느낌이 더 강했다. 이미 지원해주는 라이브러리 자체가 이것저거 많다보니 내부에 있는 기능들만 잘 활용해도 어느 정도 뚝딱뚝딱 나오는 느낌이라고 해야 하나..? 굳이 따지면 안 그런 분야가 없기는 하다만 웹이 더 자료 찾기 쉬운 느낌은 있다. 

 

다이얼로그를 출력하는 부분도 모바일 앱 같은 경우에는 필요한 상황에서 context 정보를 토대로 다이얼로그를 띄우는 반면, 웹에서는 미리 Modal 혹은 Dialog를 배치해놓고 flag값의 변화로 띄우는 애니메이션을 처리한다. 여전히 웹 개발은 나에게 익숙하지 않지만 그래도 점점 익숙해져 가는 듯 하다.