윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 5강 - 숫자 자료형 > javascript

javascript

자바스크립트 강의 리스트

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 5강 - 숫자 자료형

본문

※ 영상을 선명하게 보기 안내
  1. 유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
  2. 팝업목록에서 "품질" 선택하세요.
  3. 원하는 해상도를 선택해주세요.
※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.
윤인성님의 javascript강의 청각장애인을 위한 자막
15444120148448.jpg

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

이번 강의에서는 36 페이지에 있는 2.절 숫자 자룡 에 대해서
살펴보도록 하겠습니다
저번에 언급했던 것처럼 어떠한 자료를 살펴볼 때는 그 자료를 생성하는
방법과 그 자료에 어떤 처리를 할 수 있는지 두 가지를 꼭 알아야 됩니다
일단 숫자를 생성하는 방법은 굉장히 간단합니다
뭐 103 이라던지 273 이라던지 50 이라던지
그냥 정수를 입력하셔도 됐고 103.5 12 라던지 않은 소수점이 들어간
실수를 입력을 하셔도 됩니다
뭐 수학과 이 신부는 복소수 는 안되냐 사원수 는 안되냐 등등을 물어
보실 수 있는데요
다 안되고요 자바스크립트에서 는 정수와 실수
요 두가지를 숫자로 인식하게 됩니다 어쨌거나 그렇게 만들어진 숫자에는
우리가 기본적인 사칙연산 더하기 빼기 곱하기 나누기 를 모두 적용할 수
있습니다
예를 들어서 52 + 273
52 - 273 5 12 곱하기 273
52 나누기 273 모두 가능합니다
간단하게 실행해 보도록 할게요
참고적으로 요 비주얼 스튜디오의 기능인데 다른 에디터도 있는데 사용
방법이 약간 다르기 때문에 에디터의 설명서를 참고해 주시면 좋겠는데
알트 키를 누르고 드래그 를 쭉 하시면 이렇게 여러 줄이 선택이 되어 이
상태로
어려울 터 라고 입력을 하시면 한번에 여러 개의 줄을 입력할 수 있기
때문에
참고를 해주시면 좋겠습니다 어쨌거나 저장을 하고 상콤하게 실행을 해보면
덧셈 뺄셈 곱셈 나눗셈 이 된 325 - 221
14196 그리고 0.19 0평 평 평 에 나오게 됩니다
어쨌거나 요런식으로 더하기 빼기 곱하기 나누기 연산이 가능하다는 것을
기억 을 해주시면 좋겠구요
대부분의 프로그래밍 언어는 사칙연산 이외에도 나머지 연산 잘하는 연산자를
제공을 하게 됩니다
나머지 연산자는 어떠한 숫자를 어떠한 값으로 나눴을 때 나머지를 의미를
하게 되는데요
예를 들어서
기온 1퍼센트 기호를 사용하라고 10% 일을 하며 는 10으로 이를
나누면 정확하기 오라는 몫이 떨어지고 나머지가 제로가 되죠 그래서 제로를
출력을 하게 되고
예를 들어서 어 10을 3으로 나누게 되면 복시 3 이고 나머지가 일이
나오죠
그래서 이를 출력을 하게 되고 사루 나누게 되면 몫이 2가 되고 나머지가
이가 되니까 나머지로 이를 출력을 하게 됩니다
그래서 실행 결과를 한번 볼 텐데요 저번엔 주석 이라는 걸 배워 어쩜
이렇게 사용을 해서 아래 있게 실행이 안되도록 만들겠습니다
참고적으로 실제 프로그래밍 언어를 쓰시다 보면 이렇게 열어줄 주석을
사용하지 않아요 거의 들어줄 수석이 복잡해서
일부 프로그래밍 언어는 아에 열어줄 주석 을 지원하지 않기 도 하거든요
그러면 어떻게 하느냐 라고 고민을 하실 수 있는데요
그냥 선택을 하고 개발 환경 에서 지원하는 주석처리 명령어를 사용하시면
됩니다
비주얼 스튜디오 같은 경우는 위쪽에 메뉴바를 보시게 되면 오른쪽에 선택한
줄을 주석으로 처리합니다
컨트롤 케인 흐르고 컨트롤 시 눌러 주세요 라고 나왔는데
요녀석을 누르시면 한줄 주석 으로 그 부분이 전부 주석 처리 되기 때문에
이러한 방법을 사용해서 수석 처리를 해 주시면 되겠습니다
나중에 해제하고 싶으시면 그 오른쪽에 있는 버튼을 눌러서 해제를 해주시면
됩니다
단축키가 컨트롤 kc 로 되어있는데 컨트롤 k 도 된 꼬 컨트롤 씨도
된다는 게 아니라 컨트롤 k 를 한번 눌러주시고 컨트롤 c 를 눌러주시면
요 두개가 연결이 돼서 주석 처리가 된다는 것이기 때문에 기억을 해
주시면 좋겠습니다
어쨌거나 저장을 하고 상콤하게 실행을 해보면 0 을 출력하고 2 를
출력하고 2 를 출력하는 모습을 확인할 수 있습니다
그럼 몇가지 예제를 더 드릴 텐데요
한번 잠시 10초정도 요 결과가 어떻게 될지 예상이 보시기 바랍니다
뭐 일시정지 하시고 알아서 정시를 하시고
f 를 누르면 0 1 2 0
가 출력되는 모습을 볼 수 있습니다 10을 오르 남으면 몫이 2구
나머지가 빵이 되기 때문이구요 10을 6 으로 남게 되면 몫이 일이고
나머지가 4가 되기 때문입니다
자 그러면 정리를 해볼게요 숫자는 그냥 숫자를 입력을 해서 생산한다.
정수와 실수를 사용할 수 있다라고 기억을 해 주시면 좋겠고
더하기 빼기 곱하기 나누기 나머지 5개의 연산을 적용할 수 있다 라고
기억을 해 주시면 되겠습니다
5 몇가지 여담을 더 설명을 드리면 요
예를 들어서 모작 프로그래밍 언어 농담 따먹지 일기 같은 지게 나오는건데
이런걸 왜 하는지는 모르겠지만
나머지 연 상자에 만약에 음수를 적용을 하면 어떻게 되냐
요런 결과를 낼 수 있을 텐데요 대부분의 프로그래밍 언어에서 2 실행
결과가 다 달라요
일반적으로 앞에 있는 그 부호를 따라가거나 뒤에 있는 부호를 따라 가게
되는데요
자바스크립트에서 실행을 해 보시게 되면 아니 이런
이는 정확히 나누어 떨어지니까 하면 알 수 없잖아
실행을 해보시면 첫 번째 나머지가 일이기 때문에 일이 나오게 되죠 그리고
두번째 도일이 나오게 되고 두 번 세 번째는 - 1
네번째는 - 일이 되어서 앞에 있는 숫자의 부호를 따라가게 됩니다
뭐 다른 프로그래밍 언어 해보시는 것이 있다면 그 프로그래밍 언어로 도
테스트를 해 보면 나름 재미있는 결과가 나올 것이라고 생각을 하고요 또
정말 의미는 모르겠는데
프로그래밍언어 농담 따먹기 같은 책을 보시면
이걸 소수로 나누는 경우도 있어요
소스로 나누는 경우에도 실행되는 과정이 못 프로그래밍 언어 마다 약간씩
다르게 되는데요
실행을 해 보게 되면 결과로 3의 나오고 3의 나오고 - 3 - 3 2
나와서
대충 10이라는 값 센 3.5 곱하기 이구 요 앞에 걸 재산 하면 7이
되죠 그리고 나머지가 3이 되기 때문에 나머지 3의 출력된 결과 라고
보시면 되겠습니다
그런데 사실 방금 설명한 이렇게 부어 가 다르거나 소수점 으로 나머지를
연산 한다.거나 하는 것은 우리가 일반적으로 예측하기 힘든 결과죠
그래서 절대 그러한 상황 자체를 만드시지 않게 프로그래밍을 하는 걸
추천드립니다
추가적으로 주의하셔야 할것이 있는데요 예를 들어서
걸어 얼티 명령으로 52 를 출력해 볼게요
실행을 하면 50 이라는 값이 그대로 출력되는 모습을 확인할 수 있습니다
그런데 이 숫자가 점점 커지게 되면
어느 순간부터 뭐 얘는 제대로 출력을 하는데
어느 순간부터 e+ 28일 않은 그러니까 우리가 숫자의 제곱으로 나타내는
연산자로 바뀌게 됩니다
이 상태가 되면 10을 다 하셔도 20을 더한 게 전혀 표현이 되지
않아요
부동 소숫점 을 컴퓨터 내부에서 표현하는 방식 때문에 너무 큰 숫자를
사용할 경우에는 작은 숫자를 무시하게 된다는 규칙이 있기 때문입니다
이 현상은 모든 프로그래밍 언어에서 나타내기 때문에 너무 큰 수를 계산을
할 때는 주의해야 한다. 라는 그런 개념을 꼭 기억을 해주시면 좋겠구요
일반적으로 프로그래밍 언어는 뭣이 언어 같은 경우에는 기본적인 정수는 -
147 답할 3 녘 8 부터
2147483647 까지만 계산을 할 수 있습니다
따라서 인류 4748 3647 에다가
이를 더하게 되는 순간 우리는 상식적으로는 1473
이를 4748 섭렵 사파리 되야 되는데 - 147
483 녘 팔로 그 한 바퀴를 돌아 버리는 현상이 있습니다
이러한 것을 우리가 오버플로우 라고 부르게 되는데요
자바스크립트의 는 오버플로 현상은 따로 없지만 뭐 이런 큰 소를 다룰 때
꼭 주의가 필요하다는 것을 기억 을 해주시면 좋겠구요
추가적으로 자바스크립트 에선 어느 한계를 벗어난 숫자를 입력을 하게 되면
조명이 몇 개인지 3 지지도 않는데
입력을 열심히 하시다보면
굉장히 큰 숫자가 되었을 때 아
인기 니 티 라는 값으로 바뀌는 것을 볼 수 있습니다
그래서 자바스크립트 같은 경우에는 어떠한 점수가 너무 커지게 되면 구동
소수점 으로 바뀌게 되고 부동 수수 점이 더 커지게 되면 인피니티 라는
값이 로 값으로 변화되기 때문에 그러한 과정이 있다는 것을 기억을 하고
너무 큰 숫자를 다룰 땐 주의해야 한다.고 기억을 해 주시면 좋겠습니다
그리고 한 가지를 빼먹고 넘 왔었는데요 37 페이지 아래쪽에 있는
연산자의 우선순위 입니다
5+3 곱하기 이라는 값을 계산을 하게 되면 우리가 중학교 수학 시간에
배웠던 것처럼 곱하기 연성 과 나누기 연산 n + 연성 과 - 연산 보다
먼저 입니다 그래서 요 값을 계산을 하게 되면 뒤에 가 먼저 계산이 돼
서유기 되고
앞의 것과 더해져서 10일이 되게 되는데요 사실 프로그래밍 언어를 가장
좋은 작성 방법은 모르는 사람이 봐도 그러니까 그 프로그래밍 언어의 가장
기초적인 사람이 보거나 다른 프로그래밍 언어 하던 사람들이 달려와서
곧바로 봐 둠
어느 정도 이해할 수 있게 만드는게 좋습니다 그래서 요 뒷부분을 과로로
꼭 감싸서 연산자의 우선순위를 나타내 주시는 것이 좋습니다
어쨌거나 오늘 강의는 여기까지 되겠구요
다음 강의에서 뵙도록 하겠습니다 감사합니다.

댓글 0개

등록된 댓글이 없습니다.

본 사이트의 컨텐츠는 명시적으로 공유기능을 제공하고 있는 공개된 자료를 수집하여 게시하고 있습니다.

저작권, 강의등록, 광고, 제휴등은 "관리자에게 문의"로 메세지 주시면 확인후 답변드립니다.

Menu