day 16
코딩테스트 연습 > 두 정수 사이의 합
문제 설명
두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요.
예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다.
제한 조건
a와 b가 같은 경우는 둘 중 아무 수나 리턴하세요.
a와 b는 -10,000,000 이상 10,000,000 이하인 정수입니다.
a와 b의 대소관계는 정해져있지 않습니다.
입출력 예
a b return
3 5 12
3 3 3
5 3 12
👉 문제 풀이
a와 b 사이 대소관계가 정해져있지 않으므로 Math.min() Math.max()로 min값과 max값을 정해준다. for 반복문을 돌린다.
➕ 자바스크립트에서 절대값을 구하는 방법
: Math.abs() 함수를 사용한다.
코딩테스트 연습 > 콜라츠 추측
문제 설명
1937년 Collatz란 사람에 의해 제기된 이 추측은, 주어진 수가 1이 될 때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다는 추측입니다. 작업은 다음과 같습니다.
1-1. 입력된 수가 짝수라면 2로 나눕니다.
1-2. 입력된 수가 홀수라면 3을 곱하고 1을 더합니다.
2. 결과로 나온 수에 같은 작업을 1이 될 때까지 반복합니다.
예를 들어, 주어진 수가 6이라면 6 → 3 → 10 → 5 → 16 → 8 → 4 → 2 → 1 이 되어 총 8번 만에 1이 됩니다. 위 작업을 몇 번이나 반복해야 하는지 반환하는 함수, solution을 완성해 주세요. 단, 주어진 수가 1인 경우에는 0을, 작업을 500번 반복할 때까지 1이 되지 않는다면 –1을 반환해 주세요.
제한 사항
입력된 수, num은 1 이상 8,000,000 미만인 정수입니다.
입출력 예
n result
6 8
16 4
626331 -1
👉 문제 풀이
1이 아니면 반복한다. ->for반복문 루프
짝수면 : 2로나눈다 / 홀수면 : 3을곱한다 & 1을더한다. -> ?연산자 사용
1이되면 i를 반환한다.
500회엔 반복을 멈추고 return 1을한다.
데일리 미션 > 한식 메뉴 렌더링
-
html페이지가 준비되면 메뉴의 이름과 설명을 가져와야함.
$(document).ready(function() { }) -
createElement와 appendChild를 사용해서 html태그를 만들고 위치시킨다.
let ~~~ = document.createElement("태그이름")
태그) h1,ul,li,p 등등 -
스크립트에서 css를 꾸며줄 수도 있다.
let newdiv = document.createElement('div')
👉문서에 newdiv라는 div태그를 생성
newdiv.classList.add("box")
👉createElement와 appendChild 사이에서
css를 꾸며줄 수 있고, classList.add로
class 이름을 붙여줄 수 있다.
document.body.appendChild(newdiv);
👉newdiv를 문서의 body에 위치시킴_작성한 코드
<script>
const menuItems = [
{ name: '비빔밥', description: '밥 위에 나물, 고기, 고추장 등을 얹고 비벼 먹는 한국 요리' },
{ name: '김치찌개', description: '김치와 돼지고기 등을 넣고 끓인 한국의 찌개 요리' },
{ name: '불고기', description: '양념한 고기를 구워서 먹는 한국 요리' },
{ name: '떡볶이', description: '떡과 어묵을 고추장 양념에 볶아 만든 한국의 간식' },
{ name: '잡채', description: '당면과 여러 채소, 고기를 볶아 만든 한국 요리' }
];
// createElement와 appendchild를 이용해서 자바스크립트로 html태그 만들기
$(document).ready(function hello() {
let title = document.createElement("h1")
title.innerText = "한식 메뉴"
document.body.appendChild(title);
menuItems.forEach(row => {
let newdiv = document.createElement('div')
newdiv.classList.add("box")
document.body.appendChild(newdiv);
let newh3 = document.createElement('h3')
newh3.classList.add("tb")
newh3.innerText = row.name
newdiv.appendChild(newh3);
let newp = document.createElement('p')
newp.classList.add('down')
newp.innerText = row.description
newdiv.appendChild(newp);
});
})
</script>
<body>
</body>
</html>결과
