ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • JavaScript 입문 : 조건부 연산자 (Conditional Operator), 반복 while문
    컴퓨터 알아가기/JavaScript 2021. 11. 19. 19:30
    728x90
    반응형

    본 내용은 제로초 TV의 자바스크립트 강좌와 MDN Mozilla를 기본으로 하고 있습니다. 

    ▒ 조건부 연산자 (Conditional Operator)

     

    1. 기본 연산

     

    조건부 연산이란 조건에 따른 참과 거짓에 따라 결과값을 나타내는 것을 의미합니다. 다음과 같은 구조로 이루어져 있습니다. 

     

    조건(식) ? 참일 경우 결과값 : 거짓일 경우 결과값

     

    예를 들어 간단한 덧셈예제를 가지고 이해를 해 보겠습니다. 

    상기 예제처럼 결과값이 2인 경우는 참으로 나옵니다. 변수를 사용하는 경우도 보겠습니다. 

     

    결국 변수의 값이 참인지 거짓인지 확인할 수 있습니다.

     

    기본적으로 조건부 연산자의 개념조건에 대한 ? 가 참과 거짓을 확인하고 그 결과값을 반환하는 프로세스라고 보면 되겠습니다. 

     

    조건부 연산자라는 개념은 역시 조건이라는 단어가 붙기때문에 if문으로 변경할 수 있습니다. 결과값이 참이 나올 수 있도록 if문으로 바로 위 예제를 바꾸어 보도록 하죠.

     

    (그런데 위 예제에서 Boolean은 True의 반대는 Fault가 아닌 False 였네요.. 이 부분도 한참 에러를 겪었네요..)

     

    let condisiton이 true인 경우 였지만 false인 경우 어떻게 되는지 알고 싶어 졌습니다.  

     

    사실 let condition = true이건 false이건 if 문에는 문제가 없네요.. 괜히 고민 했습니다.

     


    2. 중첩 조건부 연산자

     

    중첩된 조건부 연산자를 볼 수 있습니다. 중첩이 된 경우 혼동이 될 수 있으나 기본 조건부 연산이란 개념으로 이해를 하면 됩니다. 다음 그림에서 파란 박스를 하나로 보면 됩니다. 

     

    즉, 파란박스가 참일 경우 작동을 하고 거짓일 경우 동작 C가 작동을 한다고 보면 됩니다.  그럼 다음과 같은 경우도 마찬가지 논리로 생각하면 됩니다. 

     

     

    조건식에 대한 참일 경우 동작 A가 작동하고 거짓일 경우 파란박스에서 작동을 합니다. 

     


    ▒ 반복문 

     

    컴퓨터를 이용하여 반복작업을 사용할 때 반복문을 사용합니다.

     

    1. while 문

     

    기본적인 반복문이라고 하네요. 구조는 다음과 같습니다.

     

    while (조건) { 동작 ; }

     

    if문과 흡사합니다. while안에 조건이 true인 경우 중괄호안 동작이 반복된다는 의미입니다. while의 원 뜻인 ~ 하는 동안을 생각하면 이해를 쉽게할 수 있을 것 같습니다. 

     

     

    엄청 올라갑니다. 다른 작업을 할 수 없는 무한반복이 이루어지네요. 이럴 경우 브라우저를 강제종료할 수 밖에 업다고 하네요...

     

    정리해 보면 while의 반복문은 true일 경우는 반복이 되지만 이 반복을 멈출수 있는 조건은 false가 될 경우입니다. 이를 위해 변수를 사용합니다. 변수를 사용하고 변수에 대한 조건을 정함으로 true에서 false까지 가는 동안 반복을 시킨다고 보면 되네요. 

     

    간단히 1 ~ 100까지 1씩 증가를 시켜 100을 넘으면 프로그램이 멈추는 내용을 한번 보도록 하겠습니다. 다음 4가지 경우가 전부 같습니다. 

    특히 4번의 변수 i = 0; 이라는 개념에서 보면 숫자는 프로그래밍에서 0부터 시작하는 개념을 많이 사용한다고 하는군요. 1씩 증가하는 연산을 3가지로 나타 내었습니다. 

    i = i +1;

    i += 1;

    i++ ;

     

    일단은 같은 개념으로 이해하고 더 공부해 봐야 겠습니다.

    반응형

    댓글

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
Designed by Tistory.