WEBSTORYBOY

if 문은 JavaScript에서 조건문을 작성하는 데 사용됩니다. 조건문은 특정 조건이 참(true)인지 거짓(false)인지에 따라 코드 블록을 실행할지를 결정합니다. if 문을 사용하면 프로그램의 흐름을 제어할 수 있으며, 여러 가지 조건에 따라 다른 동작을 수행할 수 있습니다.

• 조건에 true, "문자열", 1, 2, "1", "2", [], {}가 들어가면 true를 의미합니다.
• 조건에 fasle, 0, null, undefined ""(빈문자열)이 들어가면 false를 의미합니다.

if 문을 사용하여 변수 num의 값이 10인지 확인하고, 그에 따라 다른 메시지를 출력합니다.

• let num = 10; → 변수 num을 10으로 초기화합니다.
• if (num == 10) → num이 10과 같은지 확인합니다.
• document.write("true"); → 조건이 참이면 "true"를 출력합니다.
• document.write("false"); → 조건이 거짓이면 "false"를 출력합니

다중 if 문은 여러 개의 조건을 순차적으로 검사하고, 해당하는 조건이 참일 때에만 해당 코드 블록을 실행하는 구조입니다. 이를 통해 여러 가지 경우에 따라 다른 동작을 수행할 수 있습니다. 다음은 조건문을 사용하여 num 변수의 값에 따라 다른 메시지를 출력하는 예제입니다.

• num 변수 선언과 초기화 → num이라는 변수를 선언하고 초기값으로 100을 할당합니다.
• 첫 번째 if 문 → num이 90과 같은지 확인합니다. 만약 num이 90과 같다면 "실행되었습니다.(num = 90)"을 출력하고 다음 조건은 검사하지 않고 종료됩니다.
• 두 번째 else if 문 → num이 95와 같은지 확인합니다. num이 95와 같다면 "실행되었습니다.(num = 95)"을 출력하고 다음 조건은 검사하지 않고 종료됩니다.
• 세 번째 else if 문 → num이 100과 같은지 확인합니다. num이 100과 같다면 "실행되었습니다.(num = 100)"을 출력하고 다음 조건은 검사하지 않고 종료됩니다. 이 경우에 해당하므로 이 부분이 실행됩니다.
• 네 번째 else if 문 → num이 105와 같은지 확인합니다. num이 105와 같다면 "실행되었습니다.(num = 105)"을 출력하고 다음 조건은 검사하지 않고 종료됩니다.
• else 문 → 위의 모든 조건이 만족되지 않을 때 실행되며, "실행되었습니다."를 출력합니다. 이 부분은 실행되지 않습니다.

중첩된 if 문을 사용하여 num 변수의 값을 여러 번 검사하고 다른 메시지를 출력하는 예제입니다.

• num 변수 선언과 초기화: → num 변수를 선언하고 초기값으로 100을 할당합니다.
• 첫 번째 if 문 → num 변수의 값을 100과 비교하고, 값이 동일하면 "실행되었습니다.1"을 출력합니다.
• 두 번째 중첩된 if 문 → 두 번째 if 문은 첫 번째 if 문 내에 중첩되어 있습니다. 이 if 문은 또 다시 num 변수의 값을 100과 비교하고, 값이 동일하면 "실행되었습니다.2"를 출력합니다.
• 세 번째 중첩된 if 문 → 세 번째 if 문은 두 번째 if 문 내에 중첩되어 있습니다. 이 if 문은 다시 한 번 num 변수의 값을 100과 비교하고, 값이 동일하면 "실행되었습니다.3"을 출력합니다.
• else 블록: → 만약 첫 번째 if 문의 조건이 거짓이라면 (즉, num이 100이 아닌 경우), else 블록이 실행되고 "실행되었습니다.4"를 출력합니다.

JavaScript에서 삼항 연산자와 조건부 연산자는 동일한 연산자를 가리키는 두 가지 다른 이름입니다.

• 01 → 이 부분은 약식으로 표현된 것으로, '{}' 중괄호를 생략하고 한 줄로 간결하게 작성되었습니다.
• 02 → 이 부분은 약식으로 표현된 if-else 문으로, '{}' 중괄호를 생략하고 두 줄로 간결하게 작성합니다.

JavaScript에서 삼항 연산자와 조건부 연산자는 동일한 연산자를 가리키는 두 가지 다른 이름입니다. 공식적으로는 조건부 연산자(Conditional Operator)라고 부르지만, 삼항 연산자(Ternary Operator)라는 이름으로 자주 사용합니다. 삼항 연산자(Ternary Operator)는 JavaScript에서 조건에 따라 값을 선택하는 간단한 방법을 제공합니다. 삼항 연산자는 조건 ? 참일 때의 값 : 거짓일 때의 값 형태로 사용됩니다. if-else 문을 간결하게 표현할 수 있는 방법입니다.

• 01 → 조건문을 이용한 코드: 조건문과 if/else 블록을 사용하여 조건에 따라 코드를 분기시킵니다. 코드 구조가 명확하고 이해하기 쉽습니다.
• 02 → 삼항 연산자를 이용한 코드: 삼항 연산자를 사용하여 조건식, 참일 때 실행할 코드, 거짓일 때 실행할 코드를 한 줄에 작성합니다. 코드가 간결하고 표현력이 풍부하지만, 조건식이 길어지거나 복잡해지면 이해하기 어려울 수 있습니다.

JavaScript의 switch 문은 하나의 표현식을 평가하고, 그 결과에 따라 여러 가능한 경우(case) 중 하나를 실행하는 제어 구조입니다. if-else 문과 유사하지만, switch 문은 특정 값에 따라 분기하는 경우 더 간결하고 읽기 쉽게 코드를 작성할 수 있습니다. 다음은 switch 문을 사용하여 num 변수의 값을 비교하고 해당하는 case에 따라 다른 메시지를 출력하는 예제입니다.

• num 변수 선언과 초기화 → num 변수를 선언하고 초기값으로 100을 할당합니다.
• switch 문 → switch 문은 num 변수의 값을 확인하고, 해당하는 case로 분기합니다.
• 첫 번째 case 문 (90) → num이 90과 일치하지 않으므로 해당 코드 블록은 실행되지 않습니다.
• 두 번째 case 문 (95) → num이 95와 일치하지 않으므로 해당 코드 블록은 실행되지 않습니다.
• 세 번째 case 문 (100) → num이 100과 일치하므로 해당 코드 블록이 실행되고 "실행되었습니다.(100)"이 출력됩니다.
• 네 번째 case 문 (105) → num이 105와 일치하지 않으므로 해당 코드 블록은 실행되지 않습니다.
• default 문 → 어떤 case 문과도 일치하지 않을 때 실행되며, "실행되었습니다."가 출력됩니다.

while 문은 JavaScript에서 반복문을 구현하는 한 가지 방법입니다. 조건이 참(true)인 동안 특정 코드 블록을 반복해서 실행합니다. while 문은 반복 횟수가 미리 정해져 있지 않고, 조건에 따라 반복을 제어해야 할 때 유용합니다. 다음은 while 문을 사용하여 변수 num이 1에서 10까지의 숫자를 출력하는 예제입니다.

• let num = 1; → 코드는 변수 num을 선언하고 초기값으로 1을 할당합니다. 이 변수는 반복문에서 사용됩니다.
• while (num <= 10) { → while 문을 시작합니다. 조건으로 num이 10 이하인 동안 (num <= 10) 반복문을 실행하라고 지정합니다. 즉, 조건이 참인 동안 반복됩니다.
• document.write(num); → 현재 num 변수의 값을 웹 페이지에 출력합니다. 초기값은 1이므로 처음에는 "1"이 출력됩니다.
• num++; → num 변수를 1씩 증가시킵니다. 이것은 반복문이 한 번 실행될 때마다 num의 값을 1씩 증가시킵니다.
• 다음으로 조건을 검사합니다. num이 10보다 작거나 같으면 반복문이 계속 실행됩니다.
• document.write(num); → num의 현재 값이 출력되고, 다시 num++으로 num이 증가됩니다.
• 이 프로세스가 반복되고, num이 10 이하인 동안에는 계속해서 숫자가 출력됩니다.
• num이 11이 되면 조건이 거짓이 되고 while 반복문이 종료됩니다.

do...while 반복문을 사용하여 변수 num이 1부터 10까지의 숫자를 웹 페이지에 출력하는 예제입니다.

• let num = 1; → 코드는 변수 num을 선언하고 초기값으로 1을 할당합니다. 이 변수는 반복문에서 사용됩니다.
• do { → do...while 반복문을 시작합니다. 이 부분은 무조건 한 번 실행됩니다.
• document.write(num); → num 변수의 값을 웹 페이지에 출력합니다. 초기값은 1이므로 먼저 "1"이 출력됩니다.
• num++; → num 변수를 1씩 증가시킵니다. 이것은 반복문이 한 번 실행될 때마다 num의 값을 1씩 증가시킵니다.
• while (num <= 10); → 조건 검사 부분입니다. while 키워드 뒤에 따라오는 조건은 코드 블록 실행 이후에 검사됩니다. num이 10 이하인 동안 반복문을 계속 실행하라고 지정합니다.
• 이제 반복문이 처음부터 다시 실행됩니다. num이 2가 되고 "2"가 출력됩니다. 그런 다음 num이 3, 4, 5, ..., 10까지 증가하면서 각 숫자가 출력됩니다.
• num이 11이 되면 조건이 false가 되고 반복문이 종료됩니다.

for문은 컴퓨터 프로그래밍에서 반복 작업을 수행하는 데 가장 많이 사용되는 반복문 중 하나입니다. 특정 범위의 값을 순환하면서 해당 값마다 반복적으로 코드를 실행하는 데 사용됩니다. 다음은 for문을 사용하여 변수 i가 1부터 10까지의 숫자를 웹 페이지에 출력하는 예제입니다. for문은 초기화, 조건, 증감을 한 줄에 표현하여 반복 작업을 수행하는데 매우 효율적입니다.

• for (let i = 1; i <= 10; i++) { → for 반복문을 시작합니다. 이 부분은 반복문의 초기화, 조건, 증감 부분을 한 줄에 표현합니다.
• let i = 1; → 변수 i를 선언하고 초기값으로 1을 할당합니다. 이 변수는 반복문에서 사용됩니다.
• i <= 10; → 조건으로, i가 10 이하인 동안 반복문을 실행하라고 지정합니다.
• i++ → 반복문이 한 번 실행될 때마다 i 값을 1씩 증가시킵니다.
• { → 반복문의 시작을 나타내는 중괄호를 엽니다.
• document.write(i); → 현재 i 변수의 값을 웹 페이지에 출력합니다. 초기값은 1이므로 먼저 "1"이 출력됩니다.
• } → 반복문의 끝을 나타내는 중괄호를 닫습니다.
• 이제 반복문이 처음부터 다시 실행됩니다. i가 2가 되고 "2"가 출력됩니다. 그런 다음 i가 3, 4, 5, ..., 10까지 증가하면서 각 숫자가 출력됩니다.
• i가 11이 되면 조건이 false가 되고 반복문이 종료됩니다.

두 개의 중첩된 for문을 사용하여, 외부 반복문의 변수 i가 1에서 2까지, 내부 반복문의 변수 j가 1에서 5까지 변하는 동안 각각의 조합을 출력합니다.

• for (let i = 1; i <= 2; i++): i를 1로 초기화하고, i가 2 이하인 동안 반복하며, 매 반복마다 i를 1씩 증가시킵니다.
• for (let j = 1; j <= 5; j++): j를 1로 초기화하고, j가 5 이하인 동안 반복하며, 매 반복마다 j를 1씩 증가시킵니다.
• document.write(i, j): 현재 i와 j 값을 출력합니다.

break문은 JavaScript에서 반복문(for, while, do...while) 또는 switch 문에서 사용되며, 해당 반복문을 종료하거나 switch 문의 실행을 중단하는 데 사용됩니다. 다음은 for 반복문을 사용하여 1부터 9까지의 숫자를 출력하고 break를 설정한 예제입니다.

• for (let i = 1; i < 10; i++) { → for 반복문을 시작합니다. 이 부분은 반복문의 초기화, 조건, 증감 부분을 한 줄에 표현합니다.
• let i = 1; → 변수 i를 선언하고 초기값으로 1을 할당합니다. 이 변수는 반복문에서 사용됩니다.
• i < 10; → 조건으로, i가 10보다 작은 동안 반복문을 실행하라고 지정합니다.
• i++ → 반복문이 한 번 실행될 때마다 i 값을 1씩 증가시킵니다.
• { → 반복문의 시작을 나타내는 중괄호를 엽니다.
• if (i == 5) { → 조건문을 시작합니다. 현재 반복 회차에서 i가 5와 같은지를 검사합니다.
• break; → 만약 i가 5와 같다면 break 문을 사용하여 현재 반복문을 즉시 종료합니다.
• } → 조건문의 끝을 나타내는 중괄호를 닫습니다.
• document.write(i); → 현재 i 변수의 값을 웹 페이지에 출력합니다.
• 이제 반복문이 처음부터 다시 실행됩니다. i가 2가 되고 "2"가 출력됩니다. 그런 다음 i가 3, 4까지 증가하면서 각 숫자가 출력됩니다.
• i가 5가 되면 조건문에서 break 문을 만나게 되고, 반복문이 즉시 종료됩니다.

continue문은 JavaScript에서 반복문(for, while, do...while) 내에서 사용되며, 반복문의 현재 회차를 중지하고 다음 회차로 건너뛰는 데 사용됩니다. 다음은 for 반복문을 사용하여 1부터 9까지의 숫자를 출력하고 continue를 설정한 예제입니다.

• for (let i = 1; i < 10; i++) { → for 반복문을 시작합니다. 이 부분은 반복문의 초기화, 조건, 증감 부분을 한 줄에 표현합니다.
• let i = 1; → 변수 i를 선언하고 초기값으로 1을 할당합니다. 이 변수는 반복문에서 사용됩니다.
• i < 10; → 조건으로, i가 10보다 작은 동안 반복문을 실행하라고 지정합니다.
• i++ → 반복문이 한 번 실행될 때마다 i 값을 1씩 증가시킵니다.
• { → 반복문의 시작을 나타내는 중괄호를 엽니다.
• if (i == 5) { → 조건문을 시작합니다. 현재 반복 회차에서 i가 5와 같은지를 검사합니다.
• continue; → 만약 i가 5와 같다면 continue 문을 사용하여 현재 반복 회차를 중지하고 다음 회차로 넘어갑니다.
• } → 조건문의 끝을 나타내는 중괄호를 닫습니다.
• document.write(i); → 현재 i 변수의 값을 웹 페이지에 출력합니다.
• 이제 반복문이 처음부터 다시 실행됩니다. i가 2가 되고 "2"가 출력됩니다. 그런 다음 i가 3, 4까지 증가하면서 각 숫자가 출력됩니다.
• i가 5가 되면 조건문에서 continue 문을 만나게 되고, 현재 회차는 중지되고 다음 회차로 넘어갑니다.
• 반복문은 6부터 9까지의 숫자를 출력하고, i가 10이 되면 조건이 거짓이 되어 반복문이 종료됩니다.