2022.02.05 자바스크립트 독학

Do it! 자바스크립트+제이쿼리 입문으로

"썰풀기"

웹디자인 기능사를 딴 이후에 코딩은 하는만큼 쉬워진다는걸 느껴서 더 깊게 파보려고 한다.
어느날 친구에게 파이썬을 배워보자는 제안에 선뜻 수락했지만 나에게는 어렵고 잘 맞는것 같지 않아 고생을 꾀나 했던 찰나에 친척에게 사이트를 하나 만들어 달라는 의뢰를 받아 만들다 보니 동작을 주는 사이트를 만들지는 않았지만 아직 부족한 부분이 많다고 생각하여 html, css뿐만아니라 javascript에도 더 깊게 공부할 필요가 생겼다.

1.prompt

나이를 물어보며 20살 이상인 경우엔 "성인입니다", 이하인 경우에는 "성인이 아닙니다" 를 보여주려고 한다.
다음의 코드를 보며 해석해 나가자.

<script>
var age = prompt("당신의 나이는?", "0");
        if(age>=20){
            document.write("성인입니다");
        }
        else{
            document.write("성인이 아닙니다.");
        }
</script>

var
Variable(변수)를 뜻하는데,
정수(integer/int), 실수(float/double), 문자(char) 및 문자열(string/str)등
여러형식으로 특정 값을 저장하는 메모리 공간을 뜻한다.

자바스크립트 언어든 파이썬이든 '= (등호)' 는 같다 라는 뜻이아닌 '할당한다(주어진다)' 라는 뜻을 담는 듯 하다.

prompt
사용자가 입력한 값을 반환한다. 오늘의 예제로는 20과 크거나 같으면 "성인입니다."를,
20보다 작다면 "성인이 아닙니다."를 출력한다.

("당신의 나이는?", "0")
괄호 안에 내용을 입력할 땐 ""(따옴표)를 사용해서 넣자.
앞의 "당신의 나이는?" 은 질문에 들어갈 내용, 뒤의 "0" 은 질문에 보여줄 값을 의미한다.

실행결과의 이미지.

if, else 나중에도 한번더 포스팅을 하겠지만 지금은 위의 코드를 참고하면서 해석해 보자.
영어의 뜻 그대로 "만약, 또 다른" 으로 생각하면 쉽게 이해가 가능하다.

if(age>=20){
	document.write("성인입니다");
}  
	#	만약(나이가 20살과 같거나 크다면) {
	#		문서를.출력해라("성인입니다.");
	#	}
    
else{
	document.write("성인이 아닙니다.");
}
	#	그렇지 않다면{
	#		문서를.출력해라("성인이 아닙니다.");
	#	}

다음 코드와 같이 해석을 하면 쉽다.

오늘, TMI

대화상자는 여러개던데?

1.Alert

단순히 메세지를 전달하는 역할. 반환하는 값이 없다.

    <script>
      alert( 'Hello Pyopoi' );
    </script>

결과값

2.Confirm

true / false (참/거짓) 를 반환한다.

<script>
        var jbResult = confirm( '확인, 취소 둘 중에 뭐 누를건데?' );
      document.write( jbResult );
    </script>

확인을 누르면 페이지에 true가, 취소를 누르면 false가 출력되는걸 확인 할 수 있다.