상세 컨텐츠

본문 제목

[부스트코스 서포터즈3기] Javascript제어문 - 비교연산자와 불리언

카테고리 없음

by 조킴 2021. 1. 27. 13:55

본문

반응형

들어가기 전 

___________________________________________________

 

안녕하세요 :) 

 

 

오랜만에 업로드를 하는 거 같아요 ㅠㅠ 

 

 

오늘 업로드는 비교 연산자와 불리언에 대해 살펴보겠습니다! 

 

 

 

비교 연산자와 불리언 

___________________________________________________

 

먼저 살펴보기 전! 핵심 목표와 핵심 단어에 대해 살펴보도록 하겠습니다! 

 

 

 

목표 , 그리고 단어에서 볼 수 있는 것처럼 오늘 배울 것은 연산자입니다! 

 

 

연산자의 사전적 정의는 프로그램을 짤 때 변수나 값의 연산을 위해 사용되는 부호입니다.

 

 

그중 오늘 알아봤던 연산자는 비교 연산자들과 , 불리언 즉 불 연산자였습니다. 

 

 

비교 연산자부터 살펴보자면! 

 

 

기존 C언어 등에서 사용되고 있던 방식과는 살짝 다른 방식입니다 

 

 

그럼 코딩을 통해 살펴보겠습니다! 

 

 

먼저 비교 연산자 중 ===입니다! 

 

 

C언어 등 다른 언어들에서 서로 값이 같을 때 즉 동등할 때 사용되는 연산자는 == 연산자였습니다!

 

 

하지만 자바스크립트에서는 =가 하나 더 추가된 ===이 동등 연사임을 알 수 있었습니다. 한번 살펴볼까요!?   

 

 

해당 코드는 총 2가지 경우를 비교해보았는데 

 

 

1,1 그리고 1,2가 서로 동등한 지! 비교를 하는 코드였습니다.

 

 

다음과 같이 script 태그 안에 ===을 이용하여 작성하게 될 경우! 

 

 

이렇게 값이 같을 경우는 True , 다를 경우는 False가 출력됨을 알 수 있습니다! 

 

 

True와 False 이렇게 비교 연산자를 사용하여 만들어진 이 두 가지를 불리언(Boolean)이라고 합니다.

 

 

이 불리언에는 딱 True , False 두 가지만이 존재 즉 , 참인지 거짓인지를 판별하는 타입으로 생각할 수 있습니다.

 

 

다음 연산자는 크기 비교 연산자를 코드를 통해 살펴보겠습니다. 

 

 

무언가 이상한 점을 발견하셨나요!? 

 

 

헤드 부분을 살펴보면 <에 대해 살펴볼 수 있습니다.

 

 

C언어 등 다른 언어에서는 편하게 < , >를 사용할 수 있지만 html에서 사용할 때는 다음과 같이 사용합니다.

 

 

&lt; (<) : 오른쪽 부등호를 (<) 표현합니다. 

 

&gt;(>) : 왼쪽 부등호를 (>) 표현합니다.

 

 

이전 동등 연산자와 같이 script태그 안에 표현하며 해당 표현을 할시 

 

맞을 경우 True , 틀린 경우는 False를 출력하는데, 해당 코드를 살펴보면

 

 

헤드 부분에는 1 <2를 비교해라라고는 하지만 script태그 안에 비교는 1 <1로 비교하고 있습니다.

 

 

즉, 컴퓨터에서는 1 <1에 대해 비교를했기때문에 False가 출력됐음을 알 수 있습니다 :) 

 

 

다시 제대로 수정한 후 출력한다면! 

 

제대로 결과가 출력됨을 알 수 있습니다 :) 

 

생각해보기

___________________________________________________

 

오늘의 생각해보기를 살펴보겠습니다! 

 

 

배웠던 내용을 토대로 작성한다면 어렵지 않은 문제입니다 :) 

 

 

저는 이렇게 작성해보았습니다. 

 

 

여러분도 같게 적으셨나요!? :) 

 

 

마치며

___________________________________________________

 

요즘 알고리즘 공부 , 스터디 병행하면서 하는데 더 성실해져야겠단 생각이 듭니다 ㅠㅠ 

 

 

끝까지 처음 같은 마음으로 완주하자!!! 

 

 

다음은 조건문 그리고 조건문의 활용에 대해 살펴보겠습니다! 

 

 

제가 작성하는 모든 내용은 부스트 코스의 자바스크립트 시작에서 배운 내용을 바탕으로 작성됩니다! 

 

 

www.boostcourse.org/cs124

 

자바스크립트의 시작

부스트코스 무료 강의

www.boostcourse.org

반응형