개발일기

1. SSE(Server Side Events)SSE는 HTTP기반의 스트리밍 기술이며 Websocket과 다르게 서버에서 클라이언트로 메시지를 보내기만 하면 되는 단방향 통신이 필요할때 사용하기 적합한 기술이다. 즉, 클라이언트가 요청을 하지 않아도 서버에서 자동으로 데이터를 보내야 하는 경우에 사용한다. 만약 클라이언트에서 서버로 요청을 보내야하면 RestAPI를 사용하여 요청을 보내면 SSE의 단점을 보완하여 사용할 수 있다.// Clientconst eventSource = new EventSource('url...')new EventSource를 사용하여 클라이언트에서 SSE 연결을 시작하게 할 수 있다. 입력된 url로 클라이언트가 GET요청을 보내게 되고 서버는 text/event-strea..

URLSearchParams는 URL의 쿼리 문자열을 다룰 때 주로 사용하며 보통 window.location.search와 같이 사용한다. window.location.search는 현재 브라우저의 쿼리 문자열을 출력한다.console.log(window.location.search)// 예상 출력) ?id=123&fruit=mango현재 주소가 localhost?id=123&fruit=mango 라면 ? 뒤에 붙은 쿼리 문자열만 출력한다. 이를 URLSearchParams와 함께 사용하여 특정 키를 가져오도록 할 수 있다.const params = new URLSeacrhParams(window.location.search)console.log( params.get('id') ) // 123conso..

javascript에서 yaml파일을 읽어들이려면 js-yaml이라는 npm 모듈을 설치해야 한다.yarn add js-yamlnpm install js-yaml 모듈 설치 후, 로컬에 설치되어 있는 yaml파일을 불러오거나 cdn 등에 올라가있는 외부 yaml파일을 불러와 사용할 수 있다.const fs = require('fs');const yaml = require('js-yaml');const fileContents = fs.readFileSync('yaml file path', 'utf8')const data = yaml.load(fileContents)console.log(data) // yaml file data 로컬에 있는 경우는 fs.readFileSync로 yaml파일을 읽어들인 후에 ..