전체 글 258

22.09.12 [jemerald] XD 아트보드 및 도형 생성

거의 3달전에 했던 다짐... 지금 시작한다...꼬..! https://jemerald.tistory.com/226 22.06.19 jemerald 나만의 모바일 웹페이지 & 어플 자급자족 프로젝트 시좍해본닷~! 1. 기획 2. 디자인 3. 개발 4. 배포 5. 운영 jemerald.tistory.com XD 를 켜면 제일 먼저 아트보드 종류를 선택할 수 있다. 아무거나 누르고 들어와도 다시 아트보드를 바꿀 수 있다. 아래와 같은 메뉴 아이콘에서 맨 밑에서 두번째를 클릭하면 선택 가능하다. 나는 iPhone 12 를 선택했다. 메뉴의 문서 에셋을 나오면 라이브러리를 관리할 수 있는 메뉴가 또 나온다. 3달전에 다운 받아놨던 라이브러리 중 bootstrap UI kit 에서 이미지 아이콘과 리스트 박스를 ..

Graphic 2022.09.12

22.09.09 [시큐어코딩] sonarqube

소스코드에 sql injection 코드를 방지하거나 데이터 암호화 등의 보안성을 검토할 필요가 있다. 다양한 프로그래밍 언어를 지원하는 소나큐브를 프로젝트에 적용해봤다. 소나큐브를 맥 PC 에 설치하고 프로젝트를 분석할 스캐너에 대한 토큰을 발급받는 과정까지 진행하였다. 먼저 터미널을 열고 homebrew 가 없다면 설치부터 해준다. homebrew 로 sonarqube 를 설치한다. brew install sonarqube 소나큐브 프로그램을 로컬로 띄운다. brew services start sonarqube 설치 완료되면 http://localhost:9000 에 들어가서 분석할 프로젝트를 생성한다. 프로젝트는 깃 레포지토리 단위로 구분된다!! 그리고 해당 프로젝트의 CI (배포 자동화)에 소나큐..

22.09.05 npx hardhat test

solidity 로 ERC20 컨트랙트를 다 짰으면 hardhat 을 사용하여 deploy 하기 전에 먼저 트랜잭션에 대한 테스트 상황을 가정하고 정상적으로 작동하는지 확인해야 한다. 뭐 My Ether Wallet 이나 메타마스크로 수동 테스트 진행해도 상관 없으나 내 소중한 테스트이더를 낭비하고 싶지 않을 뿐더라 명령어 하나로 다양한 상황을 빠르게 테스트하기 위해서는 필수 관문이다. 아래 명령어를 입력하면 되는데 물론 이게 끝은 아니고..! npx hardhat test 일단 테스트 코드 작성법은 hardhat testing contract 를 참고하였다. 1. expect hardhat test 코드에서는 처음 보는 모듈인 'chai' 의 expect 를 쓴다. 아래 코드는 deploy 한 후 토큰..

solidity 2022.09.05

22.08.29 락업이란?

락업 기능이 추가된 ERC20 컨트랙트를 개발 예정이다. 내가 어렴풋이 알고 있었던 락업 개념과 락업 과정의 자세한 프로세스를 정리해보았다. 락업(Lockup)이란? 토큰을 발행한 뒤 시장에 유통되지 않도록 토큰의 owner account에 대해 토큰에 대한 transfer를 막는 것이다. 컨트랙트를 어떻게 짜느냐에 따라 sendTransaction 을 날리지 못하게 막거나 트랜잭션을 날려도 취소되게끔 할 수 있다. 락업 기능의 특징! 어떻게 설계하냐에 따라 다를 것 같긴 한데 일단 핵심 특징은 세 가지이다. 1. 어떤 토큰을 락업 걸 것인지 IERC20 2. 누구에게 락업을 걸 것인지 account (주소는 보통 함수 호출 파라미터로 들어가기 때문에 생략 가능) 3. 얼마만큼의 시간동안 락업을 걸 것인..

solidity 2022.08.29

22.08.24 데이터 전송 원리

IP 패킷이란? 클라이언트에서 서버로 데이터를 전달할 때, 메세지(데이터)를 어디서 어디로 보낼지 알려주는 체계이다. 1. 출발지 IP => 2. 목적지 IP 3. 메세지 IP 프로토콜의 한계 그런데 여기서 IP 프로토콜의 한계가 드러난다. 1. 비신뢰성: 중간에 패킷이 소실될 수 있다. 2. 비연결성: 패킷을 받을 대상이 없거나 연결 불능 상태일 경우가 될 수 있다. 3. 순서 미보장: 패킷의 용량이 커지면 150MB 단위로 잘라서 전송하는데 이때 패킷의 순서가 보장되지 않는다. TCP 이 문제들을 해결하기 위해서 TCP 세그먼트 구조를 사용한다. TCP 에 포함되는 구성은 1. 출발지 IP, 2. 출발지 PORT => 3. 목적지 IP, 4. 목적지 PORT 5. 패킷 순서 6. 검증 7. 메세지(데..

Network 2022.08.24

22.08.17 [Server] 확인해보고 다시 말씀드리겠습니다.

NAS 서버가 뭔데? Network Attached Storage S3 도 NAS 서버라고 부를 수 있는지? 가상의 개념도 포함한다면..! 정말 모르겠다요. NAS 서버는 네트워크랑 연결된 저장소라고 한다. USB 같은 저장소가 아니고 외부에서 권한(ACL)과 연결만 할 수 있다면 접근할 수 있는 저장소의 개념이다. 하드디스크가 고장나더라도 자료가 소실되지 않도록 여러 개의 하드디스크로 분산하여 저장한다. 랜섬웨어에 감염되더라도 이전으로 돌아갈 수 있도록 주기적으로 스냅샷을 찍어준다 찰칵. 자료 동기화 가능 VPN 서버, 웹서버 제공 와하오 좋네요 이거~!? DAS 는 Direct Attached Storage

Network 2022.08.17

22.08.16 [AWS] VPC

VPC Virtual Private Cloud VPC 를 구성하는 세가지는 다음과 같다. Network ACL 네트워크 액세스 제어 (Router table 다음 위치) Subnet을 오가는 트래픽을 제어하는 역할 Security Group 보안그룹 () Subnet 내 인스턴스 트래픽을 제어하는 역할 VPC Flow Logs VPC 내에 있는 Resouce 들은 ElasticNetworkInterface(ENI), 네트워크 인터페이스를 가진다. NetworkInterface 에 VPC Flow Logs 를 설정하면 ElasticNetworkInterface를 지나다니는 IP 트래픽을 수집할 수 있다. 보안그룹은 인스터니스에 대한 인바운드, 아웃바운드 트래픽을 제어하는 가상 방화벽 역할을 한다. VPC ..

Network 2022.08.16

22.08.14 NAT, NTP, IPv4, Subnet이란?

NAT Network Address Translation 서버 주소 변환 사설 네트워크에 속한 여러 개의 호스트가 하나의 공인 IP 주소를 사용하여 인터넷에 접속하기 위해 사용된다. 내부망과 외부망을 나누어주기 위해 사용하기도 한다. NTP Network Time Protocol 기준 시간과 네트워크의 디바이스의 시간을 NTP 클라이언트와 서버 관계의 시간으로 나누며 이들의 시간을 동기화시킬 수 있다. 공식문서링크 http://www.ntp.org/ ntp.org: Home of the Network Time Protocol NTP users are strongly urged to take immediate action to ensure that their NTP daemons are not suscep..

Network 2022.08.14

22.08.13 [WebGL] 메타버스 만들기 Three.js 설치

Three.js 설치하는 방법은 크게 3가지이다. 1. 그냥 파일로 다운로드하기 code >> download 클릭 >> build >> three.module.js 사용 https://threejs.org/ Three.js – JavaScript 3D Library threejs.org 2. npm 으로 설치 npm install --save three 3. 웹팩 보일러 플레이트 클론 받기 아래 보일러 플레이트를 깃 클론 받고 npm install 해주고 npm run dev 로 실행 로컬호스트 경로로 확인 랜딩페이지는 다음과 같이 설정하면 되고 const path = require('path') module.exports = { mode: 'production', entry: './src/index...

카테고리 없음 2022.08.13