크립토 좀비 / 크립토 좀비를 진행하면서 요약한 내용이 대다수이다. DApp: Decentralized Application 탈중앙화된 P2P 네트워크 상에 백엔드 로직이 구동되는 응용프로그램이다. 블록체인 상의 스마트 컨트랙트가 기존의 중앙화된 서버에 의해 서비스를 제공하는 시스템을 대체한다. 좀 더 좁은 의미에서 DAp...
03-Solidity-문법-기초
1. 솔리디티 컨트랙트 기본 구조 1) 솔리디티 소스 파일 레이아웃 // SPDX-License-Identifier: GPL-3.0 pragma solidity >=0.7.0 <0.9.0; // contract 키워드를 사용한다. contract Storage { // 상태 변수 uint256 number; ...
02-블록체인-기초-스마트-컨트랙트
1. 정의 1990년대 Nick Szabo가 소개한 개념으로 디지털 형식으로 명시된 서약(Commitment)들의 집합이다. 결고 스마트하지 않은 단순 컴퓨터 프로그램이다. 다소 잘못된 용어임에도 불구하고 자리 잡았다. 법적 맥락이 없다. 계약서 안에 서로 서명을 하거나, 참여한...
01-블록체인-기초-개념
블록 체인 기본 개념과 Ropstem 네트워크 실습 1. 블록체인 분류 유형 특징 관련 기술 퍼블릭 누구나 네트워크에 참여한다. Bitcoin, Ethereum, Litecoin… 프라이빗 하나...
이미지-유효성-검사와-Compressor
SNS서비스를 만드는 프로젝트를 하면서, 이미지를 처리해야 하는 경우가 많았다. 이미지 용량을 줄이는 compressor라이브러리 사용법과 file input에 대한 유효성 검사 함수를 정리했다. 1) 이미지 크기 제한 // 정해진 파일 크기보다 큰 파일이라면 false를 반환한다. (max: 최대 이미지 mb, fileSize: 업로드한 이...
컴퓨터구조-입출력-구조
입 출력 구조 파트1 강의 링크 1) 주변장치 (Peripheral Devices) (1) 종류 입력장치 키보드, 마우스, 디지타어지, 마이크 ,카메라, 3축셍서 등 출력 장치 모니터, 프린터, 스피커, 서보 장치 등 입 출력 장치 저장 장치, ...
컴퓨터구조-중앙-처리-장치
중앙처리 장치 파트1 강의링크 1) CPU 주요 요소 (1) 기억장치 레지스터의 집합 데이터 임시 저장 장소 이다. 데이터와 프로그램을 메인메모리에 저장되지만, 이것들이 수행되기 위해서는 레지스터로 이동해야 한다. 명령어는 IR레지스터로 이동! 데이터는 데이터 레지스터로 이동! (...
v-model을-활용하여-멀티-레인지-슬라이더-만들기
칵테일 검색 필터를 구현하던 중 도수의 범위를 지정하기 위해서 멀티 레인지 슬라이더가 필요했다. 몇번의 구글링 결과 도움이 되는 블로그를 찾았고 이를 기반으로 vue3에서 어떻게 멀티 레인지 슬라이더를 만들 수 있는지 정리해보았다. 참고한 블로그 1) 슬라이더 마크업 슬라이더는 track과 thumb로 구성되어 있다. 멀티 레인지를 ...
ERROR-Vue3-router에서-네비게이션-가드-설정하는-방법
네비게이션 가드 공식문서 네비게이션 가드란 특정 페이지를 보호하기 위해 사용하는 방법으로서 URL의 접근을 제한하는 것을 의미한다. 😥 문제 상황 로그인을 하지 않은 유저: 개인 정보 수정, 회원 탈퇴 페이지에 접근을 못한다. 로그인을 한 유저: 로그인, 회원가입 페이지에 접근을 못한다. 회원 관리...
05-TpyeScript-제네릭
강의링크 섹션 7. 제네릭 1) 제네릭이란 제네릭 타입은 타입에 유연성을 제공하여 재사용을 가능하게 해주는 타입이다. 타입 정보가 동적으로 결정된다. 즉, 선언 시점이 아니라 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있도록 하여 한번의 선언으로 다양한 타입에 재사용이 가능하다. () 제네릭을 사용하...