본문 바로가기
반응형

분류 전체보기126

프로그래머스 레벨1 수박수박수박 프로그래머스 레벨 1 문제입니다. 길이가 n이고 '수박수박수박수..'와 같은 패턴을 유지하는 문자열을 리턴하는 함수를 완성하세요. 예를 들어 n이 4이면 '수박수박'을 리턴하고 3이면 '수박수'를 리턴하면 됩니다. function solution(n) { let result = ""; for(let i = 0; i < n; i++) { result += i % 2 == 0 ? '수' : '박'; } return result } console.log( solution(1) ) // 수 console.log( solution(4) ) // 수박수박 2020. 3. 11.
Debouncing, Throttling 디바운싱과 쓰로틀링은 웹페이지의 성능을 향상시키기 위해 이벤트를 제한하는 방법입니다. loadash나 underscore에는 이미 있는 기능입니다. 사용자가 키보드 입력을 중지할 때까지 ajax를 발생시키지 않는다거나 페이지의 스크롤을 측정할 때 주로 사용됩니다. 사용자가 길게 스크롤을 한다면 엄청나게 많은 이벤트가 발생하게 됩니다. 그 많은 이벤트를 수행하는 일이 큰 리소스를 잡아먹게 되고 성능에 문제가 발생합니다. 쓰로틀링 스크롤 이벤트가 빈번하게 발생할 때 쓰로틀링을 걸어줍니다. 몇 초, 몇 밀리초에 한번씩만 실행되게 제한을 걸어줍니다. var timer; window.addEventListener('scroll', e => { console.log('no throttling') if(!timer).. 2020. 2. 26.
Blob Blob Blob(Binary Large Object, 블랍)은 파일류의 불변하는 미가공 데이터를 나타냅니다 데이터의 크기, MIME 타입을 알아내거나, 데이터 송수신을 위해 Blob 객체로 나누는 등의 작업에 사용합니다. 블롭이 아닌 객체와 데이터에서 Blob을 생성하려면 Blob() 생성자를 사용합니다. const obj = {hello: 'world'}; const blob = new Blob([JSON.stringify(obj, null, 2)], {type : 'application/json'}); 생성자를 통해 만들어진 Blob 객체는 size, type의 속성을 가집니다. size는 데이터의 바이트 단위의 사이즈입니다. type은 Blob 객체가 담은 데이터의 MIME 유형을 나타내는 문자열.. 2020. 2. 25.
정렬 // 숫자 정렬 var score = [4, 11, 2, 10, 3, 1]; // 오류 score.sort(); // 1, 10, 11, 2, 3, 4 // ASCII 문자 순서로 정렬되어 숫자의 크기대로 나오지 않음 // 정상 score.sort(function(a, b) { // 오름차순 return a - b; // 1, 2, 3, 4, 10, 11 }); score.sort(function(a, b) { // 내림차순 return b - a; // 11, 10, 4, 3, 2, 1 }); // 오브젝트 정렬 var student = [ { name : "재석", age : 21}, { name : "광희", age : 25}, { name : "형돈", age : 13}, { name : "명수".. 2020. 1. 30.
vue.js axios 예제 https://reqres.in/ Reqres - A hosted REST-API ready to respond to your AJAX requests Native JavaScript If you've already got your own application entities, ie. "products", you can send them in the endpoint URL, like so: var xhr = new XMLHttpRequest(); xhr.open("GET", "https://reqres.in/api/products/3", true); xhr.onload = function(){ conso reqres.in API는 위에 사이트에서 가져왔습니다. https://reqres.in/api/us.. 2020. 1. 13.
vuex, router로 영화 앱 만들기 예제 // index.js export default new Vuex.Store({ state: { movies: { dunkirk: { id: 'dunkirk', title: 'Dunkirk', subtitle: 'Dunkirk', description: `Miraculous evacuation of Allied soldiers from Belgium, Britain, Canada, and France, who were cut off and surrounded by the German army from the beaches and harbor of Dunkirk, France, during the Battle of France in World War II.`, largeImgSrc: `url('https:/.. 2020. 1. 6.
반응형

티스토리툴바