매일 땡기는 마라 코딩

[인프런] 맛집지도 만들기 - 퀴즈 7, 퀴즈 8, 퀴즈 9, 퀴즈 10 본문

클론코딩

[인프런] 맛집지도 만들기 - 퀴즈 7, 퀴즈 8, 퀴즈 9, 퀴즈 10

cmkoi1 2023. 1. 31. 21:58

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

 

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 - 인프런 | 강

내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다., - 강의 소개 | 인프런...

www.inflearn.com

※ 해당 링크 강의 내용을 바탕으로 작성된 포스팅입니다.

 

 

 

JS 배열 퀴즈

  1. "짱구", "철수" 문자열이 저장되어 있는 배열을 생성합니다.
  2. 생성한 배열 끝에 "훈이"를 추가합니다.
  3. "철수"를 "유리"로 수정합니다.
  4. "짱구"를 삭제합니다.
  • 배열과제.html, 배열과제.js 생성.

 

 

퀴즈 코드
배열과제.html

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="배열과제.js"></script>
</body>
</html>

 

퀴즈 코드
배열과제.js

 

const nameList = ["짱구", "철수"];
console.log(nameList)

nameList[2] = "훈이";
console.log(nameList)

nameList[1] = "유리";
console.log(nameList)

nameList.splice(0, 1);
console.log(nameList)

 

 

 

 

JS 배열 퀴즈 풀이

풀이 코드
배열과제.js

 

const nameList = ["짱구", "철수"];
console.log(nameList)

nameList.push("훈이");
console.log(nameList)

nameList[1] = "유리";
console.log(nameList)

nameList.splice(0, 1);
console.log(nameList)

 

 

 

 

[JavaScript] 자바스크립트 배열 추가, 삭제 방법 (push, pop, splice)

자바스크립트 배열 추가, 삭제 함수 배열 추가 : Array.push(), Array.unshift(), Array.splice() 배열 삭제 : Array.pop(), Array.shift(), Array.splice() 배열 요소를 추가하는 방법 var arr = ['a', 'b', 'c']; // arr = ['a', 'b', 'c'

gent.tistory.com

 

 

 

while문 퀴즈

while을 사용하여 1-50까지의 숫자 중 5의 배수만 console.log()로 출력해보세요.

 

  • while문과제.html, while문과제.js 생성.

 

 

퀴즈 코드
while문과제.html

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="while문과제.js"></script>
</body>
</html>

 

퀴즈 코드
while문과제.js

 

let i = 1;

while (i <= 50) {
    if (i % 5 == 0) {
        console.log(i);
    }
    i++;  
}

변수 선언을 const로 해서 오류 났었음...
let으로 선언해서 성공~

 

 

 

JS 배열 퀴즈 풀이

풀이 코드
while문과제.js

 

let i = 1;

while (i <= 50) {
    if (i % 5 == 0) {
        console.log(i);
    }
    i++;  
}

 

 

 

 

for문 퀴즈

for를 사용하여 1-50까지의 숫자 중 5의 배수만 console.log()로 출력해보세요.

 

  • for문과제.html, for문과제.js 생성.

 

 

퀴즈 코드
for문과제.html

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="for문과제.js"></script>
</body>
</html>

 

퀴즈 코드
for문과제.js

 

for(let i = 1; i <= 50; i++) {
    if(i % 5 == 0) {
        console.log(i);
    }
}

 

 

 

 

JS 배열 퀴즈 풀이

풀이 코드
for문과제.js

 

for(let i = 1; i <= 50; i++) {
    if(i % 5 === 0) {
        console.log(i);
    }
}

 

 

 

 

함수 퀴즈

BMI 지수를 계산하고 반환하는 함수를 만들어봅시다.

함수명은 BMI으로 합니다.

파라미터로 키, 몸무게를 가집니다.

계산된 BMI지수를 반환합니다.

결과적으로 console.log() 메서드를 사용해 나의 BMI 지수를 출력합니다.

 

  • 함수과제.html, 함수과제.js 생성.

 

 

퀴즈 코드
함수과제.html

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="함수과제.js"></script>
</body>
</html>

 

퀴즈 코드
함수과제.js

 

function BMI(height, weight) {
    let hei = height*0.01
    let bmi = weight/(hei*hei);

    return bmi;
}

console.log(BMI(166, 53));

 

 

 

 

JS 배열 퀴즈 풀이

풀이 코드
함수과제.js

 

function BMI(height, weight) {
    const meterHeight = height / 100;
    const result = weight / (meterHeight * meterHeight);

    return result;
}

console.log(BMI(170, 70));

 

 

728x90

'클론코딩' 카테고리의 다른 글

[인프런] 맛집지도 만들기 - 퀴즈 11, 퀴즈 12, 퀴즈 13  (0) 2023.02.02
[인프런] 맛집지도 만들기 (8)  (0) 2023.01.31
[인프런] 맛집지도 만들기 (7)  (0) 2023.01.31
[인프런] 맛집지도 만들기 - 퀴즈 5, 퀴즈 6  (0) 2023.01.31
[인프런] 맛집지도 만들기 (6)  (0) 2023.01.31
'클론코딩' Related Articles more