[프로그래머스/JS] 최대공약수와 최소공배수

문제링크 코딩테스트 연습 - 최대공약수와 최소공배수 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 programmers.co.kr 배운점 재귀를 사용하여 최대공약수를 구할 수 있다. const getGcd = (a,b) => (b>0 ? getGcd(b,a%b) : a) 최대공배수는 두값을 곱한 후에 최대공약수로 나누어주면 된다. 문제풀이 function solution(n, m) { const getGcd = (a,b) => (b>0 ? getGcd(b,a%b) : a) let gcd = getGcd(n,m) let lcm = n * m /gcd ..

[프로그래머스/JS] 하샤드 수

문제링크 코딩테스트 연습 - 하샤드 수 양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를 들어 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다. 자연수 x를 입력받아 x가 하 programmers.co.kr 배운점 다음처럼 "number" 붙어있는 string을 하나씩 쪼개려면 split("")을 사용하여 쪼개어준다. let arr = String(x).split(""); 문제 풀이 function solution(x) { var answer = true; let sp = String(x).split("") let modi = 0 console.log(sp) sp.map((el)=>{ modi+= Number(el) }) retu..

for문 안에서 await

for 문 안에서 비동기 요청을 해야하는 상황이였다. 그런데 다음처럼 i = 1 일때 먼저 콘솔로 출력되는 모습이다. 왜 그런지 생각해보면 i = 1 일때는 i = 0 일때와 비교했을때 더 가져올 값이 적기때문에 빨리 응답이 오기때문이 아닐까? 라고 생각했다. 하지만 나는 이렇게 중구난방으로 데이터가 와버리면 처리하기가 어렵다. 그러므로 await 를 사용하여 순차적으로 데이터가 응답받을 수 있도록 했다.

[프로그래머스/JS] 나누어 떨어지는 숫자배열

문제링크 코딩테스트 연습 - 나누어 떨어지는 숫자 배열 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하 programmers.co.kr 배운점 없음 문제풀이 function solution(arr, divisor) { var answer = []; arr.map((el)=>{ if (el % divisor == 0){ answer.push(el) } }) answer.sort((a,b)=>{ return a-b }) if (answer.length == 0){ answer.push(-1) } return answer; }

[프로그래머스/JS] k번째 수

문제링크 코딩테스트 연습 - K번째수 [1, 5, 2, 6, 3, 7, 4] [[2, 5, 3], [4, 4, 1], [1, 7, 3]] [5, 6, 3] programmers.co.kr 배운점 블로그 자료를 보고 정리한 글입니다. 자바스크립트 sort 에 대해 배웠습니다. 숫자 정렬 오름차순은 다음과 같다. var numbers = [1, 10, 2, 20, 3, 30]; numbers.sort(function compare(a, b) { return a - b; }); 나는 화살표 함수로 짜는게 더 마음에 들었다. sort 할때 compare 함수가 필요하다는 사실을 인지하고 나는 화살표 함수를 사용하기로 했다. var numbers = [1, 10, 2, 20, 3, 30]; numbers.sort..

[프로그래머스/JS] 모의고사

문제링크 코딩테스트 연습 - 모의고사 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 programmers.co.kr 배운점 자바스크립트에서 배열의 최대, 최소 값을 얻기 위한 방법은 count_max = Math.max(...count) 위와 같다. 스프레드 연산자를 사용한다. 문제풀이 function solution(answers) { var answer = []; let arr1 = [1,2,3,4,5] let arr2 = [2,1,2,3,2,4,2,5] let arr3 = [3,3,1,1,2,2,4,4,5,5] let count = new Array(3) cou..

[프로그래머스/JS] 완주하지 못한 선수

문제링크 코딩테스트 연습 - 완주하지 못한 선수 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수 programmers.co.kr 배운점 자바스크립트 Map 은 key, value 값에 for of 로 접근 할 수 있었다. // Map(3) { 'leo' => 1, 'kiki' => 0, 'eden' => 0 } for (const [key, value] of report) { if (value > 0) { answer = key; } 문제풀이 participant = ["leo", "kiki", "eden"]; completion = ["eden", "kiki..

[웹 퍼블리싱] codepen

탭바 관련해서 검색키워드을 어떻게 해야할지 모르겠어서 질문을 드렸다. 구글링해서 마땅히 잘 안나오면 codepen에 검색해보라고 하셔서 검색했더니 바로 찾았다. https://codepen.io/Kapilnemo/pen/pbEbQy Google Material Design Tab Bar ... codepen.io 비록 익명이지만 답변해주신 분에게 정말 감사하다고 말씀드리고 싶다.

자바스크립트 특정 위치로 이동하기

유튜브 자료를 보고 공부한 내용입니다. window.scroll() 브라우저의 스크롤을 특정 위치로 이동시킬 수 있는 메소드이다. 1. window.scroll(x좌표,y좌표) 2. window.scroll(options 객체) offsetTop 요소의 윗면 경계가 최상위 요소의 윗면 경계와 (쉽게 말해 브라우저 화면 맨 위) 얼마 만큼 떨어져 있는지 그 거리를 반환해주는 속성이다. html 1번 2번 3번 1 2 3 css * { box-sizing: border-box; } body { margin: 0; } .menu { width: 200px; height: 50px; position: fixed; left: 50px; border-radius: 0 0 30px 30px; background-co..

퍼블리싱 질문

다음과 같이 레이아웃을 짜고 만드는 연습을 해야겠다. 위처럼 그림으로 박스를 그려서 눈으로 확인하니 더 명확해졌다. 답변해주신 '가루남'님 정말 감사합니다.