윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 8강 - 변수와 함께 사용하는 연산자 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 8강 - 변수와 함께 사용하는 연산자

페이지 정보

조회: 585

본문

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

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

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

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

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

이번 강의에서는 지난 강의에서 계속 이어서 변수에 대해서 살펴보도록
하겠습니다
어쨌거나 지금 화면처럼 지난 강의 내용이 젊 변수를 선언 을 하고 할당
초기화를 하게 되면
변수 내부에 들어있는 캅스 크 종류 값의 종류에 대한 연산자를 사용할 수
있게 됩니다
현재 라디오 쓰라는 변수 같은 경우에는 숫자가 들어 있기 때문에 더하기
빼기 곱하기 나누기 나머지 연산이 가능하고요 파일도 마찬가지로 숫자가
들어 있기 때문에 더하기 빼기 곱하기 나누기 나머지 1탄이 가능하고
메시지 라는 녀석의 는 문자열이 있기 때문에 문자열 연결 연산자 라는 걸
사용할 수 있습니다
여기서 그냥 참고로 짚고 넘어가는 건데요
우리가 숫자를 덧셈 기호를 사용해서
연산하는 것을 우리가 덧셈 연산 이라고 부르게 됩니다
그리고 위에서 메시지와
메시지를 더하는 것을 우리가 이 문자열 연결 연산이 라고 부르게 되는데요
기온은 같지만 완전히 다른 내용을 가지고 있는 녀석들이 기 때문에
9분을 해서 불러 주시면 좋겠습니다 뭐 사실 더 센 연산과 연결 연산
이라고 부르는 경우도 있구요
위의 걸을 숫자 덧셈 숫자 덧셈 연상 이라고 하고
아래 것을 문자열 덧셈 연산 이라고 해서 9분하는 경우도 있습니다
어쨌거나 중요한 것은 두 가지를 확실하게 9분해 주셔야 한다.는 겁니다
사실 자바스크립트는 숫자를 그냥 정순 하실수 똑같이 취급을 하기 때문에
큰 문제는 없지만 쉬어 나나씨 풀 같은 경우에는 10 + 10과 10.0
다하게 10.0 의 덧셈 연산 도 분명히 다른 연산 입니다
유 위에 꺼낸 정수 덧셈 연산 이구요
아래것은 실수 덧셈 연산이 고 내부적으로 완전히 다른 처리를 하기 때문에
요것도 9분을 에서 기억을 해 주는 것이 좋습니다
어쨌거나 자바스크립트는 저런거 까지 9분 하지는 않아도 되지만 u 연결
연산자가 분명히 다르다는 것을 기억을 해 주시면 좋겠습니다
5 추가적으로 또 쓸데없는 이야기이긴 하지만 개발자 만담 이나 이런걸
보게 되면 우리가 펄이 나 php 같은 프로그래밍 언어를 보면 점 으로
문자 이를 연결을 하게 됩니다
그래서 덧셈 으로 문자열을 연결을 하다 보면 숫자와 문자열을 덧셈을
하다가 실수를 하는 경우가 있기 때문에 그러한 것을 해결하기 위해서
아이의 완전히 다른 연산자 의 형태를 사용하는 경우도 있다라는 것을 은행
보험 재미 삼아서 기억을 해 주시면 좋겠습니다 자 어쨌거나 숫자가 들어
있는 변수는 숫자와 관련된 연산을 모두 할 수 있는데요
변수 를 사용하게 되면 추가적인 연산자 형태를 사용할 수 있게 됩니다
바로 라 디 오 스 2 콜 라 디 오 스 플러스 의식과 같은 형태라고 할
수 있는데요
요렇게 인격을 하게 되면 기존의 요게 12 정
그래서 쉽 + 10월에서 20을 왼쪽에 단 얻는다는 뜻입니다
우리가 일반적으로 1 + 2 + 3 + + 5 년산 을 하게 되면
자바스크립트는 왼쪽부터 차례대로 계산을 하게 됩니다 그래서
1 2를 더해서 3이 되고 유기 되고 10 을 하게 되는데요
유 할당 연산자 같은 경우에는 오른쪽에 있는 걸 먼저 계산을 하게 됩니다
따라서
요기에 12 먼저 들어가는 게 우선 이구요
22 계산이 된 이후에 왼쪽에 있는 변수에 22 라는 값이 들어가게
됩니다
상대적으로 값을 증가를 시킨다고 하는데요
우리가 기존에 있던 녀석의 서 신 만큼 더더 하는 거기 때문에 상대적으로
값을 증가 시키거나
뭐 이렇게 하면 상대적으로 값을 감소하게 되고 상대적으로 값을 고파 게
되고 상대적으로 값을 나누는 연산이 됩니다
근데 요런 경우는 우리가 굉장히 많이 쓰게 되거든요 그래서 대부분의
프로그래밍 언어는
+ 2 코리 라는 복합 대입 연산자를
지원을 하게 됩니다 복합 대입 연산자를 사용 하게 되면 위에 있는 코드와
아래에 있는 코드가 같은 코드가 됩니다
+ 코리 외에도
- 콜 10도 가능하고요
곱하기 골 10 나누기 골 10
나머지 꼴 식도 가능합니다 마찬가지로 문자열이 들어있는 경우에는 문자열
연결 연산자 를 복합되어 있는 전자로 사용을 해서 이러한 형태도
가능합니다
이렇게 되면 요 코디는
요 것과 같은 코드가 됩니다 사실 그냥 외우면 되는 내용이기 때문에
자세한 설명은 딱히 필요가 없을 거라고 생각을 하는데요
간단하게 출력해 보도록 하겠습니다
사실 세미콜론을 입력을 안해도 되고 제가 요즘 파이썬 책을 번역을 하다
보니까
세미콜론을 입력을 안 하고 있는데요 입력을 해야 나중에 언급하는 지 핑을
할때 문제가 없기 때문에 꼭 입력을 해주시면 좋겠습니다
어쨌건 암 간단하게 지금 실행결과를 예측을 해 보고 실행해 보도록
하겠습니다
일단 기존의 라디오 슨 10 이었죠 그래서 요 줄에서는
2 콜 10 플러스 12 돼서 22 들어가게 됩니다
요 줄에서는
풀어서 쓰게 되면 풀어서 쓰시는 것도 처음 공부할 땐 굉장히 좋은데 엄
풀어서 쓰면 요렇게 되고
요건 곳 20 플러스 cb 되니까 32 들어가겠죠
이어서 여기선 30을 출력을 하게 되겠고
다음에는 풀어서 쓰게 되면 라디오 c 컬 라 디 오 스 - 12 듭니다
따라서 32 었으니까 22 되고
20을 출력하게 됩니다
요부분 같은 경우엔 라 디 오 스 이걸 라디오 쏘고 파기 12 되니까
20 곱하기 12 되게 점
그럼 202 되겠고 여기서 200을 상콤하게 출력할 것입니다
추가적으로 여기에선 또 나누기가 일어나니까 플러스 맨 라 디 오 스 2
콜 나누기
12 되고 200 나누기 12 되니까 20을 출력을 해서
20을 출력하게 될 거고 나머지 로 오르 나누게 되면 요걸 풀어 잡게
되면 라디오 스콜
나머지 5가 돼서 20 나머지 보는 빵이 되겠죠
그래서 최종적으로 땅에 출력하게 될 것입니다
아래쪽에 있는 메시지의 이꼴 메세지의 플러스 베시 지낸
엄청나게 길어지게 되겠는데
메시지의 이꼴
안녕하세요 용 플러스
안녕하세요 가 되겠죠 그래서 최종적으로 2개가 연결된 안녕하세요
안녕하세요 가 될 거구요
이걸 또 더 하게 돼 점 요 위에 걸 풀어 쓰게 되면
멧세지 콜 ms h+ 메시지가 되는데
요건 곳 오른쪽부터 되니까 메시지의 플러스 메시지가 되고
오른쪽에 있는 걸 연산을 하게 되면
안녕하세요 안녕하세요 안녕하세요 안녕하세요 가 되서 최종적으로
요 아래에 있는 문자를 출력하게 될 것입니다
요렇게 형 아 다만 우리가 여길 라디오 쓰라고 적어 쓰니까
메시지 라고 적고 저장을 한 뒤 실행을 해보도록 하겠습니다
실행을 해 보게 되면 위가 까 예측했던 것처럼 30 20 220 땅
안녕하지 안녕하세요 안녕하세요 안녕하세요 를 출력하게 됩니다
아 그러면 복합 대입 연산자의 사용 방법을 대충 알아 보았는데요
복합 대입 념 찬 자 를 사용하는 그런 코드를 보다보면 n
가끔 요런 코드를 사용하는 경우가 있어요 우리가 지금 복합된 연산자를
따로 한줄 했었는데
요렇게 내부의 적게 되는 경우가 있습니다
그래서 내부의 적게 되는 사실 요런 경우를 보면 은 한 대 때려주고
싶지만 실제로 웹상에서 공개되어 있는 코드를 보다 보면 이러한 경우도
있기 때문에 우리가 이제는 할 수 있어야 합니다
요거를 한번 이해해 보도록 하면 욤 일단 풀어 적겠죠
라디오 스컬 아디오스 플러스 12 됩니다
그러면 이제 함수 같은 경우에는 괄호 내부 부터 연상이 되거든요 따라서
라 디 오 스 잇걸 스 플러스 12 되고
결과적으로 22 들어가서
20을 출력하게 됩니다 추가적으로 위의 코드 같은 경우에
요 코드와 다른 부분을 고르라면 요 코드는 그냥 20 을 출력하고 끝나게
되는데요
요 아래에 있는 코드는 중간 과정에서 il 아디오스 라는 변수에
22 들어가게 됩니다 따라서 유 위의 코드를 실행하고 라디오스타 를
출력하게 되면 라 디 오 스 값을 따로 변화가 없기 때문에 10을
출력하게 되지만 아래에 있는 요 뒤에 실행을 하게 되면 라디오서 라는
변수에 값이 20 으로 교체 되었기 때문에
20 을 출력하게 됩니다 사실 아까 언급했듯이 이런거 쓰면 안되요 쓰면
어 있어 보일 수 있을지 모르겠지만 읽기가 굉장히 힘들기 때문에 안
쓰시는 걸 추천해 드리는데요
이런걸 보게 되면 이해는 할 수 있어야 되기 때문에 설명하는 것이라는 걸
다시 언급하겠습니다
어쨌거나 저장을 하고 실행을 해보면
20 10 마리우스의 값이 변경 되지 않았기 때문에 10 을 출력하는
거죠
이어서 이 집을 출력하게 되고 이제 라디오서 의 값도 함께 변경 이
일어났기 때문에 최종적으로 도 20을 출력하는 모습을 확인할 수 있습니다
어쨌거나 이제 50 페이지에 육적 2.6 점 3절 증감 연산자 부분
되겠는데요
우리가 복합 떼면 산 자 중에서 또
요렇게 1을 더하는 경우는 정말 많이 사용하게 됩니다
그래서 이를 더 않은 경우를 위해 따로
코드를 쉽게 쓸 수 있는 방법을 만든 게 바로 증감 연산자 로 갈 수
있겠는데요
요 위에 있는 코드 한줄 과 요 코드는 방금 언급했던 것처럼 갖고 요
코드들은 요 아래에 있는 두 줄과 같은 코드입니다 그래서 플러스 플러스
를 새끼 쓰게 되면 n 요 변수 안에 있는 값을 1 더 한다.고 생각해
주시면 되겠는데요
요 위에 있는 걸 우리가 후 이라고 부르게 되고
요 뒤에 있는 걸 우리 감 전 이라고 부르게 됩니다
차이는 요렇게 한 줄로 썼을 때는 알 수가 없는데요
예를 들어서
요렇게 다른 코드와 조합을 해서 사용을 하게되면 차이를 알 수 있게
됩니다
일단 우리가 후 이라는 것은 이주를 모두 실행을 하고 변수에 값을 1 더
하라는 뜻이 됩니다 따라서 풀어 쓰게 되면
요렇게 출력을 먼저하고
라디 우스 의 라디오 스 플러스 일이라는 것을 하게 됩니다
아래것은 점이 라고 부르는 건데요
이주를 실행을 하기 전에
요 덧셈을 먼저 실행하라 는 뜻입니다
따라서 얼얼 뜬 라 디 오 스 를 먼저 하는게 아니라 라 ds2 콜 라
디 오 스
플러스 이를 먼저 하게 됩니다 따라서 실행결과를 예측을 해 보면 일단
라디오에서는 12 어쩜 그 상태에서 10을 출력을 하게 되고 이어서 12
c 플러스 1에서 라 디 오 스 의 11일 넣게 됩니다
이어 성
lisa 꼴
11 플러스 일을 하게 되고
그 더해진 결과인 11을 출력을 하게 됩니다
그래서 한번 실행을 해보도록 할게요
저장을 하고 실행을 해보시면 10 을 먼저 출력을 하구요
이어서 시비를 출력을 하게 됩니다 하지만 읽기가 굉장히 힘들죠 그래서
특별한 경우를 제외하면 은 이렇게 한번에 쓰시지 마시고 그냥 차라리
라디오 스를 하고 라디오에서 뿔 펄을 따로 따로 쓰는 것을 추천드립니다
우리가 뭐 개발자 만담 같은 경우를 보면 은 이런 것도 있어요
스벌 때 풀 뿔 아
꿀풀 이러한 식으로도 하게 되는데요 사실 이러한 코드는 절대 사용하면
되겠죠
지금 제가 써도 대체 무슨 될거고 출력될 때 바로 이해를 할 수 없는데요
읽고 바로 이해를 할 수 없는 코드는 되도록 사용하지 않는 것이 좋습니다
어쨌거나 그래서 증감 연산자 와 복합 대입 연산자를 살펴보았는데요 아
증감 연산자 는 참고적으로 - - 도 있습니다
따라서
요 두녀석 같은 경우에는 라디오서 값에 이를 빼게 되고 위에 있는 녀석은
후 2가 되고 아래 있는 녀석은 전이가 되겠죠
그래서 여기 까지 진행을 하게되면 변수와 관련된 기본적인 내용과 변수를
사용할 경우에 사용할 수 있는 추가적인 연산자에 대해서 살펴보게 됩니다
책을 보시면 코드 2 다시 30일 같은 경우 연습문제 가 더 나오기
때문에 한번 직접 어떤 결과를 출력할 지 예측해 보시는걸 추천드립니다
참고적으로 요 증감 연산자 같은 경우에는 증감 연산자 를 가지고 있지
않은 프로그래밍 언어도 존재합니다
따라서 이전에 언급했듯이 어떤 프로그래밍 언어의 기능이 없어도 그
프로그래밍 언어 가지고 북치고 장구치고 다 할 수 있거든요 그래서 사실
증감 연산자 가 없어도 복합된 연산자와 그냥 길게 풀어서 쓰면 문제가
없기 때문에 사실 어떤 코딩 컨벤션 에서는 자바스크립트 에서도 이 뿔 뿔
절대 쓰지 말고
무조건 적으로 이렇게 써라 라는 코딩 컨벤션 이 있는 곳도 있고요
이것도 보기 힘드니까 제발
요렇게 쓰자 라는 코딩 컨벤션 도 있습니다 따라서 3가지 형태를 모두 꼭
기억을 해 주시면 좋겠습니다 그러면 오늘 강의내용을 정리를 하면
var 이라는 키워드를 사용해서 변수를 선언할 수 있고 그 선언한 변수의
값을 넣는 걸 할당 이라고 부르고 할당할 처음 하는 것을 우리가 초기화
라고 부르고 변수를 사용을 하게 되면 그 변조 내에 있는 값들의
같이 사용할 수 있는 연산자를 쓸 때 있다
숫자 라면 과학이 빼기 곱하기 나누기 나머지 문자 10이라면 문자열 연결
연산자 불이 라면 논리 연산자 등을 활용할 수 있다고 기억을 해 주시면
좋겠고요
변수를 사용 하게 되면 추가적인 연산자로 복합 대입 연산자와 증감 연산자
를 사용할 수 있다라고 기억을 해 주시면 좋겠습니다
자 그래서 오늘 강의는 여기까지 되겠구요 다음 강의에서 뵙도록 하겠습니다
감사합니다.