전체 글 60

[ React.js ] 얕은 복사 이슈

고유 데이터와, 수정 데이터를 hooks로 관리하여, 수정 데이터를 원복 시키고 싶을 경우 고유 데이터로 가져올려 하지만, 수정 데이터를 변경할 경우 고유데이터도 함께 변경되는 이슈가 있었다. 원인 : 객체가 담겨있는 변수를 다른 변수에 할당할 경우 데이터 복사가 아니라 참조현상이 일어나기 때문에, 한 변수의 데이터를 변경할 경우 다른 변수의 데이터도 함께 변경된다. 에러 해결 JSON.parse(Json.stringfy(object)) // 깊은 복사를 하는 방법 중하나지만 소요시간이 많이걸림 loadsh에서 제공해주는 cloneDeep 함수가 있다고 한다, 소요시간 괜찮다고 하여 이거 씀

카테고리 없음 2023.01.29

#4 [REACT.JS] 명함에 속성 좌표 이동하기

#4 [REACT.JS] 사진 불러오기, 엑셀 읽어오기 #3 기본 레이아웃 구성 및 팝업 생성 #2 기본 버튼 컴포넌트 만들기 #1 기획단계 및 UI 작업 드디어 1인 토이 프로젝트를 진행하려 마음을 먹었다. 토이 프로젝트의 큰 토픽은 이름표다. (..오잉) 회 potential-coding.tistory.com 엑셀로부터 해당 속성을 받아오고, 이를 통해 명함에 드래그앤 드랍을 통해 좌표를 지정하도록 기능을 구현했다. 1. 명단 업로드를 통해 엑셀을 불러온다. 2. 속성의 이름을 해당 명함에 출력하고 싶은 부분에 좌표를 찍어준다. --- 구현해야 할 기능 - testPrint를 할 때 해당 속성에 관련된 이름 데이터를 출력하는 기능 구현 - 명함 사이즈에 맞춰서 기능 구현

프로젝트 2023.01.28

[ EOSIO ] 계정과 스마트컨트랙트

처음 eosio의 개발환경을 구성하게 되면 eosio의 시스템 계정이 존재하게 된다. 계정 생성의 명명 규칙은 .12345abcdefghijklmnopqrstuvwxyz 허용, 12자리까지 입력할 수 있다. eosio에서 계정은 블록체인에 트랜잭션을 배포하거나 실행할 때 사용된다. 계정은 'owner'와 'active'에 해당하는 퍼미션을 필요로 하게 된다. 권한 권한은 owner와 active에 해당하는 권한이 필요로 하게 된다. owner는 계정의 소유권을 나타내는 권한이며 가장 상위 권한이다. active는 토큰 전송, bp 투표 등 owner 다음으로 높은 권한이다. 싱글 노드 testnet에서 실행할 때 사용되는 계정은 eosio 밖에 없다. 그리하여 처음 custom account계정을 생성할..

블록체인/EOS 2023.01.28

[EOSIO] 용어 정리

EOSIO Developer Portal - EOSIO Development Documentation Developer Portal for EOSIO. EOSIO is a next-generation, open-source blockchain protocol with industry-leading transaction speed and flexible utility. developers.eos.io | Account Account account는 고유한 식별자로 EOSIO 블록체인과 상호작용하기 위해 요구되는 항목이다. 다른 암호화폐와 달리 public key를 사용하는 것이 아니라 사람이 읽을 수 있는 계정 이름으로 전송된다. 그리고 계정에 귀속되는 키는 거래에 서명하는데 사용된다. Account Na..

블록체인/EOS 2023.01.03

[ EOSIO ] 시작하기 가이드

Getting Started Guide Developer Portal for EOSIO. EOSIO is a next-generation, open-source blockchain protocol with industry-leading transaction speed and flexible utility. developers.eos.io (계속..글 다듬는 중) EOSIO 시작 가이드의 목적은 본인의 로컬에 EOSIO 개발환경을 구축하고, 이 환경을 사용하여 헬로월드단계의 스마트 컨트랙트를 빌드해보며 배포까지 해보는 것이다. 위의 다이어그램의 대주제는 이와 같다. 1. 로컬에 개발환경 구성하기 2. 헬로 월드 단계의 기초 스마트 커트랙트 빌드와 배포해보기 더보기 이 해당 워크플로우를 시작하기 전에 EOS..

블록체인/EOS 2023.01.02

[ EOSIO ] How EOSIO Works

EOSIO Developer Portal - EOSIO Development Documentation Developer Portal for EOSIO. EOSIO is a next-generation, open-source blockchain protocol with industry-leading transaction speed and flexible utility. developers.eos.io EOSIO란? EOSIO 블록체인 플랫폼은 유연성 있는 유틸리티와 최고의 트랜잭션 속도를 가진 차세대 오픈소스 플랫폼이다. EOSIO는 기업에서 사용하기 위함 또는 퍼블릭/프라이빗 블록체인 개발을 위해 설계되었다. 이는 역할 기반 권한 시스템이나 안전한 애플리케이션 트랜잭션을 통해 광범위한 비즈니스 요구에 맞..

블록체인/EOS 2023.01.02

[Vue.js] Vuex

Vue.js 애플리케이션을 위한 상태관리 라이브러리다. store이라는 중앙 저장소에 데이터를 보관하고 모든 컴포넌트가 이용할 수 있도록 해준다. 기존 컴포넌트간에 데이터를 넘길 때 eventbus나 props를 사용했지만, 컴포넌트가 많아질 수록 데이터 처리가 복잡해진다. 그러므로 vuex이용하여 store에서 관리하고 해당 데이터를 수정 및 삭제하는 것이 효율적이다. 1) Getters getters는 state에서 데이터를 가져오는 함수를 나타낸다. getter의 결과가 의존성에 기반해 캐시되므로 의존성에 변화가 생겼을 경우에만 재실행된다. 2) Mutations Mutation은 state를 바꾸는 유일한 방법으로 상태가 변경되는 것을 추적할 수 있고 한 곳에서 상태를 변경하기에 일관되게 데이터를..

Vue.js 2022.12.07

[Vue.js] Component

1) 컴포넌트 구성 html, 디렉티브, 바인딩 2) 컴포넌트 적용 3) 컴포넌트 간 데이터 전달 1) props로 부모컴포넌트에서 자식컴포넌트로 데이터 전달 //자식 컴포넌트 Vue.component('ChildComponent' , { props:['message'], template: ' {{message}} ' }) //부모 컴포넌트 4) $.emit() 메서드로 자녀 컴포넌트에서 부모 컴포넌트로 데이터 전달 myevent는 특정 이벤트가 발생했을 때 동작하는 메서드 의미, parameter는 전달할 데이터 5) 이벤트 버스를 이용한 데이터 전달 이벤트 버스는 발행자와 구독자 패턴으로 이루어져있다. 컴포넌트가 A이벤트 발행하면 B이벤트가 A이벤트를 구독하는 구조 6) 컴포넌트 재사용 : 슬롯 부모..

Vue.js 2022.12.05
728x90
반응형