윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 35강 - 5장 연습문제 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 35강 - 5장 연습문제

페이지 정보

조회: 769

본문

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

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

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

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

안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 먼 35강 되겠구요

이번 강의에서는 5장에 있는 연습 문제를 함께 풀어보도록 하겠습니다
뭐 너무 짧기 때문에 그냥 빠르게 진행을 하도록 할게요 일단 1번 감
코지의 실행 결과를 예측할 쉬운데요 매개변수의 값을 입력하지 않으면 어떤
값이 들어갈 지를 확인하는 예제입니다
일단 10과 백을 입력을 했는데요 10가 백을 입력을 했기 때문에 매개
변수 a b c 에 각각 10 꽈배기 들어가고 c 에는 언 디파인 드가
들어가게 됩니다
그래서 첫번째 출력 같은 경우에는 a 를 출력하기 때문에 백을 출력하게
되겠구요
두번째는 a 와 b 를 고 파니까 천을 출력하게 되겠고
마지막으로 씨가 언지 파인드 정 숫자인 것과 숫자가 아닌 것을 고 파게
되면 나러 넘버가 나오기 때문에 나니 출력 될 것이라는 것을 예측해 볼
수 있을 것입니다
이어서 이번 인데요 첫 번째 매개 변수 첫번째 함수는 파워 라는 함수를
만드는 데 매개 변수를 하나 나오면 요걸 제곱을 해서 살을 만들어 주고
매개 변수를 두 개 넣으면 첫 번째 매개 변수를 두 번째 매개 변수 만큼
제곱을 해준다
예 를 줘서 이와 3월 입력을 하면 이에 3조 곱해서 팔을 출력을 한다.
라고 되어 있습니다
뭐 굉장히 간단하게 만들 수 있겠는데요 한번 함께 만들어 보도록
하겠습니다
일단 이름은 파워 이고 - 변소 2개를 받아야 되기 때문에 첫 번째 1
두번째 하나에서 a 와 b 를 만들도록 하겠습니다
그리고 비가 있는 경우와 없는 경우로 9분을 해 주시면 됩니다
그래서 호출을 할 때는 이라고도 입력을 하겠고
이에 3 이라고도 입력을 하게 됩니다
그리고 요 녀석을 출력하는 형태로 테스트를 해서 확인해 보도록 하겠는데요
일단 입수 b 라면
두 번째 경우를 의미를 하겠죠 비가 들어올 경우를 의미를 합니다
그래서 반복문을 사용할 해성
음 안쪽에도 만들도록 할게요
a 를 b 만큼 고 파니까
가 우프 제 다가 곱하기 콜 a 를 해주면 되게끔 두번째 녀석은 그냥
리턴 a 곱하기 a 를 해서 주면 됩니다
요 코드 같은 경우에는 예를 들어서 aa 가 들어오고
비의 3위 들어오게 되면 3번을 반복을 하게 되겠죠
여기에다가 비를 입력을 했으니까요
그래서 3 복을 받 3번을 반복을 하면서 이를 곱하기 때문에
2 곱하기 2 곱하기 초기값은 일이니까
요렇게 돼서 결과 값으로 파리 나오게 된다 라고 볼 수 있습니다
뭐 저장을 한 번 하고 실행을 해보도록 할게 0
실행을 하게 되면 첫번째는 2 곱하기 2가 돼서 가 나오고
두번째는 1 곱하기 2 곱하기 2 곱하기 가 돼서 파리 나오는 모습을
확인할 수 있습니다
여서 두 번째 매개변수로 넣은 값을 모두 구입해 주는 멀티 플레이 함수를
만들어라
매개 변수를 활용을 하기 때문에 몸 악 유먼 째 개체를 활용하던 지정
개의 연산자 를 활용하면 됩니다
성전을 멀티플레이를 만들면 되겠고 초기값 센
음 일로 주면 되겠고 최종적으로 9 붓을 l 나면 될거구요
반복문을 돌려서 아기 많지
랭스 만큼 돌리시면 되겠고
9세 곱하기 꼴 아 규 많지 의
i 번째 를 곱해 주시면 될 것이니라 뭐 이전에 한번 만들어 봤던거
같은데 아닌가
어쨌거나 이러한 형태로 만들게 되시면 12345 를 줬을 때 이 녀석들을
모두 곱해서 출력을 하게 될겁니다
저장을 하고 실행해 보기 전에 예측을 해 보면
6 곱하기 22 니까 120 을 출력하지 점 저장을 하고 실행을 하면
122 출력되는 모습을 확인할 수 있습니다
어쨌거나 3번 다음 중 문자를 자료형을 숫자 자룡 으로 바꿔주는 함수 가
아닌 것이니 라고 되어 있는데요 첫번째는 넘버 맞죠
파즈 인 트 맞고 파직 술로 맞는데 요건 찾을 다른 프로그래밍 언어를
접하여 떤 분들을 위한 함정 이에요
다른 프로그래밍 언어를 접하 졌던 분이라면 그 소숫점 이 있느냐 속으로
블록과 더블 2개를 배웠을 거에요 그래서 2개를 넣어 보았는데요
몸 답은 4번 되겠습니다 자바스크립트의 는 파즈 더불어 없다라고 기억을
해 주시면 되겠습니다
어쨌거나 그럼 이어서 4번을 살펴보도록 하겠는데요 사용자에게 입력을
받아서 입력이 숫자로만 구성되어 있는지 확인하는 코드를 작성하세요 온 된
사실 이걸 만들고 지금 살펴보다가 대충 이게
사람들이 오해하지 않을까 라고 생각을 한게 있는데 저는 생각하기에는
52.2 732 라고 입력을 하면 요것도 숫자로 되어 있으니까 숫자 라고
생각을 했는데 m
이점 때문에 아니라고 생각하는 경우가 있을 수도 있겠더라고요 그래서
모호한 경우라서 일단 두가지 경우를 모두 확인해보도록 하겠습니다
일단 숫자로만 구성되어 있는 걸 확인 하는 건데요
사실 이후에 배우는 우리가 정규표현식을 배우며 딱 한 줄로 이게 끝났는데
정규표현식을 배우지 않았다고 가정을 하면 그냥 조건문 으로 1 2 3 4
5 6 7 8 0 중에 들어있는 녀석인지 확인을 해주면 됩니다
예를 들어서 예를 들어서 일단 함수 이름은
즉 이즈 넘어 렉이 라고 만들도록 하겠구요 어 포 출은
문자열을 요렇게 넣어서 호출을 해 보도록 하겠습니다
첫번째 과 는 초짜 로만 구성되어 있으니까 툴을 출력을 하게 되겠고
두번째 건 숫자가 아닌 녀석이 있으니까 월세를 출력하게 만들면 되겠습니다
일단 매개변수로 임프 슬 받도록 하겠구요
임포트 를 살펴 보기 전에 일단 한 글자씩 만 숫자인지 확인하는 코드를
만들어 보도록 하겠습니다
일단 치라고 해서 몸 임프 3
i 번째 를 뽑도록 하겠구요
조건문을 걸어서 0부터 9까지의 숫자 인지 확인을 하면 되겠죠 뭐
저같은 경우에는 이렇게도 좀 틀리지는 않다 고 생각을 하는데
일이냐
sf
이냐 3인 야산의 오냐 요즘에 찔려 8인 야구 냐 10 이냐에 서쪽
확인해보는 것도 괜찮고
아니면 논리 연산자를 활용을 해서
뭐 요런식으로 확인하라는 것도 괜찮을 것이라고 생각을 합니다
어쨌거나 요 방법 말고 그냥 반복문을 돌려서 확인해 보도록 할게요
반복문을 0부터 9까지 10가지 돌려야 0부터 10까지 돌 9까지 잡게
점 그리고
내부에서 조건을 활용을 해서 씨가
아이인지 확인해 보도록 하겠습니다 이게 자주 사용되는 코드 중에 하난데
사실 처음 공부할 때는 저도 실수를 많이 하고 사실 지금도 가끔 실수를
하는 정도로 약간 복잡한 형태 라고 생각을 해 주시면 되겠는데요
일단 코드를 입력을 해 보고 설명을 하도록 하겠습니다
일단 var 9시 라는 녀석을
펄스 로 지정을 하고요 같은 경우에
아웃풋을 투르 로 만들어 주시고
철 리턴 9 굿을 하게 되면 익히 하나가 그러니까 예를 들어 서명을
입력을 하게 되면 0번째 로 입력받은 녀석이 숫자인지 아닌지 확인할 수
있게 됩니다
한번 1위 들어오는 경우를 생각을 해 볼게요 일단 처음에 키로 1위 들어
오게 되겠죠
문자열로 일이 들어오게 되면 아웃풋이 라는 녀석을 쏠쏠 후 초기화를 하게
되고 반복문을 돌게 됩니다
첫번째 반복문 에서는
일단 키나 날 일이 되겠구요
그리고 아이는 영이 되겠죠
그래서 9 붓은 전혀 바뀌지 않고
펄스가 됩니다 암 그럼 이제 톰 요거를 첫번째 라고 하지 말고 0번째
라고 쓸 겸 그리고 이어서
첫번째 만복이 되게 되면 키는 일이고
아이드 일이 되고 9 붓은 투로 가 됩니다
뭐 사실 칠하는 걸 확인했기 되면 여기서부턴 더 이상 의미가 없기 때문에
그냥 브레이크 로 빠져나와 주셔도 됩니다
어쨌거나 이런 식으로 함수를 만들게 되면 코드를 작성하게 되면 이 녀석은
키에 하나를 확인을 하게 되는데요
내부 함수를 사용해서 캠프 라는 이름으로 7을 받고 이 녀석을 조사하는
녀석을
구성을 하도록 하겠습니다 그리고 이제 반복문을 돌려서
인포 3 랭스 만큼 돌린 뒤
져 템프 라는 녀석으로 임프 3
i 번째 를 전달해서 숫자로만 구성되어 있는지 아닌지 확인해 보도록
하겠습니다
숫자 로만 구성되어 있으면 하나하나 찾아 보면서
예를 들어 가지고 요 아래 컬을 살펴보도록 할게요
숫자로만 구성이 되어 있다면 일단 일을 입력을 했을 때
투어가 들어오겠죠 그래서 투로 가 되서 내부를 타게 되고
아닌 경우에는 l 수분을 들어가게 됩니다 트레인 경우에는 사실 아무것도
해줄게 없구요
중간에 숫자가 아닌 녀석이 나오는 순간 리턴 펄스를 바로 먹여 벌여
가지고 이 녀석은 숫자가 아니라고 확인을 해주시면 되겠습니다
추가적으로 모든 것을 통과 변했을 때는 숫자로만 구성되어 있다는 것을
확인 되니까 리턴 트롤 배려 주면 되겠죠
어쨌거나 저도 지금 생각을 바로 하면서 만들어서 코드가 굉장히 더러운
돼요
조금 간략하게 구성 해 보도록 하겠습니다 일단 함수로 만들었기 때문에
베이크 쓸 필요없이 그냥 바로 리턴 트 로 해주시면 되구요
모든걸 통과하지 못했을 경우에는 그냥 리턴 벌써 를 해주시면 됩니다
이어서 아래쪽에 있는 녀석은 l 수구 문만 썼기 때문에 그냥
논리 부정 연산자 로 반전 해주신 다음에 리턴 벌써 를 쓰시면 되고
리턴 트루 를 써주시면 됩니다 한번 얼얼 틀을 입력을 해서 실행 결과를
확인해 보도록 하겠습니다
첫번째 건 트로 가 나와야 될 거고 두번째꺼 1 펄스가 나와야 겠죠
저장을 하고 실행해 보도록 하겠습니다 실행을 하면 첫번째 관 트로 가
나오고 두번째 건 펄스가 나와서 제대로 코드가 구성되었다는 걸 확인할 수
있습니다
사실 저는 처음에 문자를 냈을 때 이게 숫자인지 아닌지 확인하는 코드를
만들라는 그런걸 내고 싶어서 그렇게 써 싸야 되는데 약간 틀렸는데 요
그렇게 만들 경우에 이즈 넘버 인지 확인을 할 때는 인풋 을 받고 그냥
넘버로 인풋 을 변환을 해 주시면 숫자가 아니라면 난 이 나올 거에요
그래서
잊은 안 을 사용해서 조사를 해 주신 다음에
난 이라면
숫자로만 구성되어 있는 녀석니다
아닐 경우에는 트롤을 리턴을 하기만 하면 간단하게 만들어 집니다
저장을 하고 실행을 하게 되면
이즈 넘버 정 이름을 바꿔 쓰니까 저장을 하고 실행을 하게 되면 첫번째
컨트롤 가 나오고
두번째 건 펄스가 나와서 아까와 비슷한 형태로 실행이 되는 걸 확인할 수
있습니다
어쨌거나 오늘 강의는 여기까지 되겠구요
다음 강의 부터는 이제 자바스크립트에서 가장 중요하다고 부르는 객체에
대해서 나아가 보도록 하겠습니다
어쨌건 오늘 강의는 여기까지 되겠고 다음 강의에 뵙도록 하겠습니다
감사합니다.