윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 17강 - switch 조건문 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 17강 - switch 조건문

페이지 정보

조회: 523

본문

※ 영상을 선명하게 보기 안내

유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
팝업목록에서 "품질" 선택하세요.
원하는 해상도를 선택해주세요.

※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.

윤인성님의 javascript강의 청각장애인을 위한 자막

안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 입문 17강 되겠고요

이번 강의에서는 86 페이지에 있는 3.5 조절 스위치 조건문 에 대해서
다뤄보도록 하겠습니다
위치 조건 문도 이프 조건 몸과 마찬가지로 대부분의 프로그래밍 언어에서
가지고 있는 구문 인데요
기본 구문 중에 가장 복잡한 형태를 가지고 있는 구문 이기 때문에 구문
형태를 확실하게 외워야 지 사용을 하실 수도 있습니다
그러면 어쨌거나 코드를 치면서 함께 기본적인 형태를 알아보도록 하겠습니다
일단 기본적인 형태는 스위치 괄호를 열고 닫은 다음에 내부의 다가
표현식을 넣게 됩니다 뭐 여기까지는 입부 조건 뭔가 굉장히 비슷한 되요
요 내부의 쨈 케이스라는 키워드와
디폴트 라는 키워드를 사용을 하게 됩니다 케이스 뒤에 저 표현식이 어떠한
값과 일치하는 지를 입력을 하게 되구요
요한 구문 뒤에는
브레이크 라는 키워드를 사용하게 됩니다
그리고 디폴트 라는 구문 둥 뒤에 콜론 을 찍고 브레이크 라는 키워드를
사용하게 되고 각각의 부분에 원하는 조건의 따라 발생할 문장을 입력하게
됩니다
그리고 마지막으로 케이스 같은 경우에는 여러 번 사용될 수가 있습니다
그래서
요런식으로 형성이 되는 게 기본적인 형태 라고 기억을 해 주시면
좋겠습니다
엄청나게 형태가 복잡한 되요 함께 코드 3 47 입력을 하면서 어떤
지구로 사용되는지 확인해 보도록 하겠습니다
일단 var 임프 스스로
사용자로부터 입력을 받아 보도록 하겠 9 0 입력 에는
숫자를 입력해 주세요 그리고 숫자 라는 글자를 입력 을 했고 이렇게
입력된 값에 넘버 함수로 숫자로 변환 하도록 하겠습니다
이어서 표현식 에서는
인풋 나머지 한 산자 이를 사용해서 이루 나누어 주도록 하겠구요
이 값이 0일 경우 와 1일 경우를
잡아 주도록 하겠습니다 실행결과를 약간 조금 더 자세하게 설명을 하게
되면 예를 들어서 뭐 라는 글자를 입력 을 했다고 합시다 그러면 요기로
5가 들어오겠죠
그리고 넌 밤 술에 인해 문자로 가 숫자 5 로 변경될 것입니다
그러면 이제 인 푼 나머지 일을 사용을 해서 5
나머지 가 되겠고 요 값 셀 일이 되게 점
그러면 이제 스위치 조건문 내부에서 위에서 아래로 차례대로 실행을 하게
됩니다
일단 첫번째 케이스 제로 와 이를 비교를 하게 되는데 아니죠
그러면 요 부분은 아예 제거가 되어 버리고 다시 스위치 1에 있는 요일
값과 케 이 스 1의 있는 일을 값을 비교를 하게 됩니다
맞게 되면 요 콜론 뒤에 있는 문장으로 들어가게 되고
브레이크 라는 부분을 만나면 빠져나오게 됩니다
따라서 최종적으로 고 를 입력할 경우에는 홀수 입니다 라는 글자를
출력하게 될 것입니다 그러면 저장을 하고 실행해 보도록 할게요
실행을 해 보게 되면 숫자를 입력해 주세요 라는 요 프롬프트가 뜨게
되구요
여기다 5 를 입력할 경우에는 홀수 입니다 라는 글자를 출력을 하고
곧바로 종료되는 모습을 볼 수 있습니다
만약에 10이라는 짝 쏘리 능력을 하게 되면 짝수 입니다 라고 출력을
하고 종료 되게 되구요
만약에 안녕하세요 라는 글자 등을 입력을 하면 은
숫자가 아닙니다 라는 글자를 출력을 하고 종료 되게 됩니다
실행 자체는 굉장히 간단한데 쳐야 되는 코드가 많아서 복잡해 질 수
있는데요
어쨌거나 요 브레이크가 없는 경우에는 어떻게 되는지 조금 더 살펴보도록
하겠습니다
일단 만약에 브레이크가 없게 되면
결과 걸렸을 때 계속 아래로 진행을 하게 됩니다
예를 들어서 저장을 하고 실행을 해서 짝수 를 입력해 보도록 할게 0
이를 입력을 하게 되면 짝수 입니다 를 출력을 하고 홀수 입니다 를
출력을 하고 숫자가 아닙니다 를 차례대로 출력하게 됩니다
만약에 홀수 를 입력을 하게 되면 홀수 입니다
숫자 입니다 를 출력을 하게 되고요 숫자가 아닙니다 를 그리고 숫자가
아닌 걸 입력을 하게 되면 숫자가 아닙니다 라는 걸 출력을 하고 끝나게
됩니다
코드를 다시 살펴보면 0 을 입력했을 경우에는 u 아래에 있는 어 루트가
모두 실행이 되었구요
이를 그러니까 홀수 를 입력했을 경우에는 그 아래가 모두 실행이 되었고
아무것도 아닌 경우에는 ur 것이 실행이 되었습니다
한마디로 브레이크 라는 것은 요 각각의 녀석을 탈출할 때 사용하는
키워드라고 생각을 해 주시면 좋겠습니다
일반적인 경우에는 무조건 적으로 브레이크를 붙혀 주게 되구요
뭐 디폴트 같은 경우에는 가장 마지막에 사용을 하게 되는데 아무것도 아닌
경우 니까요
그래서 브레이크가 필요는 없기는 하지만 뭔가 조화와 균형을 위해
일반적으로 입력을 해줍니다
그러면 예제를 하나 더 입력을 해 보도록 하겠는데요
계절을 9분하는 예제 되겠습니다 현재의 워 를 구하고 그 월을 집안으로
고민지 여름 인지 가을인 지겨울 인지 확인하는 예제 인데요
쩌 번에 언급했던 것처럼
데이트 라는 코드를 입력을 하게 되고 데이트 점 게 타고 먼 술을 들고
오게 되면 먼스 를 들고 올 수 있습니다
저번에도 말했지만 이번 수는 0 부터 10일 까지 나오게 되기 때문에
영이 1월이 됩니다
따라서 케이스 0 부터 시작을 해서
케이스 등의
케이스 2 케이스 3 케이스 케이스 o 케이스 6
체이스 7 케이스 8 케이스 9
케이스 10 케이스 시비를 입력을 하게 되는데요
이뿌 조건 뭔가 다르게 수 있어 쪼끔만 범위를 지정할 수가 없어요 물론
체제는 범위를 지정하는 방법을 소개를 하는데 뭐 굉장히 제약이 많고 거의
사용되지 않는 코드 이기 때문에 스위치 조건문 의 경우는 범위를 지정할
수 없다라고 기억을 해 주시면 좋겠습니다
계절을 9분할 때는 12월 1월 2월이 겨울이 되겠고 3월 4월 5월이
봄이 되겠고 6월 7월 8월 히
여름이 되겠고 9월 10월 11월 이 가을이 됩니다
그러면 1월 2월 이니까 겨울이 되게 구형 뒤로 밀어 버릴 게 요 그래서
요렇게 작성을 하고
2 3 4가
봄 입니다 라고 출력을 하면 되겠구요
브레이크를 여기에 입력을 하도록 하겠습니다
이렇게 되면 먼스 가 1일 땐 또는 3일 때 4일 때 보입니다 를 출력을
하게 됩니다
이어서 오륙 7일 때
여름입니다 그리고 팔고 11 때
가을입니다 마지막으로
12월 1월 2월 1일 때
겨울입니다 를 실력을 하도록 하겠습니다
사실 요 먼스 랑 요게 헷갈리시는 다면 그냥 여기다가 일을 먼저 더
해놓고 3 5 6 7 8 9 10 11 12 1 2 로 입력을 하는
방법도 있습니다
그럼 저장을 하고 실행해 보도록 할게요 쓰 대응을 하게 되면 오늘 날짜가
url 일이거든요
그래서 여름입니다 라는 글자를 출력하게 됩니다
간단한 스위치 조건문 예제 를 두가지 살펴봤는데요 이외에도 좀 한 가지
값으로 떨어질 수 있는 녀석들은 직접 생각을 해 보셔서 코드를 작성할
해보시면 좋겠습니다
어쨌거나 지금까지 입부 조건 몽과 스위치 조건문이라는 2개의 조건문을
배웠는데요
어떤게 더 많이 사용되는 약 5 물어보신다면 2부 조건문 이 압도적으로
많이 사용된다 라고 이야기를 할 수 있습니다
추가적으로 제가 소속되어 있던 회사나 팀에서는 스위치 조건문을 아예
사용하지 말자는 코딩 컨벤션 있어서 스위치 조건문 자체를 이라면서 한번도
써본적이 없습니다
근데 물론 이거는 제가 소속된 회사 팀의
그 규칙이 없고 용 이 이외에 회사에서는 스위치 조건문을 사용하는 경우도
있기 때문에 꼭 기억을 해 주시면 좋겠습니다
어쨌건 오늘 강의는 여기까지 끗이 되겠는데요 이전에 살펴본 예제를 조금
더 살펴보고 끝내도록 하겠습니다
일단 숫자를 입력해 주세요 0 0 1 디폴트를 나눠 없기 때문에 큰
문제가 없어 보이는 코드 같아요
그래서 저장을 해서 다양한 사용자들에게 테스트를 요청을 해서 테스트를
해보게 하고 이제 뭐 여러가지 자료를 수집을 하게 되겠죠
그런데 아무것도 입력하지 않으면 짝수 입니다 라고 나오고 끝나버리는
모습을 볼 수 있습니다
한마디로 아무것도 입력하지 않으면 넘버 함수의 결과가 0 을 낸다는
뜻입니다
그래서 다시 코드로 올라와서
아무것도 입력하지 않을 경우 를 따로 분할 해야 됩니다
예를 들어서 var
로우 인풋이 라는 것으로 프롬프트 로 입력을 받게 되고
요루 임프 슬 넘버 함수로 자료형 변환 않은 경우를 만들어 보겠습니다
그리고 중간에 2부 조건문 으로 로우 임프 c
아무것도 입력되지 않은 값일 경우 를 따로 9분을 하고 이때 로호 임프
마구잡이 의 값을 넣어 주시게 되면
방금 과 같은 아무것도 입력하지 않았을 경우에 짝수 입니다 라는 글자가
뜨는 걸 막을 수 있을 것입니다
뭐 어쨌거나 이프 조건 문가 스위츠 조건문 은 굉장히 많이 사용되기
때문에
둘다 다양하게 연습을 해보시면 좋겠고 용 오늘 강의는 여기까지 되겠습니다
감사합니다.