본문 바로가기

자바스크립트14

바이 낸스 선물 거래 API 구매 판매 const Binance = require('node-binance-api'); 바이낸스 공식 웹사이트가면 선물 API가 있지만 암호화 하는 부분에서 제일 많이 고생하실거라고 생각합니다. 바이낸스 API 사이트 가면 Future이라는 것이 선물을 의미합니다. 하지만 npm가시면 친절하게 binance 모듈이 있습니다. 모듈을 다운받고 선물 거래를(binance future api) 하시면 정말 쉽게 구매 판매를 하실 수 있을것입니다. ~~ 1. 일단 npm 설치를 해주세요 npm i node-binance-api 2. 전 Binance 모듈을 따로 빼서 이렇게만 선언했습니다. const Binance = require('./Biance_function'); npm 설치 하셧다면 이런 식으로 Binance.. 2021. 4. 20.
Cache 이란??? 개념 정리 Cached(캐시) - 로켈 메모리라고 표현 할 수 있습니다. - 데이터의 접근을 빠르게 도와줄 수 있도록 데이터를 임시 저장해주는 공간 (메모리) - 웹 캐시란 : 웹 서버로 부터 받은 데이터를 저장해 두어 다시 데이터를 다운 받지 않아도 된다. 캐시의 메인 목적은 사용자에게 빠른 데이터 전송을 제공하기 위한것입니다. 캐쉬의 종류 브라우저 캐쉬 (Browser Cache) 브라우저 또는 http 요청을 하는 Client Appllication에 의해 내부 디스크에 캐쉬 공유하지 않는 한 개인에 한정된 캐쉬 뒤로가기 또는 방문한 페이지 재 방문 시 극대화 프록시 캐쉬 (Proxy Cache) Client나 Server가 아닌 네트워크 상에서 동작 큰 회사 또는 IPS 의 방화벽에 설치 대기 시간 감소 트.. 2021. 4. 8.
apache2 + node 연동 포트 번호 없애기~!!! aws ubuntu 서버에서 apache2서버를 키시고 node로 포트를 열으신다음 deafult 를 node로 서버로 돌린 포트를 만들고 싶으신분들 !! 따라 하시면 되세요!! 전제 조건은 node가 돌아가고 있는 상황입니다. 전 forever로 노드를 돌려놨습니다. 모르시는 분들은 forever 설치 해주시면 됩니다 . npm install -g forever 그리고 해당 파일로 가서 sudo forever start 파일.js 1. 기본 전제는 apache2 가 설치 뒤어있는 경우 입니다. 만약 안되있으면 설치 해주세요 sudo apt-get install apache2 2. apache2 모델을 중지 시켜주세요 sudo a2enmod proxy_http 3. apache2 사이트 화면 이로 이동해.. 2021. 3. 12.
Gatsby 란? 개념 잡기 gatsby develop 배경: SSR는 구글 SEO와 update가 쉬운 점이 있었습니다. 하지만 단점으로는 서버에서 데이터를 가져오는데 시간이 오래걸릴 수 있고 매 page마다 request 요청을 해줘야하는 단점이 있었습니다. 그래서 나온것이 Gatsby !!! SEO + Speed + update가 콤보 조합이라고 보시면 됩니다. 개념: React로 만들어진 frame work + 사이트 생성기 + 웹 개발 툴 Gastsby 설치 해보자!! npm install -g gatsby-cli yarn global add gatsby-cli 디렉토리 구조 public 정적 파일이 담겨 있는 폴더 입니다. src 실제 소스코드가 있는 폴더이며, 기본 구조는 components, images, pages .. 2021. 3. 9.
자바스크립트 Switch 조건문! 자바스크립트 대표적인 조건문으로 if else 가 있습니다. 하지만 또 다른 하나가 바로 switch case 조건문 입니다. Example 기본 코드입니다. switch (params) { case value1: statement1; break; case value2: statement2; break; ... default: statement3; } 만약 function에 switch를 넣어서 condition에 값이 들어왔을때 function examlpe (val) { var answer = ""; if (val === "bob") { answer = "Marley"; } else if (val === 42) { answer = "The Answer"; } else if (val === 1) { a.. 2021. 3. 6.
바이낸스 웹소켓 사용해서 마켓 가격 가져오기~! 바이낸스 공식 웹사이트가면 정확히 웹소켓을 사용해서 가격을 가져오는법이 그지같다... 그래서 저도 문서를 읽어가면서 찾아 보아도 힘들었던 기억이.... 1. 소켓 JS 파일 을 다운받아주세요. 2. 소켓을 선언 해주면서 바이낸스 주소를 써줍니다. let socket = new WebSocket(" wss://stream.binance.com:9443/ws/btcusdt@depth10@100ms"); btcusdt 가 symbol이라서 코인의 종류를 쓰시면 되시고 depth은 array의 수를 나타냅니다 100ms는 1초당 데이터를 가져오는겁니다. 3. 이제 소켓을 통해 메시지를 보내줍니다. socket.onmessage = function(event){ console.log(event.data) } 4... 2021. 2. 26.
자바스크립트 비교 연산자 정복하기 ! 비교 연산자는 두 변수가 같은지 아닌지를 구분하는 방법입니다. Ex) X == Y ( == 는 변수의 타입에 상관없이 두 변수의 값을 비교 합니다 ) 반대로 같지 않다는 구분을 할려면 != 를 사용하시면 됩니다. Ex) X != Y는 x와 y는 같지 않다는 애기입니다. 만약 === 가 있으면 변수의 값과 타입이 정확히 일치 해야합니다 또한 값이 큰지 작은지 비교할 떄 이렇게 비교를 해주시면 됩니다. > 크다 >= 크거나 같다 2021. 2. 25.
[PHP] Unix timestamp을 날짜로 변환 하기 PhP Unix timestamp 날짜로 변환하기 ! $timestamp = time(); $timestamp = strtotime("2021-02-4 00:00:00"); echo date("Y-m-d h:i:s", $timestamp); 2021. 2. 24.
REST API와 OPEN API 개념 정리 Rest API란 : Representation State Transfer약자로써 모든 웹에 존재 하는 자원( 이미지,동영상, DB자원)에 고유한 URL 주소를 지정하는 것을 의미합니다. 해당 URL 주소를 통해서 HTTP method( Post, get, delete, put) 를 통해서 데이터를 전달하는 방식입니다. API란 application programming interface 약자로써 어플리케이션간의 연결고리라고 이해하시면 제일 쉬울것 같습니다. 프로그램의 연결고리는 == API 이렇게 통신 하는 REST API는 CRUD를 통해서 server에서 데이터를 요청합니다. CRUD 개념 : Create = POST 해당 URL를 요청하면 리소스를 생성합니다. Read = GET 해당 URL대한 .. 2021. 2. 17.
Nextjs depoly 꽁자로 deploy하는 법!! Next.js 프로젝트를 다 만드신다음 배포를 고민하시는 분 많으실거라고 생각합니다. 혹은 이미 알고 계실수도 있지만 바로 firebase을 이용해서 무료로 hosting을 하는 방법이죠 1. 일단 첫번째로 package.json 가셔서 export를 추가 해주세요 2. 빌드를 해주세요 npm run build && npm run export 3. 빌드후 out이라는 폴더가 생깁니다. 이 out및에 index.html이 deploy되는겁니다. react에서는 public이지만 nextjs에는 out폴더로 deploy 해주시면 됩니다. 4. firebase 툴을 설치 해줍니다. npm i firebase-tools 5. firebase init을 설치해주시고 6. Hosting을 눌러주시고 설정을 해주시면.. 2021. 2. 16.