[인프런] Javascript입문

Notice

Recent Posts

Recent Comments

Link

« 2024/12 »
일	월	화	수	목	금	토
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

Tags more

Archives

Today

Total

관리 메뉴

Bibi's DevLog 🤓🍎

[인프런] Javascript입문 - 연습문제1 본문

프로그래밍/Javascript 자바스크립트

[인프런] Javascript입문 - 연습문제1

비비 bibi 2020. 10. 4. 21:21

* 이 글은 인프런에서 제공하는 호눅스님의 유료 강의 '쉽고 자연스럽게 배워보는 Javascript 입문 - 코드스쿼드 마스터즈 코스 레벨1'를 듣고 공부하며 정리한 글입니다. 강의 내용에 더해, 제가 필기하고 구글링한 내용이 정리되어 있습니다. 초보인 제가 이해한 대로 정리했기 때문에, 부정확한 내용이 있을 수 있음을 감안해 주시길 바랍니다. 강의를 듣고 내용을 정리한 글이기 때문에 문제가 되지 않는다는 인프런 측 답변을 받은 적이 있으나(https://bibi6666667.tistory.com/37), 저작권상 문제가 된다면 보호 모드(비공개)로 전환하겠습니다.

<연습문제 1>

연습문제1

두 수를 입력받아 4칙연산의 결과를 표시해 봅시다.
BMI를 계산하는 프로그램을 작성해 봅시다.
화씨를 입력받아서 섭씨로 바꾸는 프로그램을 작성해 봅시다.
입력한 문자열의 길이를 알려주는 프로그램을 작성해 봅시다.

-> 첫 번째 문제만 함께 풀고, 나머지는 혼자서 배운 것과 구글링 등을 통해 풀어보기.
-> 도저히 모르겠으면 영상을 본 뒤, 다 지우고 처음부터 다시 하기.
-> 완전히 내 힘으로 코드를 짤 수 있을 때까지 반복하기.

답안 예시

1번.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2>연습문제 1-1</h2>
<script>
    var s1 = prompt('숫자1을 입력해 주세요.');
    var s2 = prompt('숫자2를 입력해 주세요.');
    var n1 = Number(s1);
    var n2 = Number(s2);
    console.log(n1 + "+" + n2 + "=" + (n1+n2));
    console.log(n1 + "-" + n2 + "=" + (n1-n2));
    console.log(n1 + "*" + n2 + "=" + (n1*n2));
    console.log(n1 + "/" + n2 + "=" + (n1/n2));
</script>
</body>
</html>

(아래는 내가 혼자 푼 코드)

2번.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>연습문제 1-2</h2>
<script>
    var weight = prompt("체중을 입력해 주세요(kg)");
    var height = prompt("키를 입력해 주세요(cm)");
    var wN = Number(weight);
    var hN = Number(height)*0.01;
    console.log(hN);
    console.log("당신의 BMI지수는"+(wN/(hN*hN))+'입니다');
</script>
</body>
</html>

3번.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>연습문제 1-3</h2>
<script>
    var ff = prompt('화씨 몇 도 인가요?(°F)');
    var fN = Number(ff);
    var fTOc = (fN - 32) / 1.8;
    console.log('화씨(°F)'+fN+'도는 섭씨(℃)'+ fTOc +'도 입니다.');
</script>
</body>
</html>

4번.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>연습문제 1-4</h2>
<script>
    var str = prompt('문자를 입력해 주세요!');
    console.log('입력한 문자의 길이는'+str.length+'입니다.');
</script>
</body>
</html>

풀이 영상

해답 보기

https://gist.github.com/honux77/adfc9f0d86209fa7f0a084c779aa75ec

Online LV1 JS ex1

Online LV1 JS ex1. GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

정답과 비교했을 때 내 코드와 다른 점

//2번//
  
  var height = Number(s1) / 100;
  // cm -> m 변환할 때, * 0.01 대신 /100 으로 처리
  
  var bmi = weight / (height * height);
  document.write("BMI는 "  + bmi +"입니다.");
  // console.log() 대신 document.write() 사용.
  // 계산결과를 bmi라는 변수에 한번 더 넣어서 사용 - document.write가 간결해짐.
  
//3번//
 var c = (f - 32) * 5 / 9;
 document.write("화씨" + f  + "도는 섭씨 "  + c + "도입니다.");
 // 나와 다른 공식 사용. *1.8 대신 *5/9 
 // console.log() 대신 document.write() 사용.
 // 계산결과를 c라는 변수에 한번 더 넣어서 사용 - document.write가 간결해짐.
  
//4번//
   var s1 = prompt("아무 말이나 넣어 주세요.");        
   var len = s1.length;
   document.write(s1 + "의 길이는 "  + len + "입니다.");
   // 계산결과를 len라는 변수에 한번 더 넣어서 사용 - document.write가 간결해짐.

저작자표시 비영리 변경금지

'프로그래밍 > Javascript 자바스크립트' 카테고리의 다른 글

[인프런] Javascript입문 - 연습문제2(소수 판별 프로그램) (0)	2020.10.07
[인프런] Javascript 입문 - 반복문1 (0)	2020.10.06
[인프런] Javascript 입문 - if 조건문 (0)	2020.10.06
[인프런] Javascript입문 - 변수, 연산자 및 기타 (0)	2020.10.02
[인프런] Javascript 입문 - 개발 환경 구축, 자바스크립트는 무엇을 할 수 있나?, 자료형 (0)	2020.10.01

'프로그래밍/Javascript 자바스크립트' Related Articles