Small Grey Outline Pointer 'js' 태그의 글 목록
본문 바로가기

js7

[인간 JS 되기] promise, async/await promise const condition = true; //true이면 resolve, false면 reject const promise = new Promise((resolve, reject)=>{ if(condition){ resolve('성공'); }else{ reject('실패'); } }); //다른 코드가 들어갈 수 있음 promise.then((message)=>{ console.log(message); //성공(resolve)한 경우 실행 }).catch((error)=>{ console.log(error); //실패(reject)한 경우 실행 }) 📌promise : 내용이 실행은 되었지만 결과를 아직 반환하지 않은 객체 Then을 붙이면 결과를 반환함 실행이 완료되지 않았으면 완료된 .. 2023. 8. 6.
let과 var의 차이 let 과 var의 차이 let for(let i =0; i{ console.log(winBalls[i], i); addBall(winBalls[i] ,$result); }, (i+1)*1000); } var for(var i =0; i{ console.log(winBalls[i], i); addBall(winBalls[i] ,$result); }, (i+1)*1000); } 📌var는 함수 스코프, let은 블록 스코프를 가진다 a는 함수 안에 선언된 변수이므로 함수 바깥에서는 접근할 수 없다 함수를 경계로 접근 여부가 달라지는 것이 함수 스코프 var는 함수 스코프(함수만 신경 씀)라서 if 문 안에 들어 있으면 바깥에서 접근할 수 있다 하지만, let은 그렇지 않다 let이 블록 스코프(블록을 신경.. 2023. 7. 17.
[레츠기릿JS] 로또 추첨기 순서도 그리기 전체 공 개수를 45개로 하고 이 중에서 보너스 공까지 총 7개를 뽑는다 (마지막 공이 보너스 공) 단, 공 45개를 전부 다 섞은 뒤에 7개의 공을 뽑는다 const candidate = Array(45).fill().map((v, i) => i+1); //Array(45) 빈배열 45개 만들고, fill() : undefined로 채운다 //map()으로 리턴값 i + 1인 새 배열을 반환 // 1~45까지의 숫자가 담긴 배열이 생성 된다 자바스크립트 배열 만드는 방법 배열 리터럴 [] 대괄호로 배열 생성 var arr = []; Array() 생성자 함수로 배열 생성 var arr = new Array(); 피셔 예이츠 셔플 유한 수열의 무작위 순열을 생성하기 위한 알고리즘 (값을 랜.. 2023. 7. 17.
[노마드코더] 바닐라JS로 그림앱 만들기 #01 캔버스 기본 동작 const canvas = document.querySelector('canvas'); //컨버스에 그림 그릴 때 사용 context //컨버스의 좌표 시스템을 이용해서 그림을 그린다 const ctx = canvas.getContext('2d'); canvas.width = 800; canvas.height = 800; //좌표의 0,0 부터 시작한다 //한 경로로 연결되어 있기 때문에 컬러 변경 시 모든 사각형이 변경 됨 => 새 경로 만들어줘야 함 /* ctx.rect(50, 50, 100, 200); ctx.rect(150, 150, 100, 100); // ctx.stroke(); ctx.fill(); ctx.beginPath(); //새 경로 만들기 ctx.rect(350, .. 2023. 7. 1.
[프로그래머스] -js 짝수의 합 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. 제한사항 0 v % 2 === 0) //배열에서 짝수에 해당하는 값만 뽑기 .reduce((acc, cur) => acc + cur, 0); //짝수들 누적 합산 } return Array(n).fill().map((_, index) => index + 1).filter(v => v % 2 === 0).reduce((a , c) => a + c, 0); 02. function solution(n) { var half = Math.floor(n/2); return half*(half+1); } 접근을 다양하게 하는 사람들이 많구나 난 너무 단순하게 생각하는듯 공부 열심히 해야지 2023. 6. 27.
[프로그래머스] - js 각도기 각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요. 예각 : 0 word.length > 6); console.log(result); // Expected output: Array ["exuberant", "destruction", "present"] 작은 값 걸러내기 function isBigEnough(value) { return value >= 10; } var filtered = [12, 5, 8, 130, 44].filter(isBigEnough); // filtered .. 2023. 6. 27.
[프로그래머스] js 자연수 뒤집어 배열로 만들기 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다.제한 조건 n은 10,000,000,000이하인 자연수입니다. 입출력 예 nreturn 12345 [5,4,3,2,1] 나의풀이 function solution(n) { //12345 var answer = []; var numStr = (n.toString()).split(''); var arr = numStr.map(ele => Number(ele)); answer = arr.reverse(); return answer; } 1. 숫자 n을 문자열로 바꿔준 후, split 구분자로 자른다 2. 문자열을 다시 숫자로 바꿔주고 배열을 뒤집는다 다른사람의 풀이 func.. 2023. 6. 25.

티스토리툴바