https://openweathermap.org/api Weather API - OpenWeatherMap Please, sign up to use our fast and easy-to-work weather APIs for free. In case your requirements go beyond our freemium account conditions, you may check the entire list of our subscription plans. You can read the How to Start guide and enjoy using our po openweathermap.org 위 주소로 이동 후 회원가입을 진행하시면 개인 api키가 발급됩니다. OpenWeatherMap api는 완전 ..

끝!

[이더리움 VM] Solidity로 작성된 코드를 컴파일하면 이더리움 ByteCodes로 이더리움 가상머신이 인식 가능한 형태로 변환이 되고 이 변환된 코드가 이더리움 가상머신에 실행되게 되는 구조입니다. 그럼 제 3자가 무한루프가 도는 코드나 매우 고도의 연산을 필요로 하는 비효율적인 코드를 많이 생성시킨다면 이더리움 가상머신에 매우 큰 부하가 걸릴 것 이기에 이를 예방하기 위해 이더리움 가상머신에 동작하는 모든 코드들은 프로그램 동작 단위의 일종인 task단위로 GAS라는 수수료를 지불해야합니다. 즉, 수행해야 하는 코드가 많을수록 많은 수수료가 요구됩니다. 이더리움 계정은 20바이트의 주소와 상태변환(정보 직접 전달)을 갖고 있음. 계정 내 필드 4개 존재 1) Nonce : 각 트랜잭션이 오직 한..

ngrok 공식 페이지에서 ngrok은 NAT와 방화벽 뒤에 있는 로컬 서버를 안전한 터널을 통해 공개 인터넷에 노출시켜 주는 도구라고 설명되어 있습니다. 즉, 포트 포워딩과 같은 네트워크 환경 설정 변경없이 로컬에 실행중인 서버를 안전하게 외부에서 접근 가능하도록 해주는 도구입니다. 설치 npm install ngrok --save 실행 코드 ngrok http 80 외부 네트워크 환경에서 브라우저를 열고 http://19ed998b24bf.ngrok.io 입력하면 로컬에 실행 중인 서버 80 포트로 접속하여 확인할 수 있습니다. 대시보드 앞에서 터미널에도 접속 로그 등을 볼 수 있었지만(-inspect=false옵션을 주면 로그가 남지 않는다.) 실행하면 자동으로 웹에서 로그나 상태를 볼 수 있는 대..

api를 호출하기 위해 axios 라이브러리 설치 axios를 사용해서 GET, PUT, POST, DELETE 등의 메서드로 API 요청을 할 수 있다. REST API 를 사용 할 때에는 하고 싶은 작업에 따라 다른 메서드로 요청을 할 수 있는데 메서드들은 다음 의미를 가지고 있습니다. GET: 데이터 조회 POST: 데이터 등록 PUT: 데이터 수정 DELETE: 데이터 제거 참고로 이 메서드 외에도 PATCH, HEAD 와 같은 메서드들도 있습니다. 사용법 import axios from 'axios'; axios.get('/users/1'); get 이 위치한 자리에는 메서드 이름을 소문자로 넣습니다. 예를 들어서 새로운 데이터를 등록하고 싶다면 axios.post() 를 사용하면 됩니다. 그리..

1. 이벤트 추가하기 - addEventListener() 2. 이벤트 제거하기 - removeEventListener() 이벤트 추가하기 - addEventListner() 객체에 이벤트를 추가하려면 addEventListener() 메소드를 사용합니다. element.addEventListener(type, eventListener); addEventListener()는 2개의 파라미터를 입력받습니다. - type : 이벤트 타입 - eventListener : 이벤트가 발생했을 때 실행할 함수 import React from 'react'; const App = () => { window.addEventListener('click', async () => { const eventBtn = docum..