00. 기획 초안 및 개발환경 도입, 개발하고자 한 계기2024년 초, 단체를 통해 월 1회 유기견/유기묘 보호소에 봉사를 다니기 시작했고, 05 월 즈음부터 보호소의 관리 서비스를 만들고 싶다는 생각이 들었다.우선 내가 할 수 있는 일 중 보호소에 뭐라도 더 실질적인 도움이 되고 싶었고, 보호소의 관리자들도 모두 현생을 살아가는 일반 직장인이었기에 이분들이 조금 더 편하게 보호소의 작은 부분들을 관리할 수 있는 서비스를 목표로 했다. 기획보호소 내 견사/묘사 관리, 스케쥴 관리, 기부금 관련 엑셀 파일 관리를 우선적으로 고려했다.기부금 관리의 경우 은행 API에 연동하는게 가장 좋은 방안이었으나, 그러기 위해서는 기업명의의 계좌와 API 접근 권한이 필요했다.이러한 이유로 기능을 제외할까 생각도 했지만, 그러기에는 수작업의 번거로움.. [SSH] Git 1PC 여러 계정 사용 오늘은 하나의 하드웨어에서 여러개의 git 계정을 연동하는 방법을 정리하고자 한다. 여러 블로그 글을 보며 시행착오를 겪는 과정이 있었기에 나름대로 정리하는 것에 의의를 두려 한다. (이번 글도 두서가 없다는 뜻) 적용 환경은 mac을 기준으로 작성했다. 만, windows도 WLS가 기본으로 설치되어 있기 때문에 터미널을 다룬다는 부분에서 별 차이는 없을 것으로 예상된다. +) 복수 계정을 등록하는 글이므로, 기존에 생성된 ssh 파일 확인등의 절차는 생략한다. 1. SSH key 생성 우선, 사용할 계정마다 등록 할 SSH key를 생성해야 한다. 생성방법은 간단하다. terminal을 열어 (window도 동일-cmd창) 아래 명령어로 key를 생성한다. # ssh-keygen -t "{암호화 옵션.. [Vue3] [plugin:vite:css] [sass] Undefined variable. 언젠가는 publishing도 공부를 해보겠다고 다짐하고 드디어! css 작업을 해보고자 새로 프로젝트를 생성해서 작업을 해보려는 찰나, 시작과 동시에 이런 저런 error를 마주했다. 우선은 이 에러들을 헤쳐나가는 과정을 차근차근 풀어보고자 한다. 프로젝트 스펙: vue3 / typescript / vite / scss 프로젝트는 우선 vue-cli의 npm init vue@latest 명령을 통해 구축했다. 뭐가 뭔지는 모르겠지만 이것저것 대충 입맛대로 설정해줬다. 이런 저런 기본 설정들을 마친 후 호기롭게 scss 파일을 생성했다. color 변수들을 모아놓은 variables.scss 파일. 여기저기 보니 main.ts(js) 파일에 import를 시켜주면 사용할 수 있다고 하여 import 처리.. [Javascript] require와 import 오늘은 require() 와 import의 차이 대해 간단히 작성해보고자 한다. 두 가지 모두 javascript에서 외부 모듈을 사용하기 위해 작성하는 문법인데, 둘의 가장 큰 차이는 require는 CommonJS의 문법이고, import는 ES6(ES2015)에서 신규 도입된 문법이라는 점이다. 두 문법의 차이를 간단히 정리하면 아래와 같이 표시할 수 있다. 모듈 불러오기 require() import 모듈 내보내기 exports export 사용하는 문법 CommonJS ES6(ES2015) 호출 위치 특정 지점 상관 없음 script의 시작부분 불러오기 범위 내보내기 된 전체 모듈 불러오기 모듈의 특정 부분만 불러오기 가능 두 문법의 차이점을 비교하게 된 이유는 Nuxt를 사용한 Vue 프로젝트.. [Blockchain] Wallet Connect 2.0 반영하기 (customizing by using provider) Wallet Connect가 v1.0을 2월 말 이후로 지원 종료하며, v2.0을 사용한다 발표했다. 2.0은 1.0을 지원하지 않는다고 공식적으로 공지 했기에 기존 Wallet Connect 1.0을 사용하던 프로젝트의 migration이 필요한 상황이었다. Wallet Connect 2.0 문서를 살펴보면.. 문서가 정말 진짜로 불친절 하게 되어 있는 것을 볼 수 있다. 특히 2.0 버전은 Web3Modal을 전적으로 활용하는 듯 보이는데, 기존에 WalletConnectProvider를 활용해 customizing 하던 프로젝트는 Web3Modal로 전면 변경을 해야 하는지 고민하게 될 것이다. (기존에도 modal을 지원했지만, 이 부분은 차치하고) 그러던 중 2.0 버전의 Provider 예제를.. [NPM] cannot find module 'bcrypto.node' Wallet Connect 2.0 을 적용하면서, connect나 ping 등 wallet 테스트를 진행하기 위해 프로젝트 clone 후 실행을 시키려는데 cannot find module 'bcrypto.node' 위와 같은 에러가 발생했다. 처음에는 단순히 모듈 설치가 안되는 줄 알고 install 명령어를 실행했더니 이번엔 "node-gyp rebuild" command error 가 떠서 이런 저런 원인 파악을 하던 중 node-gyp의 버전 문제라든지, node-gyp가 python으로 작성되어 있고, 버전에 따라 python 버전이 맞지 않으면 오류가 발생할 수 있다든지 하는 등의 원인이 있다기에 node-gyp 재 설치와, 9.0.0 기준으로 python 3.7을 설치를 진행했다. npm i.. [Blockchain] 내가 몰라서 정리하는 블록체인 (1) 해당 게시글은 Blockchain 관련 업무를 진행함에 있어 아는게 1도 없어 힘들어하는 나를 위해 작성하는 글으로, 나의 이해를 바탕으로 작성된 내용이기에 신뢰성은 장담할 수 없다. * 기본 용어 - EOA: Externally Owend Account. 외부 소유 계정 이라고 하지만 잘 모르겠다. 간단하게 개인이 관리하는 개인 계정이라고 이해하면 될 것 같다. 개인 키(Private Key)를 보유하고 있으며, 각 네트워크나 지갑(Wallet)을 통해 생성할 수 있다. - CA: Contract Account. 컨트랙트 계정. 스마트 컨트랙트에 접근하기 위한 계정(주소) 정도로 생각한다. 해당 계정에는 실질적인 기능 code가 위치한다고 생각하고 있다. EOA와는 다르게 개인 키(Private Key.. [Vue] Nuxt fetch의 서버 사이드 호출이 안되는 건에 대하여 오랜만에 vue 프로젝트를 관리 할 일이 생겼는데, nuxt를 사용해 서버를 돌리고 있어 최근 nuxt를 조금 보고 있는 상태이다. 조금 특이한 구조로 되어있어서 (vue를 사용하는데 SPA 기능을 1도 활용하고 있지 않다.) 분석을 열심히 하는 중인데, 대부분의 호출 함수가 asyncData() 로 이루어져 있고, 이 때문에 코드를 수정할 때마다 hot reloading이 되면서 데이터를 불러오지 못하는 오류가 발생하고 있다(...). 개발자 입장에서 불편하기도 하고, 구조를 조금 개선할 수 있지 않을까 싶어 작은 것 부터 해보자는 마음으로 진행하려 했다. asyncData는 only server side 이고 처음 페이지(브라우저)가 생성되는 시점에만 호출되는 반면, fetch의 경우 페이지 load.. 이전 1 2 3 4 ··· 8 다음
