JavaScript/Javascript 26

조건문(part. 2)

else if를 이용하면 조건문을 좀 더 풀부하게 할 수 있다. 예제를 보면서 알아보자! ▲ if의 조건값이 false이므로 실행되지 않고, 바로 다음 조건문인 else if로 넘어가서 true/false를 체크함. if바로 다음의 else if의 조건값이 true이므로 중괄호안의 코드를 실행하여 2가 출력됨. 이후 나머지 조건문들은 볼 것도 없이 바~로 조건문 탈출(종료). ▼ 예제 2. ▼ 예제 3. 위의 세 가지 예제를 보듯이 아무리 많은 if와 else if와 else가 있어도 순서대로 조건을 체크해서 조건값이 true가 나오게 되면 그 조건문에 해당하는 코드를 실행하고, 그 아래의 조건문은 쳐다도 보지않고 바로 조건문을 종료(탈출)하게 된다. 다음 포스팅에서는 이러한 조건문을 가지고서 간단하게 ..

조건문(part.1)

조건문은 프로그래밍 언어에서 저~~~엉말 중요한 개념 중 하나이다. 조건문이란? 주어진 조건에 따라서 어플리케이션을 다르게 동작하도록 하는 것이다. 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값은 Boolean 즉, True 또는 False이다. Boolean의 값이 true라면 조건이 담긴 괄호 다음의 중괄호 구문이 실행된다. 예제를 통해 이해해보자. ▲ if로 시작되면 brwoser는 조건문이 시작된다고 인지한다. 그리고는 if뒤에 있는 소괄호 안의 조건을 확인해서 조건의 값이 true이면 중괄호( { } ) 안의 코드를 실행시킨다. ▲ if뒤의 소괄호 안의 조건을 확인했는데 false이므로 중괄호 안의 코드를 실행시키지 않고 조건문은 종료된다. 이것이 조건문의 기..

비교 연산자

우리가 보통 흔히 부르는 '~는'(=), 프로그래밍에서는 종류가 3가지가 있다. 첫번째) = : 대입 연산자 / 변수에서 설명했었던 녀석이다. '='를 기준으로 오른쪽의 데이터를 왼쪽의 변수에 대입한다. 두번째) == : 동등 연산자 / 좌항과 우항을 비교해서 서로 값이 같다면 true, 다르다면 false가 된다. 세번째) === : 일치 연산자 / 좌항과 우항을 비교해서 서로 값이 '정확'하게 같다면 true, 다르다면 false가 된다. 자 여기서 조금 힘을 줘서 이야기 할 것은 ==과 ===이다. 둘 다 좌항과 우항의 값이 서로 같다면 true, 다르다면 false이다. 하지만 여기에는 작은 차이지만 중요한 개념이 있다! 아래의 예시를 보면서 이야기 해보자. ▲ ==과 ===은 둘 다 좌항과 우항..

변수(Variable)

JS에서 변수는 var로 시작한다. var은 Variable(변동성이 있는, 변할 수 있는 등) 이라는 문자를 줄인 것이며, 의미 그대로 같은 변수라도 내용이 계속해서 변할 수 있는 존재이다. 변수를 쉽게 이해하기 위해서 서랍이나 상자의 예시를 들 수 있다. 예시를 보면서 이해해보자. ▲ var이라고 시작하면서 변수를 선언하겠다는 것을 말하고 있다. var을 생략 할 수도 있지만 이것은 유효범위라는 것에 영향을 미친다. 때문에 var의 의미를 명확히 이해하기 전까지는 var을 붙여서 변수를 선언하는 것이 권장된다. 아무튼 'a 라는 변수(=서랍 or 상자)에 숫자 1(=양말)을 집어 넣는다' 라고 생각하면 조금 도움이 되려나? 기호 '=' 뒤에 있는 것을 '=' 앞에 있는 것에 집어 넣는다(대입한다) 등..

숫자와 문자(문자의 표현)

앞선 포스팅에서 큰 따옴표(")나 작은 따옴표(')가 붙지 않은 숫자는 숫자로 인식한다고 했다. 그 말인 즉슨 큰 따옴표(")나 작은 따옴표(')가 붙은 숫자는 숫자가 아니라는 말이다. 즉, 문자로 본다는 것이다. 큰 따옴표(")나 작은 따옴표(')로 감싸게 되면, 그것이 문자이건 숫자이건 결과적으로 browser는 문자열(String)으로 인식한다는 것이다. 또한 큰 따옴표(") 또는 작은 따옴표(')중 하나로 시작하면 동일한 종류의 따옴표로 끝나야한다. ▼ 큰 따옴표로 시작하면 큰 따옴표로 끝나야하고, 작은 따옴표로 시작하면 작은 따옴표로 끝나야 한다는 것. 만약 문자안에 따옴표를 넣고 싶으면 어떻게 하면 될까? ▲ 웹브라우저에서 실행했다면 아무것도 실행되지 않을 것이고, 개발자 도구와 같은 cons..