본문 바로가기

코린이7

자바스크립트 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. 깃 허브에 가셔서 새로운 repository를 생성합니다 2. 프로젝트를 생성후 이런 페이지가 이동됩니다. 3. git init 4. git add . 5. git commit -m "commit" 6. git remote add origin "해당 주소" 7. git push origin master 8. 끝 !! 쉽죠! 2021. 2. 28.
HTML을 NextJS 만들어 보자~~!!! 1. Next JS 프로젝트 설치 npx create-next-app 프로젝트 이름 # or yarn create next-app 프로젝트 이름 2. 설치 후 기본적인 설정 3. public에 css,font,js,images를 이동시킵니다. 4. pages안에 Document.js를 만들어 줍니다. import Document, {Html, Head, Main, NextScript} from 'next/document' class MyDocument extends Document { static async getInitialProps(ctx) { const initialProps = await Document.getInitialProps(ctx) return { ...initialProps } } re.. 2021. 2. 12.
Type + Script = Typescript란? 개념 잡기 배경 기존의 Javascript 가장 큰 장점이자 단점인 타입이 없어도 사용 가능하다는 것입니다. 여기서 큰 문제가 될 수 있는 것이 어디에서 에러가 발생했는지 알 수 없다는 점이 가장 큰 문제입니다. 특히 대형 프로젝트일 경우 많은 Fucntion과 변수들이 선언돼있으면 에러를 잡는데 많은 시간을 낭비해야 하는 단점이 있습니다. 이를 사전에 방지하고자 나온 것이 Typescript입니다. 특징 1. Typescripts는 결국 자바스크립트의 기본 배경이다! 2. Typescript는 자바스크립트의 libraries를 지원합니다 . 3. 대규모 프로젝트에서는 자바스크립트가 어렵고 불편하기에 이를 보안한 언어입니다. 4. 강력한 커뮤니티와 툴 기능의 최대 활용 가능 Ex) fuction 인사(값 : "st.. 2021. 2. 10.
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.
개발 마스터에 오신 여러분을 환영합니다. 비전공자인 저로써 개발을 하면서 많은 어려움이 있습니다. 하지만 하나하나 배워가면서 깨달은 글들을 기록 하고 싶은 마음에 블로그를 시작하게되었습니다. 누군가에게는 저의 글을이 도움이 될것이라고 생각하면서 제가 깨달은 글과 해결 방법을 공유 할려고 합니다. 개발 마스터가 되는 그날까지 화이팅! 2021. 1. 29.