자바스크립트14 Type + Script = Typescript란? 개념 잡기 배경 기존의 Javascript 가장 큰 장점이자 단점인 타입이 없어도 사용 가능하다는 것입니다. 여기서 큰 문제가 될 수 있는 것이 어디에서 에러가 발생했는지 알 수 없다는 점이 가장 큰 문제입니다. 특히 대형 프로젝트일 경우 많은 Fucntion과 변수들이 선언돼있으면 에러를 잡는데 많은 시간을 낭비해야 하는 단점이 있습니다. 이를 사전에 방지하고자 나온 것이 Typescript입니다. 특징 1. Typescripts는 결국 자바스크립트의 기본 배경이다! 2. Typescript는 자바스크립트의 libraries를 지원합니다 . 3. 대규모 프로젝트에서는 자바스크립트가 어렵고 불편하기에 이를 보안한 언어입니다. 4. 강력한 커뮤니티와 툴 기능의 최대 활용 가능 Ex) fuction 인사(값 : "st.. 2021. 2. 10. Next.js 별거 아니야 Next.js 이란 ??? 도대체 넌 무엇이냐? 탄생 배경: React, Vue, Angular 의 SPA(Single Page Application)의 등장으로 한페이지에서 모든것을 처리하는것에 초점이 마쳐있는 웹페이지 였습니다. 이것을 CSR(client-side rendering) 부릅니다. 하지만 여기 단점 2가지 1. 검색엔진의 어려움이 있습니다. 특히 Google SEO의 검색 문제가 있죠 (블로그 노출 광고 시 가장 취약) 2. 로딩 속도가 느립니다. client 요청--> server 요청 --> HTML --> client로 전달 그래서 등장한 !!! Next js! 1. Google- SEO 최적화된 SPA(Single Page Application) !!!! 2. CRS단점을 보안한 .. 2021. 2. 3. Axios 사용 하기 !! node.js 에서 http통신을 위한 javascript 라이브러리 입니다. axios외에도 request, fetch, jquery을 사용해서 서버에 요청을 할 수 있습니다. ex) API를 요청하고 get 또는 post할떄 제일 많이 사용됩니다. $ npm install axios Axios의 최고 장점은 instance를 설정 할 수 잇다는 점입니다. const API = axios.create({ baseURl:"요청을 보낼 기본 주소", headers: "헤더", params: "요청을 보낸 URL parameter", }) 또한 formdata도 전송이 가능합니다.!! 사용법 입니다. 2021. 2. 2. 2탄 바이낸스 차트 데이터 받기 (Kline/Candlestick Data) 자 데이터를 받아 왔으면 이제 데이터를 가공할 차례입니다. 이부분이 제일 많은 작업이 필요하고 귀찮죠 ... 일단 첫쨰 소켓으로 node.js을 통해서 front 쪽으로 데이터를 보내줍니다. HTML 에는 이렇게 데이터를 받습니다. CDN 설치 필수 입니다. var socket = io.connet("ws//서버 번호") socket.on 을 통해서 "data_set으로" 데이를 보낸뒤 return_data에서 데이터를 꺼냅니다. 일단 데이터가 여러게 2차열 배열로 들어가 있기때문에 for문을 돌려서 배열을 하나씩 꺼내줍니다. 그리고 나서 앞에 1탄에서 보시면 0번째는 시간입니다. [0] 값은 시간입니다. [1] 값은 open장 가격입니다. [2] 값은 제일 비싼 가격입니다. [3] 값은 제일 낮은 가격.. 2021. 2. 1. 이전 1 2 다음
