윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 10강 - 강제 자료형 변환 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 10강 - 강제 자료형 변환

페이지 정보

조회: 548

본문

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

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

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

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

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

이번 강의에서는 61 페이지 붙어 있는 자료형 변환에 대해서 살펴보도록
하겠습니다
일단 결론부터 말을 하고 차근차근 살펴보도록 하겠습니다
일단 자료형 변환 에는 두 가지 종류가 있는데요 첫번째는 강제 자료형
변환
그리고 두 번째는 우리가 암묵적 이라던지
자동 자료형 변환 이라고 부르게 되는 자료 양 변환이 있습니다
일단 강제 자룡 변환이 란 개발자가 원하는 시점에
뭐 특정한 호텔의 입력을 해서
자료형을 변하는 것을 의미 를 하게 됩니다
자동 자료형 변환 같은 경우에는 프로그래밍 언어가
내부적으로 자동으로 자료형 변환 하는 것을 의미 를 하게 됩니다
따라서 일단 강제 자룡 변환을 살펴 보도록 하겠 고요
이어서 자동 자료는 변환이 언제 일어나고 어떻게 주의를 해야 하는지
살펴보도록 하겠습니다
자 그럼 에 딴 강제 자료형 변환 부터 살펴보도록 하겠는데요
어떤 자룡 을 어떠한 자룡 으로 변환할 때는 모래가 그 자료 양의 이름을
가진 함수를 사용하게 됩니다
첫 번째는 넘버 함수 되겠고 두번째는 스트링 함수 되겠고
세번째는 불리한 암소 되겠는데요
입력을 하실 때 보면 매개변수로 애니 라는 것을 넣을 수 있습니다
어떠한 자료 용이나 넣어도 상관이 없다는 뜻입니다
여기에다가 예를 들어서 안녕하세요 라는 문자를 넣게 되면 이 문자열을
숫자로 강제로 변환을 하게 되고요
예를 들어 도 우리가 271 스타 미라는 초짜 를 넣게 되면 273
이라는 숫자를 문자열로 강제로 변환을 하게 됩니다
마찬가지로 뭐 300 이라는 숫자를 불리언 이라는 함수에 이렇게 되면 이
300 이라는 숫자를 강제로 불리언 으로 변하게 되는데요
사실 지금 이 세 개의 코드를 보셨을 때 대충 어떠한 결과가 나올
것이라고 예상이 조금이라도 되는건 스트링 밖에 없을 거예요 그래서 어떠한
식으로 변환이 일어나는 건지 한번 살펴보도록 하겠습니다
자 그럼 일단 넘버 함수 부터 살펴보도록 하겠는데요
차 약체 가지를 알아 보도록 할 거예요
일단 숫자 처럼 생긴
문자열을 변환하는 것 그리고 숫자 처럼 생기지 않는
문자열의 변환하는 방법 그리고
불리언 을 변환하는 방법에 대해서 살펴보도록 하겠는데요
일단 숫자 처럼 생긴 문자열은 뭐 요런 형태들이 있겠죠
요러한 것처럼 숫자로 우리가 딱 보고 요건 뭐 숫자 273 으로 변환이
되겠구나
요건 뭐 숫자 고 52.2 173 으로 변환이 되겠구나
103 으로 변환 되겠구나 72 로 변환 되겠구나 라고 확실하게 알 수
있는 녀석들을
우리가 숫자 처럼 생긴 문자열 변환 이라고 하게 되는데요
실행 결과를 한번 어떻게 될지 예측을 해 보시기 바랍니다
예측을 해 보셨으면 실행해 보도록 할게요 저장을 하고 실행을 하게 되면
273
52.2 173 103 그리고 72 를 출력하게 됩니다
마찬가지로 자료 용도 살펴보게 되면 앞에다가 타입을 간단하게 붙여 보도록
할게요
저장을 하고 실행을 하게 되면 넘버 넘버 넘버 넘버를 출력하는 모습을
확인할 수 있습니다
따라서 숫자 처럼 생긴 문자열이 넘버 함수로 숫자로 변환 된다는 것을
확인할 수 있을 것입니다
자 그럼 두번째로
숫자 처럼 생기지 않은 문자열을 살펴보도록 하겠습니다
초짜 처럼 생기지 않은 문자 11 무 예를 들어서 안녕하세요 라든지 뭐
1177 안녕하세요 뭐 이런식으로
변환을 했을 때 우리가 어떻게 결과가 나올지 쉽게 예측할 수 없는
문자열을 변화는 하는 경우를 의미를 합니다
일단 실행 결과 부터 살펴보도록 할게요
저장을 하고 실행을 해 보게 되면 nan 이라는 값을 출력을 하게 됩니다
그리고 마찬가지로
타입 오보 를 붙여서 자료형 도출 약해 보도록 하겠는데요
저장을 하게되면 넘버 넘버가 나오게 되서 숫자 자룡 이라는 것을 알 수
있습니다
자 그러면 한마디로 숫자 처럼 생기지 않은 문자열은 숫자 로 변환이
되기는 하는데
nan 이라는 값이 나오게 된다는 것을 알 수 있습니다
nan 은 그러다 더 넘버 라는 뜻이고요 숫자는 숫자 인데 숫자가 아닌
그러니까 조금 특이한 설명인데 숫자로 나타낼 수 없는 숫자를 의미 를
하게 됩니다
그래서 안녕하세요 라는 걸 자는 숫자로 나타낼 수는 없지만 강제로 자료는
변환을 했기 때문에
자료 용은 넘버 이지만 안에 들어있는 값은 숫자가 아닌 nan 을 출력을
하게 됩니다
따라서 숫자 처럼 생기지 않은 문자 이런 무조건 적으로 nan 이라고
변환이 된다 고 기억을 해 주시면 좋겠습니다
참고적으로 숫자와 문자열을 수 섞여 있을 때도 5117 7만 뽑아 가지고
숫자로 변환 하거나 하는 것니라 무조건 적으로 nan 을 출력하게
된다 는 것을 기억을 해 주시면 좋겠습니다
자 그러면 세번째 북미와 불리어 늘 변하는 경우 아
우리가 불루 사용하기로 했죠 불을 변하는 경우를 살펴보도록 하겠습니다
불을 변화 나는 경우는 두가지 밖에 없겠죠
트루아 펄스 그래서 곧바로 넘버 에다가 투 들을 넣어보고
넘버로 펄스를 넣어보고 요녀석 툴을
출력해 보도록 하겠습니다 저장을 해 주시고 실행을 하게 되면
첫 번째 결과는 1일 출력을 하게 되고 두 번째 결과는 영을 출력을 하게
됩니다
한마디로 불 같은 경우에는 트론 은 1로 변환이 되고
펄스는 0 으로 변환이 된다는 건데요 우리가 컴퓨터나 뭐 전자기학 에서
스위치를 켜면 은 그걸 이라고 의미를 살게 되고 스위치 를 끄게 되면 0
을 의미하게 됩니다 따라서 스위치가 켜져 있는 것과 같은 트론은 즉 이를
나타내게 되구요
스위치가 꺼져 있는 것과 같은 영은 펄스를 나타내게 됩니다 자 그래서
간단하게 정리를 해보면 숫자 처럼 생긴 문자열은 뭐 그 숫자 처럼 생긴
녀석으로 변환이 된다 라고 기억을 해 주시면 되겠구요
숫자 처럼 생기지 않은 문자열은 nan 나러 넘버로 변환이 된다 고
지역을 해주시면 좋겠고
마지막으로 툴은 은 1로 변환이 되고 펄스는 영어 로 변환이 된다
요렇게 기억을 해 주시면 숫자로 자료형을 변하는 경우는 모두 다른 것이
됩니다
숫자가 조금 어렵기 때문에 조금 기억을 따로 해주시면 좋겠구요
나머지 스트링과 불리언 변화는 쉽기 때문에 간단하게 빨리 알아보도록
하겠습니다
일단 스트링 변환 같은 경우에는 첫 번째 경우로
뭐 숫자를 문자열로 변환하는 경우
살펴 볼 수 있겠고 두번째는 불을
문자열로 변환 않은 경우를 살펴 볼 수 있을 것입니다
뭐 간단하게 예를 살펴보고 그것을 출력을 해서 결과를 확인해 보도록
할게요
저장을 해 주시고 실행을 해보기 전에 간단하게 코드를 볼게요 첫 번째는
273 을 문자열로 변환 해서 출력하는 거고 두 번째는 52.2 173
을 문자열로 변환 해서 출력하는 거고 그리고 세번째는 트롤을 문자열로
변환 해서 출력하는 거고
네번째는 펄서 를 문자열로 변환 해서 출력하는 것입니다
저장을 하고 실행을 해 보게 되면 273 이라는 숫자는 그냥 273
이라는 문자를 변환이 되고 52.2 173 이라는 숫자는 52.2 173
이라는 문자열로 변환이 되고
초는 트루 펄스는 뺄수 로 변환되는 모습을 확인할 수 있습니다
추가적으로 문자열로 제대로 변환이 된 것인지
자룡 도 확인해보도록 할게요 저장을 하고 실행을 해주시면 전부다 스트링
스트링 스트링 스트링을 출력하는 모습을 확인할 수 있습니다
따라서 숫자가 그리고 분리 제대로 문자열로 변환 되었다는 것을 알 수
있습니다
따라서 정리를 하면 요 숫자로 숫자를 문자열로 변환을 하면 그 숫자가
문자열로 그대로 변환이 된다
불을 문자열로 변환하면 트로 펄스가 그냥 출력이 된다 고 기억을 해
주시면 좋겠습니다
어쨌거나 마지막으로 불리언 이라는 함수에 대해서 알아보도록 할텐데요
책의 6페이지를 참고로 때 주시면 좋겠습니다
책의 6페이지 를 보시게 되면 은
0 나로 넘버 그리고 빈 문자열 그리고 널 언 d 파인드
5개가 벌 수 로 변환이 되고 이 이외의 모든 것은 트로 로 변환이 된다
고 써 있습니다
저 죽거나 코드로 정리를 해보면 2 0 그리고
나러 넘버 그리고
빈 문자열 그리고 널 그리고
언지 파인드 가 모두 벌써 로 변환이 되고
이외의 모든 것은 채로 로 변환이 됩니다
참고적으로 제가 프로그래밍 언어에서 이렇게까지 세부적인 것을 외우는 것을
사실을 좋아하지는 않는데요
대부분의 자바 스크립트 개발자가 이거를 외우고
인터넷에 공개된 대부분의 코드가 2 펄스 로 변환이 된다는 것을 활용을
해서 뭔가를 만들어요 따라서 기억을 어느정도 해주셔야 합니다
참고적으로 대부분의 프로그래밍 언어에서
존재하지 않는 것을 나타내는 영과 널 요 두녀석은 무조건 썰 수 로
변환이 되기 때문에
함께 기억을 해주시면 좋겠구요 언지 파인드 같은 경우에는 자바스크립트
에만 있는 특이한 자료인데
요녀석도 존재하지 않는 걸 나타내기 때문에 뭐 벌수 로 변환이 된다 고
기억을 해 주시면 좋겠고
사실 요 아래 두 녀석이 조금 특이한 됨 나러 넘버 같은 경우에는
자바스크립트 밖에 없는 그런 굉장히 특수한 녀석인데 m
요녀석은 특수하게 따로 기억을 해주시면 좋겠구요
마지막으로 빈 문자를 같은 경우에는 요녀석을 츠루 로 변하는 프로그래밍
언어도 있고 쏠쏠 변하는 프로그래밍 언어도 있는데
자바스크립트는 요녀석을 빈 것으로 판단을 하기 때문에 펄스 로 변화는
한다. 라고 기억을 해 주시면 좋겠습니다
사실 자바스크립트 만 파시는 분 이라면 요걸 기억하는 게 어렵지 않을텐데
자바스크립트 이외에 프로그래밍 언어를 함께 파악을 하셔야 된다면 요걸
기억하는 게 약간 어려울 수 있어요
그럴 때는 오포 스테이지 라든지 아니면 뭐 에버노트 라던지 배우 노트
라던지 그런 코드를 기록할 수 있는 메모장에 다가 함께 기록을 하고
나중에 자바스크립트 하기 전에 후딱 살펴보고 자바스크립트 코드를 쳐주시면
좋겠습니다
뭐 추가적으로 얼얼 쯤
불리한 영이라고 문자열을 표기를 하게 되면 이 녀석은 신 문자 일이
아니죠
그리고 영도 아니기 때문에 사실상 요녀석 같은 경우에는 트로이 기 때문에
주의를 해 주시면 좋겠습니다
자 그럼 오늘은 강제적인 자른 변환에 대해서 살펴보았는데요
일단 숫자 자룡 을 변환을 할 때는 숫자 처럼 생긴 문자 엘은 그대로
숫자 로 변환이 된다
숫자 처럼 생기지 않은 문자를 숫자로 변환을 하면 나로 넘버 라는게
출력이 된다
불을 숫자로 변환할 때는 트루만 일이고 펄스는 영어 로 변환이 된다
이렇게 3가지를 확실하게 기억을 해주시면 좋겠구요
이외에 숫자를 문자열로 변환 을 한다.는
뭐 그냥 숫자가 문제를 변환이 되고 뭐 점이 찍혀 있어도 곧바로 문자를
변환이 되고 불을 문자열로 변환할 때는 트로 펄스 그냥 나온다고 기억을
해 주시면 좋겠습니다
사실 여기 위에서 언급한 나러 넘버를 제외 를 하게 되면 전부 다 다른
프로그래밍 언어에서 도 공통적으로 나오는 일이기 때문에 꼭 기억을
해주시면 좋겠구요
참고적으로 다른 프로그래밍 언어 같은 경우에는 숫자 처럼 생기지 않은
문자열을 숫자로 변환 을 하려 그러면
나로 넘버로 변환되는 게 아니라 그냥 오류 띄우고 죽어버립니다 따라서
예외처리를 따로 해줘야 되는 상황이 오기때문에 모유 녀석만 특수하게
기억을 해주시면 좋겠구요
마지막으로 다른 자료형을 불리언 으로 변환을 할 때는
0 널 언 디파인 드 나라 넘버 빈 문자열 이렇게 다섯 개
뭐 그리고 추가적으로
펄서 를 불리언 으로 변환을 하게 되면 뭐 큰 의미는 없지만
요녀석도 펄 수로 나오기 때문에 총 요렇게 6가지 가 전부 볼 수 로
변환이 돼서 출력을 한다.고 기억을 해 주시면 좋겠습니다
어쨌거나 오늘은 뭔가 굉장히 많은 것을 배웠는데 요 굉장히 중요한 내용이
있고 사실 다른 프로그래밍 언어 에도 적용이 될 수 있는 내용도 있기
때문에 하나하나 기억을 해 주시면 좋겠습니다
어쨌거나 오늘 강의는 여기까지 되겠구요 다음 강의에서 뵙도록 하겠습니다
감사합니다.