Small Grey Outline Pointer 'Dev.' 카테고리의 글 목록 (2 Page)
본문 바로가기

Dev.218

[인간 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.
[프로그래머스] js - 문자열 내 p와 y의 개수 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. 제한사항 문자열 s의 길이 : 50 이하의 자연수 문자열 s는 알파벳으로만 이루어져 있습니다. 입출력 예 sanswer "pPoooyY" true "Pyy" false 입출력 예 설명 입출력 예 #1 'p'의 개수 2개, 'y'의 개수 2개로 같으므로 true를 return 합니다. 입출력.. 2023. 5. 14.
[레츠기릿] 숫자야구 게임 만들기 (반복문 사용하기) 숫자야구 룰 https://thebook.io/080270/0265/ Let's Get IT 자바스크립트 프로그래밍: 5장 반복문 사용하기_숫자야구 게임 더북(TheBook): (주)도서출판 길벗에서 제공하는 IT 도서 열람 서비스입니다. thebook.io 무작위 숫자를 뽑는 과정 Math.random()을 사용하여 랜덤으로 4개의 숫자를 추출한다 • Math.floor 내림 • Math.ceil 올림 • Math.round 반올림 Math.random()// 0 2023. 5. 14.
[레츠기릿JS] 중첩if문 제거하기 / 계산기 만들기 if문 중첩 제거하기 1. if 문 다음에 나오는 공통된 절차를 각 분기점 내부에 넣는다. 2. 분기점에서 짧은 절차부터 실행하게 if 문을 작성한다. 3. 짧은 절차가 끝나면 return(함수 내부의 경우)이나 break(for 문 내부의 경우)로 중단한다. 4. else를 제거한다(이때 중첩 하나가 제거된다). 5. 다음 중첩된 분기점이 나오면 1~4의 과정을 반복한다. const onClickNumber = (event) => { if(operator){ //연산자 비어 있지 않을 때 if(!numTwo){ $result.value=''; //numTwo에 값 저장하기 전 화면 비우기 } numTwo += event.target.textContent; }else { //연산자 비어 있을 때 numO.. 2023. 5. 1.

티스토리툴바