전체 글

IT and Information Security
PROGRAMMING/Web

02 CSS

1 CSS란? Cascading Style Sheets, 종속형 스타일 시트 브라우저에서 웹페이지의 외형을 결정하는 선언형 언어 태그에 어떤 장식을 할지, 어떤 크기와 폰트로 할지를 지정 1) css 기본 문법 h1{ font-size: 20px; } 셀렉터: CSS를 적용할 HTML 태그 지정 _ h1 속성: 셀렉터가 지정한 위치에 무엇을 바꿀지 결정 _ font-size 값: 속성으로 지정한 것을 얼마나 바뀌게 할지 결정 _ 20px 2) CSS 선택자 스타일 적용 영역을 선택하는 지시자.클래스명 { css 속성 : value; } _ 여러개 영역에 적용 가능함 #아이디{ css 속성 : value; } _ 하나의 영역에만 적용해야 함 적용 우선순위 id > class > tag _ 동일한 우선순위일..

BLOCKCHAIN/Ethereum

[Ethereum] SmartContract and Solidity (4)

1 Deployment with Infura - 비용적인 문제로 링크B에 배포하나 실제와 동일한 과정임 - 지금까지의 코드로 새로운 계약을 생성하고, 호출하여, 보냄 - Web3는 자체적으로 동작하지 않으므로 공급자를 필요로 했음 -> 실제 배포는 몇가지 더 필요 - 자동으로 생성된 계좌를 가져오는 것 X - 네트워크 내에 존재하는 노드에 연결해야 배포가 가능함 -> Infure API 사용 2 Infura - endPoint를 링키B로 설정하여 키를 생성할 수 있음 - deploy.js에 배포를 위한 코드를 작성함 3 Updating Your Inbox Project to Solc v0.8.9

BLOCKCHAIN/Ethereum

[Ethereum] SmartContract and Solidity (3)

1 Deployment with Web3 - 이더리움 모듈에서 특정 계약 속성에 액세스하고 있음 - ABI: 중개, 전환에 대한 인터페이스를 얻는 방법 -> 생성자의 첫번째 인자 - deploy 라인에서 실제로 Web3로 배포하고 알림 -> 새로운 트랜잭션 개체의 생성 - send 라인에서는 계약을 생성하는 사람(from)과 gas 값을 명시 - 이미 배포된 계약과 상호작용 하려는 경우 API를 알아야 함 - 계약을 수행하는 작업을 js 코드로 변환 -> 바이트코드 필요 X - 배포된 계약과 상호작용하기 위해서는 배포된 위치(주소)를 알아야 함 2 Asserting Deployment - setMessage를 사용하여 메세지를 변경할 수 있는가? - 주소가 있다는 것은 계약이 로컬에 성공적으로 배포되었음..

BLOCKCHAIN/Ethereum

[Ethereum] SmartContract and Solidity (2)

1 Installing Modules - 가나슈 라이브러리 설치 npm install mocha ganache-cli web3 - test 디렉토리 생성하고 index.test.js 파일 생성 - 각각의 라이브러리를 불러옴 - Web3는 현재 v1.x.x(비동기 가능)와 v0.x.x 버전이 나와있으므로 version1을 사용하기 위해 Web3를 명시해야 함 2 Web3 Providers - 생성자를 사용하여 Web3 인스턴스를 생성함 - 인스턴스 생성 이후 즉시 새로운 구성을 Ganache에서 실행하기 위해 공급자(Provider) 필요 - 웹서비스를 사용하는 방법으로 브라우저가 네트워크에 요청 보냄 - 공급자를 의사소통의 수단으로 사용하기 위해 코드 추가 3 Mocha (1) Testing with M..

BLOCKCHAIN/Ethereum

[Ethereum] SmartContract and Solidity (1)

1 Contract Deployment (1) 계약 소스를 어떠게 배포하는가 - Solidity 컴파일러에 올려서 바이너리 코드로 변환함 - 트러플: 이더리움 계약 개발을 워한 원스탭, 명령줄 도구, 배포에 유용함 - 트러플은 빠른 속도로 발전하므로 완전하게 구현되지 않음 -> 의존성이 깨짐 - 인내심이 필요함 ? - 우리는 수동으로 할 것임 2 Project File Walkthrough - inbox 디렉토리에서 npm init 명령어를 실행한 모습 - 새 패키지 JSON이 생성되는 것을 확인할 수 있음 (1) Inbox Project (2) Testing Architecture - VS Code에 솔리디티 익스텐션을 추가하고 앞서 리믹스에서 작성한 파일을 옮김 - 터미널에서 npm install s..

yuujoeng
알감자는 공부중