반응형 분류 전체보기126 es6로 0부터 n까지 숫자범위 배열 생성 var arr = []; for(var i = 0; i i); var range2 = [...Array(5).keys()].map(i => i); var range3 = Array.from({length: 5}, (v,i) => i); // 모두 [0,1,2,3,4] 출력 2020. 5. 12. firebase 배포하기 firebase에서 프로젝트 생성 firebase 설치 firebase 계정으로 로그인 프로젝트 내에서 init 질문들 내에서 필요한것들 체크 vue-cli build하면 dist를 public으로 생성하므로 dist로 설정하고 덮어쓰기 firebase deploy로 배포하면 url 정보가 나온다. 배포 후 업데이트 npm run build firebase deploy 2020. 4. 6. IntersectionObserver 이용한 인피니티 스크롤 예제 IntersectionObserver는 대상 요소와 뷰포트의 교차 영역에 대한 변화를 비동기적으로 감지하도록 도와줍니다. 비동기로 실행되기 때문에 scroll 이벤트 요소에서 발생하는 이벤트가 연속으로 호출되는 문제가 없습니다. const io = new IntersectionObserver(callback, options) io.observe(element) // 대상 요소 감시 시작 const io = new IntersectionObserver(entries => { if (entries[0].intersectionRatio { entries.forEach(entry => { if (entry.isIntersecting) { add(); } }); }); io.observe(ele); functio.. 2020. 4. 3. getBoundingClientRect getBoundingClientRect는 요소의 크기와 뷰포트를 기준으로 한 위치값을 객체로 반환합니다. let elem = document.querySelector('div'); let rect = elem.getBoundingClientRect(); for(var key in rect) { if( typeof rect[key] !== 'function' ){ let para = document.createElement('p'); para.textContent = `${key} : ${rect[key]}`; document.body.appendChild(para) } } References https://developer.mozilla.org/en-US/docs/Web/API/Element/getBou.. 2020. 3. 23. 프로그래머스 레벨1 완주하지 못한 선수 프로그래머스 레벨 1 문제입니다. 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 제한사항 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다. completion의 길이는 participant의 길이보다 1 작습니다. 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다. 참가자 중에는 동명이인이 있을 수 있습니다. 예제 #1 leo는 참여자 명단에는 있지만, 완주자 명단에는 없.. 2020. 3. 17. 프로그래머스 레벨1 김서방 찾기 프로그래머스 레벨 1 문제입니다. String 배열 seoul의 element중 'Kim'의 위치 x를 찾아 '김서방은 x에 있다'는 String을 반환하는 함수를 완성하세요. seoul에 'kim'은 오직 한 번만 나타나며 잘못된 값이 입력되는 경우는 없습니다. seoul은 길이 1이상, 1000 이하인 배열 seoul의 원소는 길이 1이상, 20 이하인 문자열 kim은 반드시 seoul안에 포함되어있음 function find(seoul) { const idx = seoul.indexOf('Kim'); return `김서방은 ${idx}에 있다` } 2020. 3. 13. 이전 1 ··· 7 8 9 10 11 12 13 ··· 21 다음 반응형
