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

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

페이지 정보

조회: 709

본문

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

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

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

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

안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 입만 3 판에

11강 되겠구요 이번 강의에서는 자동 자룡 변환에 대해서 다루도록
하겠습니다
일단 지난 강의에서 강제 자룡 변환을 다루었기 때문에 이번 강의가
어렵지는 않을 텐데요
일단 지난 강의를 복습하고 시작하도록 하겠습니다
일단 자룡 변환에 대해서 여러 가지 경우를 살펴 보았는데요
가장 처음 오르는 숫자로 변환 되는 경우를 살펴보았습니다
일단 가장 처음으로 생각해 볼 수 있는 것은
숫자 처럼 보이는
문자 열애
숫자로 변환하는 경우에는 데요 예를 들어서 문자열이 173
문자열 50 2.2 173 이라던지 요런 숫자들이 숫자 처럼 보이는 문자
일이었습니다
이런 것들을 숫자로 강제 자료형 변환 을 하게 되면
숫자로 요 숫자에 해당하는 것이 나왔습니다
따라서 앞에 있는 녀석은 273 이 되었구요
유 두 번째 있는 녀석 같은 경우에는 52.2 173 으로 변환이
되었습니다
두번째로 숫자 처럼 보이지 않는
문자열을 숫자로 변하는 경우가 있었는데요
예를 들어서 뭐 안녕하세요 라던지 아니면
숫자가 있지만 다른 문자랑 섞여 있는 경우가 있을 수 있었습니다
이런것들을 강제로 숫자로 변환 을 하게 되면
나러 넘버 라고 부르는 나니 나오게 되었습니다
마지막으로
불을 숫자로 변환하는 경우가 있었는데요 트로 같은 경우에는
일로 변환이 되고 펄스 의 경우는 0 으로 변환이 되었습니다
두 번째로 우리가 문자를 변환에 대해서 알아봤어 는데요
문자열로 변환을 할 때는 그냥 그대로 변환이 된다 라고 했습니다
예를 들어서 숫자를 문자열로 변하는 경우
52.2 173 이라는 것을 강제로 스트링 변환을 하게 되면
52.2 173 이라는 여러분 문자 일이 나오게 되구요
9 를 문자열로 변환을 할 때는
마찬가지로 스트링 함수를 쓰고
트루 라던지 펄스 라던지 적었는데요
이때는 트루 라는 문자를 이 나오게 되었습니다
뭐 한 가지 질문이 이메일로 들어왔던 것은
그러면 난 이라는 것을 변경을 하면 어떻게 되느냐 했는데요
간단하게 실행을 해보면 되겠죠
얼얼 주로
스트링으로 변환 하는데
요런 녀석을 변환 해 보도록 하겠습니다 요 안쪽에 있는 녀석은 나니
될거고
요나 늘 다시 스트링으로 변환 하는 예제 이기 때문에
난을 스트림으로 변환을 하면 어떤 결과가 나오는지 확인할 수 있을 텐데요
저장을 하고 실행을 해보도록 하겠습니다 실행을 해보면 그냥 난이라고
출력되는 모습을 볼 수 있는데요
요 결과가 그냥 요렇게 나오는 것입니다 따라서 그냥 있는 그대로 가
문자열로 변환 된다고 할 수 있습니다
마지막으로 블루 변환되는 경우도 뵈었는데
블루 강제로 변환을 하게 되면 널
언제 파인드
2 0 빈 문자열 그리고 난 5개가 쏠수 로 변환이 된다 고 했습니다
사실 5개 라서 외우기도 힘들고 그냥 길가다가 누가 펄스 로 변환되는
5가지 말해 봐라 라고 하면은 그 바로 이야기하기가 좀 힘들어요 그래서
가장 기억을 해 주셨으면 하는 것은 언 디파인 드가 벌써 로 변환
된다구요
나머지는 그냥 누군가 물어봤을때 0 2% 로 변환된 홀쏘 로 변환된 야
빈 문자의 리트로 로 변환된 요 썰 수로 변환된 야 라고 할 때 대충
요건 벌써 로 변환 되겠구나 라고 까지만 생각을 할 수 있게 해주시면
되겠습니다 저쨌거나 지금까지 명시적인 그러니까 강제 자료는 변환에 대해서
살펴보았는데요
지금부터는 자동 자료용 변환에 대해서
찰 패 볼겁니다 암 자동 자룡 변환 이란 스트링 함수 라던지 넘버 함수
라던지 불리언 함수 라던지 등을 사용하지 않고 그러니까 여기에 추가적인
자료형 변환 함수를 사용하는 것니라 연산자와 함께 사용을 했을 때
자료형 변환 이 일어나는 경우를 말합니다
자 그러면 문자열로 변환 되는 경우가 가장 쉬우니까 여기부터 살펴보도록
할게요
어떤 자룡 과
문자열 연결 연산자 로 문자열을 연결을 하게되면 유아 앞에 자료 0 1
무조건 적으로 문자열로 변환이 됩니다
예를 들어서 책에 나오는 예정인데요
52 +
273 을 요렇게 문자열로 입력을 하게 되면
요 + 연산자는 숫자 덧셈 연산자가 아니라 문자열 덧셈 연산자가 우선
되게 됩니다 따라서 요 앞에 것이 자동으로 문자열로 변환이 되어서 오이지
13 이라는 문자열을 출력을 하게 됩니다
두번째로 숫자로 변환 되는 경우를 살펴보도록 할텐데요 숫자로 자동 자룡
변환이 되는 연산 저는 빼기 곱하기 나누기
나머지 연산자 입니다 한마디로 덧셈 연찬 자를 제외하고 나머지 와 함께
숫자를 사용을 하게 되면
그 다른 자료형이 자동으로 숫자로 변환 되게 됩니다
한마디로 문자열
5273 과 - 10 을 하게되면 자동으로 요 앞에 부분이 숫자 로
변환이 되어서
5226 3이라고 결과가 나오게 됩니다
마지막으로 세번째 블루비 않은 되는 경우는
뭐 우리가 욤 논리 부정 연산자 있죠
논리 부정 연산자 를 사용할 때는 뒤에 있는 자료형이 자동으로 불 변환이
됩니다
예를 들어서
느낌표 안녕하세요 라고 입력을 하게 되면 요녀석이 자동적으로
빈 문자열니니까 트로 라고 변환이 되고 이어서 느낌표 가 붙어서
펄스 라고 변환 되게 됩니다 불로 자동 차량 변환이 일어나는 경우에는
모현 상자를 사용할 때 이 외에도 이프 조건문 이라던지 못 스위치 조건문
이라든지 아니면 소 반복문 이라던지
와 1 반복문 이라던지 층을 사용할 때도 변환이 되는데요
이와 관련된 내용은 해당 부분을 배울 때 설명하도록 하겠습니다
다 그러면 갑자기 외울 게 엄청나게 늘어나서 당황하실 수 있는데요
간단하게 어떤 예제를 만들어 보고 그 예제 실행 결과를 직접 예측해
보실수 있으면 지금까지 배웠던 강제 자룡 변환과 자동 차량 변환을
완벽하게 숙제를 하셨다고 할 수 있습니다
일단 예제를 첫 보도록 할게요 체계도 있는 예정인데요 더하기 빼기 곱하기
나누지
뭐 모든 조건을 써보고 그 경우에 어떻게 변환 되는지를 설명을 하는
겁니다
참고적으로 블루 변환되는 경우는 굉장히 쉽기 때문에 생략을 하도록 할게요
그래서 일단 숫자 끼리 더 않은 경우 두 번째는
문자열 과 숫자를 연산 않은 경우
세번째로 숫자와 문자열을 연산하는 경우 4번째로
문자열과 문자열 을 연상하는 경우를 예로 들어보도록 하겠습니다
자 그래서 u 각각의 경우에 어떤 결과가 나오는지
한번
즉 요 재생을 정지를 해보시고 차례차례 예측을 해 보시면 좋겠습니다
자 그래서 간단하게 입력을 해 보았는데요 한번 정지를 해보시고 열려요
16개의 실행 결과를 직접 코드를 치지 마시고 예측을 해 보시면
좋겠습니다
자 그러면 예측을 했다고 생각을 하고요
같이 풀어보도록 할게요 일단 위쪽에 있는 것은 숫자와 숫자 를 연산 하는
거기 때문에
요 가운데 있는 연산 자들은 모두 숫자 연산 이 일어나게 됩니다
따라서 112 나오겠군요 0 92 나 오겠고
천이나 오겠고 12 나올 것입니다
자 두 번째와 세 번째 같은 경우에는 문자열과 숫자를 더하는 경우 숫자와
문자를 더하는 경우인데요 이러한 경우에는 무조건 적으로
+ 연산자 그러니까요 + 2호의 경우에는 문자열 연결 연산자 로 사용이
되고 나머지는 숫자 연산자로 수행이 됩니다
따라서 요 첫번째 경우는 10010 으로 요 뒤에 녀석이 자동으로 문자
1리 변환이 되고요
요녀석도 마찬가지로 숫자와 문자열을 + 때문에 요게 문자열 연결 연산자
로 사용해 되서 앞에 녀석이 문자열로 변환된 쥐에 100102 나오게
됩니다
나머지의 경우는 숫자로 자동 변환이 일어나기 때문에 위와 마찬가지로
값이 나오게 됩니다
자 그래서 이런 결과가 나오게 될 것이라고 예측을 해볼 수 있구요
마지막으로 문자열과 문자를 더하기 빼기 곱하기 나누기 하는 경우에는 뭐
얘는 당연히 문자열 연결 연산이 일어나 겠죠 그래서 100102 일어
나게 되구요
나머지 녀석 의 경우는 요 숫자 연산자 를 사용했기 때문에
양쪽에 있는 두 녀석이 모두 숫자로 자동 자료는 변환이 일어나서 개산
되게 됩니다
따라서 위와 같은 결과가 출력됩니다 자 그러면 저장을 하고 실행을
해보도록 할텐데요
우리가 지금 이걸 얼터 라는 경고 창으로 출력을 하면 결과를 약간 보기가
힘들기 때문에 이전에 배웠던 콘솔창에 출력하는 콘솔 점 록 으로 변경을
해 보도록 하겠습니다
추가적으로 각각의 위치에 콘솔 달로 그룹인 문제를 출력을 해서
띄어쓰기를 하도록 하겠습니다 저장을 하고 실행을 해 주신 다음에
크롬 등에서 fcb 를 눌러서 용 개발자 도구를 뛰어 주신 다음에 결과를
확인해 보면 위에 적은 것과 같은 결과가 나오는 것을 확인할 수 있습니다
119 10 1010 110 90 1010
110 90 1010 119 10 1012 나오는데요 이 결과를 보시는
지금 파란색으로 나오는게 있고 검은색으로 나오는게 있습니다
파란색으로 나오는 것은 결과가 숫자 라는 뜻이구요
검은색으로 나오는 것은 결과가 문자열이 라는 뜻입니다
한마디로 문자열 연산 이 적용이 되서 결과가 나온 녀석들은 최종 결과도
문자열이 라는 뜻이고
그렇지 않고 숫자로 연산이 되가지고 결과가 나온 애들은 그 결과도 숫자
라는 의미인데요
요 자동자 량 변한 말고도 최종적인 결과가 어떻게 나오는지도 함께 확인을
해주시면 좋겠습니다
뭐 오늘 강의는 여기까지 내용 지금 살펴본 내용을 뭐 전부 다 기억하시기
보다는 요 마지막에 있는 것을 직접 내측을 해보시고 그 결과를 그냥 뭐
우리가 마음으로 이해를 한다.고 하는 그런 느낌으로 기억을 해 주시면
좋겠습니다
참고적으로 자바스크립트 이 이외의 대부분의 프로그래밍 언어는 이런게
안되요
그러니까 숫자는 무조건 숫자 끼리 연산을 해야 되고 문자열은 무조건
적으로 문자열 길이 연산을 해야 되고 라는 규칙이 있는데요
자바스크립트는 요런 자동 자료는 변환이 굉장히 뭐 발달에 있다라고
말하기도 좀 그런데 유연 하기 때문에
요런게 가능합니다 그래서 사실 다른 프로그래밍 언어를 공부를 하다가 오신
분들은 뭐 저도 처음에 그랬구요
이 딴 짓은 절대 하지 말자 라고 말하는 경우가 많은데요
대부분의 자바 스크립트 개발자들이 이런 짓을 하고 있어요
그러니까 그와 함께 동화 되기 위해서는 이런 짓을 해 주셔야 합니다
한마디로 어떠한 경우에 자동 자룡 변환이 일어나는지
그리구 자료는 변환이 일어날 때 어떤 식으로 일어나는 지를 확실하게
기억을 해 주셔야 합니다
또 추가적인 참고로 대부분의 프로그래밍 언어가 요건은 동작을 해요
100 + 빈 문 자연 그래서 요거 같은 경우에는 스트링 백과 같은 의미
거든요
그러니까 빈 문자열을 더해서 앞에 있는 숫자를 강제적으로 문자열로 변환을
해주는 거죠 그래서 프로그래밍 언어 개발자의 따라서 숫자를 문자열로
변환을 할 때 요 1번 방법을 사용하는 경우도 있고
2번 방법을 사용하는 경우도 있습니다 요거 같은 경우에는 대부분의
프로그래밍 언어에서 공통된 거기 때문에 함께 기억을 해 주시면 좋겠습니다
그럼 오늘 강의는 여기까지 되겠구요 다음 강의에서 뵙도록 하겠습니다
감사합니다.