시작하기에 충분한 JavaScript: #7 조건부
이야기 시간
👉 이러한 지루한 이론은 이제 그만, 일반적으로 프로그래밍에 유용하고 일상적으로 사용되는 매우 유용한 것을 이해하기 시작하겠습니다.
👉 재미있는 이야기부터 시작하겠습니다. 이 블록을 읽고 있는데 친구가 그와 함께 게임을 하자고 신호를 보냈다고 가정해 봅시다. 당신은 흥분했고 솔직히 누가 그렇지 않습니까? 하지만 그 후에 당신은 당신이 여자 친구와 영화의 밤을 보냈다는 것을 기억했습니다. 이제 당신은 혼란스러워서 당신의 친구에게 우리가 한 약속을 기억하지 못한다면 반드시 비디오 게임을 하거나 그렇지 않으면 내가 가야 한다고 말했습니다...
축하합니다! 방금 조건문의 개념을 배웠습니다 🎉
👉 조건문은 코딩에 사용되는 if else 조건일 뿐입니다.
👉 조건문은 코드의 논리 부분을 구동하는 데 사용됩니다. (예: 18세 이상인 경우 라이선스를 부여하려는 경우)
👉 If-Else 조건은 프로그램에 흐름을 제공하여 특정 조건 후에 내 코드를 어디로 흐르게 할지 결정할 수 있습니다.
if else 조건의 다이어그램
👉 다이어그램에서 볼 수 있듯이 조건이 True로 평가되면 if 블록 안에 작성된 코드 블록(코드 조각)이 실행될 것입니다.
👉 작성된 자유 낙하 코드에서 조건이 True로 평가되지 않으면 else 부분이 실행됩니다.
코드로 손을 더럽히자 ✨
👉 지금까지는 콘솔 내에서만 JS를 실행했지만 이제는 코드 조각을 실행하려고 합니다.
👉 이를 위해 - 코드 편집기가 필요합니다. Vs Code을 사용할 것입니다.
틴더 만들기 😂
👉 Tinder를 만드는 아이디어는 16세 이상의 남성만 앱을 사용할 수 있도록 허용한다는 것입니다.
👉 코드 내부에 새 프로젝트를 만들고
index.html
및 app.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
Reference
이 문제에 관하여(시작하기에 충분한 JavaScript: #7 조건부), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/whoadarshpandya/enough-javascript-to-get-you-started-7-conditionals-175k텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)