시작하기에 충분한 JavaScript: #7 조건부

이야기 시간



👉 이러한 지루한 이론은 이제 그만, 일반적으로 프로그래밍에 유용하고 일상적으로 사용되는 매우 유용한 것을 이해하기 시작하겠습니다.

👉 재미있는 이야기부터 시작하겠습니다. 이 블록을 읽고 있는데 친구가 그와 함께 게임을 하자고 신호를 보냈다고 가정해 봅시다. 당신은 흥분했고 솔직히 누가 그렇지 않습니까? 하지만 그 후에 당신은 당신이 여자 친구와 영화의 밤을 보냈다는 것을 기억했습니다. 이제 당신은 혼란스러워서 당신의 친구에게 우리가 한 약속을 기억하지 못한다면 반드시 비디오 게임을 하거나 그렇지 않으면 내가 가야 한다고 말했습니다...

축하합니다! 방금 조건문의 개념을 배웠습니다 🎉



👉 조건문은 코딩에 사용되는 if else 조건일 뿐입니다.

👉 조건문은 코드의 논리 부분을 구동하는 데 사용됩니다. (예: 18세 이상인 경우 라이선스를 부여하려는 경우)

👉 If-Else 조건은 프로그램에 흐름을 제공하여 특정 조건 후에 내 코드를 어디로 흐르게 할지 결정할 수 있습니다.

if else 조건의 다이어그램





👉 다이어그램에서 볼 수 있듯이 조건이 True로 평가되면 if 블록 안에 작성된 코드 블록(코드 조각)이 실행될 것입니다.

👉 작성된 자유 낙하 코드에서 조건이 True로 평가되지 않으면 else 부분이 실행됩니다.

코드로 손을 더럽히자 ✨



👉 지금까지는 콘솔 내에서만 JS를 실행했지만 이제는 코드 조각을 실행하려고 합니다.

👉 이를 위해 - 코드 편집기가 필요합니다. Vs Code을 사용할 것입니다.

틴더 만들기 😂



👉 Tinder를 만드는 아이디어는 16세 이상의 남성만 앱을 사용할 수 있도록 허용한다는 것입니다.

👉 코드 내부에 새 프로젝트를 만들고 index.htmlapp.js라는 2개의 파일을 만듭니다.

👉 js 파일을 html를 사용하여 src 파일에 링크하기만 하면 됩니다.

👉 index.html 내부

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tinder</title>
</head>

<body>
    <script src="app.js"></script>
</body>

</html>


👉 사용자로부터 입력을 받는 데 prompt()를 사용할 것입니다. 이 값은 age를 문자열로 반환하므로 프로그램 전체에서 사용할 수 있습니다.

var age = +prompt("hey, Enter your age : ");

if (age >= 16) {
  //? known as if block
  alert("welcome to dev tinder 😂");
} else {
  // ? known as else block
  alert("try maybe after sometime :)");
}



👉 알림, 원활한 작업을 위해 문자열을 숫자로 변환하는 프롬프트 앞에 + 기호를 사용했습니다.

👉 이제 흐름에서 알 수 있듯이 입력이 greater than or equal to 16인 경우welcome to dev tinder 😂를 표시하거나
try maybe after sometime :)
를 표시합니다.

👉 계속해서 index.html의 전체 URL을 브라우저에 붙여넣으세요. 앱이 먼저 프롬프트를 요청하고 그렇지 않으면 조건을 통과합니다.

의심이나 피드백이 있으면 의견 섹션에 알려주십시오. 번성하는 개발자 커뮤니티에 시간을 할애하는 것은 항상 가치가 있습니다 :)

계속 코딩하세요 ❤

이봐, 연결하자👋



/
Github

좋은 웹페이지 즐겨찾기