윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 9강 - 자료형 검사와 입력 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 9강 - 자료형 검사와 입력

페이지 정보

조회: 682

본문

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

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

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

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

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

이번 강의에서는 56페이지 붙어 있는 자료용 검사 부분에 대해서 부터
살펴보도록 하겠습니다
지금까지는 사실 자료는 무엇이 있고 그 자료를 변수의 어떻게 놓고 변수는
어떻게 사용한다. 라는 흐름을 가지고 왔었는데요
지금부터는 잠시 부분적 인 내용을 살펴보는 부분이기 때문에 흐름이 끊길
수는 있는데요 하나하나에 내용을 모두 다 기억을 해 주시면 좋겠습니다
일단 자룡 을 검사를 할 때는 타임 오브 라는 연산자를 활용하게 됩니다
요녀석 뒤에다가 검사 하고 싶은 자료를 입력을 하게 되면 요 녀석의 자룡
을 확인할 수 있습니다
한번 요렇게 입력을 해서 출력해 보도록 할게요
저장을 하고 실행을 해주시면 넘버 라는 결과를 출력하는 걸 확인할 수
있습니다
어쨌거나 마찬가지의 방법으로
숫자도 확인할 수 있고 문자 일도 확인할 수 있고
불같은 값도 확인할 수 있습니다 저장을 하고 실행을 해 보게 되면 넘버
스트링 불리언 이라는 값을 차례차례 출력하는 모습을 확인할 수 있습니다
멋쩍어 난타 이 부부 같은 경우에는 우리가 연산자 라고 불러요 우리가
숫자 10을 - 10 으로 변경하고 싶을때 앞에다가 단항 연산자 인 요
- 기호를 붙이게 되는 데요
마찬가지로 타입 오브 도 시 b 라 능과 베다가 그냥 붙이는
요러한 형태의 연산자 라고 할 수 있습니다
그런데 참고적으로 우리가 - 10 플러스 22 라고 입력을 하게 되면
머릿속으로 - 10 에다가 20을 더 하니까
12 나온다고 이해를 하기 쉽지만 타입 읏 위에다가
이런식으로 입력을 하게 되면 타이 부부가
앞쪽 에만 적용이 되는지 뒤쪽까지 적용이 되는지 이야기 조금 힘듭니다
그래서 타입 오보 를 사용할 때는 일반적으로 지금 화면에 보이는 것처럼
검사 하고 싶은 자료 용을 과로로 감싸서
요러한 형태로 사용 하게 됩니다 우리가 접어 내 식별자 뒤에 괄호 열고
다꾸 가 있으면 이 녀석을 함수 라고 부른다고 했는데요
유 녀석이 함수와 형태가 굉장히 비슷해 염
다만 u 앞쪽에 있는 녀석이 식별자 가 아니라 키워드 정
그래서 1부 랑 비슷하게 돼 있어서 함수라고 헷갈릴 수 있는데요
요녀석은 키워드 이자 연상 자라는 것을 기억을 해 주시면 좋겠습니다
어쨌거나 자바스크립트 에는 총 6가지의 자 룡 이 있는데요
숫자 문자열 불 그리고 책 책 그리고
함수 그리고
선언되지 않은 값을 나타내는
조금 특이한 값이 인데요
잠시
선원 되지 않는 값을 나타내는 자룡 도 가지고 있습니다
요 마지막에 알파 라는 녀석은 우리가 선언하지 않은 식별자 인데 그러니까
변수로 사용하겠다고 선언하지 않은 식별자 인데 사용을 했기 때문에 언지
파인트 라는 자룡 에 나오게 됩니다
언 디파인 더 관련된 것은 우리가 이후에 더 자세히 알아 볼 것이기
때문에 일단은 요정도로 알아보고 출력을 한번 해서 실행 결과를 확인하도록
하겠습니다
코드를 저장을 하고 실행을 해주시면 넘버 스트링 불리한 오브젝트에 펑션
언 d 파인드 라는 6가지가 출력이 되는데요
유 6가지가 자바스크립트에서 사용할 수 있는 자룡 되겠습니다
참고적으로 우리가 숫자 문자 을 부른 요번 앞쪽 강의에서 간단하게 알아
봐 점 객체와 함수 그리고 언 d 파인드 와 관련된 내용은 이후에 쭉
차례차례 살펴보도록 하겠습니다
자 그럼 이제 58페이지 a 점 구절 입력 부분 되겠는데요
우리가 얼얼 트 라는 함수를 사용하면 웹으로 출력을 할 수 있다는 사실을
배웠습니다
이렇게 실행을 해보시면 경고창이 출력의 되면서 출력을 할 수 있었는데요
반대로 사용자로부터 입력을 받을 때는 우리가
프롬프트 라는 함수를 사용하게 됩니다 프롬프트 라는 함수를 실행할 때
보시면 첫번째 매개변수에 메시지를 넣게 되고 두 번째 매개 변수에
디폴트를 넣게 됩니다
참고적으로 뒤에 콜로니 쳐져있고 스트링이 라고 되어있는데요
유 말은 u 함 토가 최종적으로 실행이 되었을 때 스트링 문자열을
그 리턴을 한다.는 뜻입니다 리턴 이라는 말이 약간 어려운 대용 최종적으로
실행 결과가 문자열로 변환 된다는 뜻입니다
일단 한번 무슨 소리인지 입력을 해 보도록 하겠습니다
첫 번째 매개변수는 메시지 니까 메시지로 입력을 해 보겠 꾸 요 두 번째
매개변수는 t 쏠 테니까
짚불 트라고 입력을 해 보도록 하겠습니다 그리고 최종적으로 결과가
스트링으로 나 온다고 했으니까
요런식으로 변수로 받고 그 변수를 출력해 보도록 하겠습니다
저장을 하고 실행을 해 보게 되면 메시지로 라고 입력했던 부분이 위쪽에
메시지라고 출력의 되고요
디폴트 라고 입력했던 부분이 텍스트 상자에 출력되게 됩니다
여기에다가 안녕하세요 라고 입력을 하고 엔터 를 누르게 되면 안녕하세요
를 출력하게 됩니다
다시 코드를 살펴 보게 되면요 안녕하세요 라고 최종 출력 했던거 1
요아 오프 시조 그래서 한마디로 요 프롬프트 함수를 실행 했을 때
최종적으로 결과가
안녕 하세요 라고 바뀌게 됩니다
그래서
아까 요 자동완성 기능으로 나왔던 스트링 의미를 약간은 기억을 해 주시면
좋겠습니다
뭐 자세한 내용은 이후에 알아 볼 것이기 때문에
요 프롬프트 라는 함수를 실행하게 되면 사용자가 입력한 결과가
유전체 가 변환이 된다는 것만 기억을 해 주시면 좋겠습니다
어쨌거나 프롬프트 함수를 사용하면
문자열을 입력받을 수 있게 됩니다
우리가 추가적으로 굴을 입력받을 수 있는 함수가 있는데요 바로 컨펌
이라는 함수입니다 컨펌 이라는 녀석을 보시게 되면 매개변수로 메시지를
넣게 되구요
이녀석은 최종적으로 불리언 으로 변환이 되게 됩니다
따라서 요게 실행이 되었을 때 트로 로 변환이 되거나
펄스 로 변환이 된다 는 이미정 그래서 한번 어떤 의미를 가지고 있는
함수 인지 실행을 해서 확인해 보도록 하겠습니다
요 위에 있는 녀석은 주석처리 해주도록 하겠구요
저장을 하고 실행을 하게 되면 메시지 라는 것이 출력이 되고 확인과 취소
라는 것이 좋습니다
경고창 하고 굉장히 비슷한데 확인과 출소 라는 버튼이 들어가 있다는 것이
다르기 때문에 기억을 해주시면 좋겠구요
만약에 여기서 확인을 누르게 되면 트롤을 출력을 하게 되고 다시 실행 해
볼게요
여기에서 취소 를 누르게 되면 펄스를 출력을 하게 됩니다
한마디로 다시 코드를 보면 요 컨펌 이라는 걸 실행을 하게 되면 확인과
취소 버튼이 달린 경고창을 출력을 하게 되고 그 정보 창에서 우리가
확인을 누르게 되면 트로 가 들어가게 되고
만약에 취소 를 누르게 되면 펄스가 들어가게 된다 고 기억을 해 주시면
좋겠습니다
자 그럼 간단하게 문자열을 입력받는 반복과 불을 입력 받는 방법에 대해서
살펴보았습니다
프롬프트 라는 이름과 컨펌 이라는 이름은 사실 다른 프로그래밍 언어에서
도 적용이 되고
일반적인 컴퓨터 개론 에서 또 적용이 되는 내용이기 때문에 단어를 기억을
해 주시면 좋겠습니다
어쨌거나 그럼 오늘 강의는 여기까지 되겠고 용 다음 강의에서 뵙도록
하겠습니다 감사합니다.