2024/08/11 2

EQ Hub 컨트랙트 라이브러리 UX/UI 개선 프로젝트

Summary블록체인 인프라 서비스 EQ Hub는 유저가 복잡한 코드 없이 손쉽게 블록체인 컨트랙트를 개발할 수 있도록 컨트랙트라이브러리라는 기능을 제공해준다. 이 프로젝트는 이 컨트랙트라이브러리 부분의 UX/UI를 개선하는 스프린트.  Project goal기존에 구축되어있던 컨트랙트라이브러리가 유저 친화적이지 않은 UX로 설계되어있다는 판단을 내부적으로 하게됨. 그에따라 전반적인 UX/UI 개선을 통해 유저 편의성과 비주얼 퀄리티를 개선하는 목적.  기존 컨트랙트라이브러리 Depth1 페이지 문제점컨트랙트의 분류가 표준+용도가 애매하게 뒤섞여있어 유저 입장에서 사용하고자 하는 컨트랙트를 직관적으로 찾기 힘듬.  기존 컨트랙트라이브러리 Depth2 페이지 문제점컨트랙트 세부 페이지도 전체적 디자인이 너..

웹컴포넌트 만들어보기 테스트2 class와 template 활용

어제 자바스크립트로 웹컴포넌트 만들어보기 테스트를 진행하고 블로그 포스팅도 올렸었는데 유튜브 채널 드림코딩의 이 영상을 보고나니 자바스크립트 6. 클래스와 오브젝트의 차이점(class vs object)https://www.youtube.com/watch?v=_DLhUBWsRtw머릿속에 아주 어렴풋하게만 떠오르던 class의 개념이 좀 더 명확하게 정립되었고 그게 정립된 후에 어제 테스트해보았던 이 코드를 보니까 class CustomInput extends HTMLElement {    constructor() {        super();        this.attachShadow({ mode: 'open' });                const template = document.getEl..