무야홍 ~

개요 🙋 이번 포스팅에서는 MySQL 에서 제공하는 GUI 프로그램을 사용하여 DB 를 업데이트하는 과정을 정리 해 보려고 한다. DB 확인 🌻 해당 DB 는 Vue.js 앱에서 리스트렌더링을 통해 출력된 아이템들의 카테고리를 idx 로 구분짓기위해 생성한 테이블이다. UPDATE 🌵 콘솔 창에서 CLI 명령어로 쿼리문을 날려 DB 를 수정할 수도 있지만, 이번 포스팅에서는 GUI 로 DB 를 업데이트한다. UPDATE [테이블명] SET [필드명]=[변경할 값] WHERE [PK]=[PK 값]; 나는 위 쿼리문을 통해 DB 의 값을 수정했다. PK 에는 변하지 않는 고유한 값을...

개요 앞서 초기화하여 생성한 앱인, React + TypeScript 환경에서 해당 실습을 진행하려한다. 타입스크립트를 사용하여 메타마스크를 연결하고자하는 이유는, 메타마스크 같은 외부 서비스를 연결할 때 오류의 가능성을 줄이고, 코드의 안정성과 명확성을 향상시키는데 목적을 둔다는 점에서 해당 포스팅을 시작하려한다. 설치 해당 라이브러리를 사용하기 위한 패키지를 설치한다. npm install web3 or yarn add web3 custom Hook useWeb3.ts 해당 컴포넌트에서는 MetaMask 와 연결하는 로직을 담고있다. import { useEffect, u...

개요 🌱 리액트를 사용하여 프로젝트를 init 한 적은 많지만, 성능 개선을 위한 생각은 해 본적이 없는 것 같다. Vite 는 지난번 참여했던 일본 언디파인드 해커톤에서 같은 Fill-up 팀 으로 함께했던 윤수님이 리드하신 클라이언트에서 처음 접해봤던 경험이 있다 (ㄹㅇ 프론트 굇수,,,) 리액트를 사용하여 제작된 프로젝트의 성능을 개선시키기 위해 어떤 부가적인 요소가 있을까 ? 에서 이번 포스팅을 시작하려한다. Vite 란 ? Vite 란, Latin for 'fast'. 프랑스어로 ‘빠르다’ 라는 뜻을 가진 차세대 프론트엔드 개발 도구이다. 이름처럼 빌드와 개발 서버 구동시간이 매우 빠르고,...