천진난만 코딩 스토리

-코드- function solution(arr) { let answer = arr; let sum = answer.reduce((a, b) => a + b, 0); for (let i = 0; i < answer.length - 1; i++) { for (let j = i + 1; j < answer.length; j++) { if (sum - (answer[i] + answer[j]) == 100) { answer.splice(j, 1); answer.splice(isFinite, 1); } } } return answer; } let arr = [20, 7, 23, 19, 10, 15, 25, 8, 13]; console.log(solution(arr)); -풀이과정- let arr = [20, 7..

-코드- function solution(day, arr) { let answer = 0; for (let x of arr) { if (x % 10 == day) answer++; } return answer; } arr = [25, 23, 11, 47, 53, 17, 33]; console.log(solution(3, arr)); -풀이과정- console.log(solution(3, arr)); 를 하여 날짜인 자연수 하나와 차량번호를 배열로 받음. arr = [25, 23, 11, 47, 53, 17, 33]; 를 하여 차량번호를 배열함. function solution(day, arr) 를 하여 날짜와 차량번호 배열을 받고 let answer = 0; 를 하여 answer에 0을 넣어줌. for ..

-코드 1- function solution(arr) { let answer = []; let sum = 0, min = 1000; for (let i = 0; i < arr.length; i++) { if (arr[i] % 2 === 1) { sum += arr[i]; if (arr[i] < min) min = arr[i]; } } answer.push(sum); answer.push(min); return answer; } let arr = [12, 77, 38, 41, 53, 92, 85]; console.log(solution(arr)); -풀이과정 1- let arr = [ ]; 를 하여 입력되는 수를 배열함. function solution(arr) 를 하여 배열을 불러오고 let answer..

-코드 1- function solution(arr) { let answer, min = Number.MAX_SAFE_INTEGER; for (let i = 1; i < arr.length; i++) { if (arr[i] < min) min = arr[i]; } answer = min; return answer; } let arr = [5, 3, 7, 11, 2, 15, 17]; console.log(solution(arr)); -풀이과정- let arr = [5, 3, 7, 11, 2, 15, 17]; 를 하여 입력되는 수를 배열함. function solution(arr) 를 하여 배열을 불러오고 let answer, min = Number.MAX_SAFE_INTEGER; 를 하여 answer를 만..

-코드- function solution(n) { let answer = 0; for (let i = 1; i

-코드- function solution(n) { let answer = Math.ceil(n / 12); return answer; } console.log(solution(25)); -풀이과정- function solution(n) { 를 하여 자연수 하나를 받고 let answer = Math.ceil(n / 12); 를 하여 Math 함수인 ceil를 사용함. n은 학생 수 이고 한 다스에 12자루이기 때문에 n/12를 하여 몇 다스가 필요한지 계산하고 소숫점이 생겨도 한 다스가 더 필요하기 때문에 ceil을 하여 정수올림을 함. ceil은 소숫값이 생기면 정수 올림을 하여 소숫값을 없애버림. ex) 2.34 -> 3 / 5.78 -> 6 floor은 정수 내림. ex) 2.34 -> 2 / 5..

-코드- function solution(a, b, c) { let answer = "Yes"; let sum = a + b + c; if (a > b) max = a; else max = b; if (c > max) max = c; if (sum - max b) max = a; 를 하여 만약 a가 b보다 크다면 max라는 변수에 a를 넣게 함. else max = b; 를 하여 반대로 a가 b보다 크지 않다면 max에 b를 넣게 함. if (c > max) max = c; 를 하여 만약 c가 저장된 max보다 크다면 max에 c를 넣게 함. 이제 max를 구했으니 "No"의 경우를 출력하는 코드를 작성해야 함. if (sum - max

-코드- function solution(a, b, c) { let answer; if (a < b) answer = a; else answer = b; if (c < answer) answer = c; return answer; } console.log(solution(6, 5, 11)); -풀이과정- function solution(a, b, c) { 를 하여 세 수 를 받고 if (a < b) answer = a; 를 하여 만약 a가 b보다 작다면 answer에 a를 넣어서 출력하게 함. 하지만 b가 더 작을수도 있기에 else answer = b; 를 하여 만약 아니라면 answer에 b를 넣어서 출력하게 함. c도 비교해야 하기에 if (c < answer) answer = c;를 하여 만약 c..

1 ) no-mobile 생성하기 모든 html 파일에 no-mobile 박스를 작성해줌. no-mobile.css 파일을 만들고 import 해줌. 2) no-mobile 스타일하기 no-mobile 박스에 노란색의 배경을 주고 absolute하여 위치를 어디든 바꿀 수 있게 함. z-index: 99; 를 하여 다른 화면이 위로 못 올라오게 함. 높이와 너비를 100%로 주고 top:0; 을 하여 맨 위로 올림. flex 를 하고 텍스트를 중앙으로 옮기고 텍스트의 크기를 키움. 노란색 배경의 문구가 모든 화면의 맨 앞에 잘 나타남. 3) media query @media screen and (max-width: 580px)를 하여 화면이 580px보다 클 경우를 선택함. 이 경우에 no-mobile ..

1 ) 설정 아이콘 돌아가게 하기 screen-header에 있는 설정 아이콘에 z축으로 360도 빙글빙글 돌아가는 애니메이션을 1초동안 계속 재생되게 함. 설정 아이콘이 빙글빙글 돌아감. 2 ) 커서가 올라가면 돌아가게 하기 마우스 커서가 아이콘 위에 올라간 hover 상태일때만 애니메이션이 재생되게 함. 마우스 커서가 올라가면 애니메이션이 재생됨. 3 ) 하트 심작박동 애니메이션 만들기 find 화면의 open chat 부분의 heart count의 heart 아이콘의 색이 하얀색에서 빨간색이 되는 애니메이션을 1초 동안 계속 재생되도록 함. 아이콘의 색이 계속 변하는 것을 볼 수 있음. 4 ) 하트 크기 키우기 아이콘의 크기가 빨간색일때 크게 되도록 만듬. 아이콘이 빨간색일때 커지지만 흔들리며 불안..