qwef

function getRandomColor(){ return "#" + Math.floor(Math.random() * 16777215).toString(16); } 16777215가 16진수로 ffffff니까, 랜덤(0~1 사이) * 저거 하고 16진수로 바꿔주면 됨.

배경색과 배경이미지, 혹은 배경이미지들이 여러 개 있을 때, 그것들과의 관계를 정의. 여러가지 옵션을 넣을 수 있음. 마치 레이어 투명도? 조절 하면서 겹치거나 좀 어둡게 하거나 그런 느낌임. 여러 효과가 있음

class CustomPromise { constructor(executor) { this.executor = executor; this.state = 'pending'; this.value = null; const resolve = (data) => { if (this.state === 'pending') { this.state = 'fulfilled'; this.value = data; this.onResolve && this.onResolve(data); } }; const reject = (error) => { if (this.state === 'pending') { this.state = 'rejected'; this.value = error; this.onReject && this.onReje..

https://millo-l.github.io/WebRTC-%EC%84%B1%EB%8A%A5%EB%B9%84%EA%B5%90-P2P-vs-SFU/ WebRTC 성능 비교(P2P vs SFU) | millo's tech blog 1. 서론 지난 포스팅을 마지막으로 P2P(Mesh)와 SFU 방식의 1:N 화상회의 WebRTC 구현을 마쳤다. 구현의 마지막은 항상 성능 테스트 아닌가 해서 정말 간단하게 성능 테스트를 진행해봤다. 테스트를 위 millo-l.github.io

Set은 ES6에서 새로 나온 콜렉션인데, 중복되는 값이 담기는 것을 막아주는 콜렉션이다. const set = new Set(); set.add('one'); set.add('two'); set.add('one'); console.log(set); one이 하나만 들어간다. console.log(set.has('one')); 'one'이라는 값이 있는지 검사. set.delete('one') 'one'을 삭제. 얘는 사이즈를 size()도 아니고 size로 앎. 변수로 되어 있음. const arr = [1,2,3,2,2,5,4,4,3,2]; console.log(new Set(arr)); 배열을 Set으로 바꾼다. Set 특성 상 중복은 하나만 남는다. const array = Array.from(s..

axios 또한, Promise를 반환한다고 한다. https://qwefdg3.tistory.com/363 fetch로 서버로부터 데이터를 받아와 동적으로 html 추가 qwefdg3.tistory.com 이건 fetch로 했던 거 그리고 또, fetch보다 더 쉽다. 더 많은 편의기능을 제공한다고 한다. 업그레이드버전? 이라고 보는 것도 맞겠다. Node.js에서도 둘 다 패키지 설치해서 사용할 수 있지만, 편의기능이 더 많은 Axios가 더 인기가 많다. axios.get(SERVER_PATH) .then(_response=>{ console.log(_response.data); }).catch(e=>{ console.log(e); }); get이 fetch라고 보면 된다. 근데 내부적으로 asyn..

const FILE_PATH = '/data.json'; getData(); async function getData(){ let _data = await fetch("/data.json"); let _json_data = await _data.json(); console.log(_json_data); } 그냥 fetch 쓰면서 절대경로로 가져오면 됨. 그러면 알아서 내서버url/data.json 해서 가져옴. 웹 api 관련 데이터는 _ 붙인다고 함. 사람마다 다르긴 하겠지만, 확실히 붙여서 구분해 주는 게 좋을 듯.

이건 배열 전체에 대한 검사 some() 배열 중 하나라도 조건에 만족하면 true 반환 every() 이거는 모든 값이 조건에 만족하는 지 검사하는 것인데, 하나라도 조건에 비만족 할 시 false 반환 배열.some((원소로쓸이름) => 조건) 배열.every((원소로쓸이름) => 조건)

slice()는 복사 splice()는 원본을 바꿈

배열 -> 문자열 배열.join(원소간구분용도문자) 기본값은 원소1,원소2... 이런 식으로 가는데, join() 안에 인자 주면 , 이거 대신 인자로 됨 문자열 -> 배열 문자열.split(구분할문자) 이렇게 하면 문자열 중 저 구분할문자 기준으로 원소가 나눠짐.