윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 7강 - 변수 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 7강 - 변수

페이지 정보

조회: 554

본문

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

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

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

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

자 그럼 본격적으로 책의 내용을 나가보도록 하겠습니다

오늘 변수에 대해 살펴보기 전에 지난 강의 를 간단하게 정리하고 넘어가야
있는데요
자바스크립트의 는 기본적으로 숫자 문자열 불이라는 자룡 있고 숫자는 덧셈
뺄셈 곱셈 나눗셈 나머지 연산이 가능하다
문자열은 문자열 연결 연산이 가능하다
불 같은 경우에는 불을 만들 때 비교 연산자를 사용한다.
불길이 는 논리 연산을 사용할 수 있다 논리 연산 은 조금 복잡하니까 더
살펴보면 논리 부정 연산자 라는 단항 연산자 가 있고 논 니 곳과 논의
합의 라는 2학년 선자가 있다
그리고 요 값 센 뭐 이전 내용을 참고해 주시기 바랍니다
그럼 본격적으로 4페이지에 2.6 짤 변수에 대해서 나가보도록
하겠습니다 자 일단 변수라는 것은 프로그래밍 언어 전체에서 굉장히 중요한
개념이 요 우리가 저번에 컴퓨터란 무엇인가 를 할 때 컴퓨터는 상황을
저장을 하고 명령을 실행할 수 있는 녀석이라고 했었는데요
이때 상황을 저장할 수 있는 유일한 수단이 바로 변수입니다 변수라는 계모
실질적으로 간단하지만 사용 방법이나 이런 것을 확실하게 알아 주시면
좋겠습니다
일단 자바스크립트에서 는 변수를 3가지 방법으로 만들 수가 있어요 근데
우리는 가장 기본적인 var 로 만드는 방법을 살펴보고 이후에 나머지 두
가지는 조금 더 나아가기 위해서 살펴보도록 하겠습니다
일단 html 페이지를 만들고 같이 코드를 치면서 알아보도록 하겠습니다
일단 변수는 값을 저장할 때 사용하는 식별자 입니다
식별자는 적음에 저번에 언급했듯이 그냥 영화 단어를 입력한 6 이라고 할
수 있는데요
예를 들어서 인풋이 라던지
아니면 스코어 라던지 요러한 녀석들이 모두 식별자 라고 할 수 있습니다
이 녀석 앞에 2 2 ar 이라는 키워드를 앞에 붙여서 사용하여 되면
인풋이 라는 식별자 를 변수로 사용할 하겠다고 선언을 하는 것입니다
you're 앞에 var 이란 영화 사전에서 찾아 보시면 나오겠지만
변수는 영어로 말이 없 어 리 거든요 변할 수 있는 녀석 이라는 뜻이죠
그래서 유압 짤을 딴 va re 자바스크립트에서 는 변수를 선언하는 방법
있구요
지금 파란색으로 선언이 되었기 때문에 이 녀석은 키워드 라는 것을 알 수
있습니다
자 그러면 한번 요 변수를 출력해 보도록 하겠습니다
우리가 저번에 얼티 라는 걸로 출력을 할 수 있다고 했죠
얼얼 트로 인풋이 라는 변수와 멀티로 스코어 라는 변수를 출력해 보도록
하겠습니다
저장을 해 주시고 실행을 하게 되면 지금 아래에 나오는 화면 처럼 언 d
파인드 라는 글자를 출력하는 걸 확인할 수 있습니다
언 디파인 드는 디파인 되지 않았다는 뜻이죠
그래서 현재 변수에 값이 들어 있지 않기 때문에 나오는 값입니다
어쨌든 우리가 변수를 만드는 것은 상자들 하나 만들고 그 상자에 다 값을
넣는 거라 그러는데요
var 인풋이 라고 선언을 하게 되면 인풋이 라는 이름의 상자 를 만들게
된 것입니다
거기 안에 다 값을 넣을 때는 이 코를 입력을 하고
값을 넣어주시면 됩니다 어쨌거나 현재 코드를 보시면 임프 3
102 들어있고 스코어의 202 들어있기 때문에
임프 꽈 스코어를 출력을 하게 되면 백과 200을 출력하게 됩니다
져 어쨌거나 용어를 조금 정리하고 넘어가도록 하면요
부 ar 임프 스스로 u 앞부분은 변수를 사용하겠다 고 선언을 하는
부분이 되고요
인풋 이 콜백 은 백 이라는 값을 인 푸 세 할당하는
연산 이릅니다 선함과 할 땅은 이렇게 한꺼번에 할 수도 있구요
따로 부위에 얇 a 라고 선언을 해 주시고
a 콜백 이라고 넣어서 선 왕과 할당을 따로따로 해 주실 수도 있습니다
그리고 할당 중에서도 언 디파인 드 인 갑 변수에 처음 값을 넣는 것을
우리가 초기화 라고 부르게 됩니다
현재 인 푸 세다가 백을 넣게 되는데요
번 디파인 d 어떤 값에 100을 넣기 때문에 이건 할당이 자 초기화가
됩니다
마찬가지로 아래 있는 애기도 선언을 하고 할당을 하는데 아무것도 값이
없었던 상태에서 백을 처음 넣게 되죠 그래서 요 부분은 할당이 자 초기와
부분이 되겠습니다
우리가 초기화 라는 녀석을 따로 9분해서 부르는 이유는 초기화 라는
작업이 굉장히 중요하기 때문입니다
값이 들어 있지 않은 변수를 사용을 하게 되면 예상치 않은 결과가 나오게
되는데요
그러한 것을 방지하기 위해서 초기화를 따로 9분해서 불러 주는 것입니다
자 그럼 책에 있는 예제를 함께 쳐 보도록 하겠는데요 일단 코드 2 다시
17 되겠습니다
우리가 수학에서 파이 라는 값을 사용을 하죠 그래서
파이 라는 변수를 선언하는 과정 되겠습니다
이어서 코드 2 다시 18일 보게 되면 파이 에다가 3.1 싸이로 926
5라는 값을 넣게 되는데 용
변수에 다가 값을 할당하는 과정 되겠죠
그래서 변수의 값을 할당합니다 가 되겠구요
처음 값을 넣는 부분이기 때문에 할당 2장
초기와 되겠습니다 이어서 이렇게 따로 선언하고 할당을 할 수도 있는데
우리가 방금 살펴보았던 것처럼 한꺼번에 하는 방법도 있습니다
이렇게 하면은 팔팔 가 되고 상콤하게 파이 라는 변수를 선언하고 할 땅
초기화를 한꺼번에 하는 코드 되게 점
그래서 변수는 아까 언급했듯이 컴퓨터 내부에서 상황을 저장할 수 있는
유일한 방법이기 때문에 반드시 기억을 해 주시면 좋겠습니다
용어가 굉장히 중요하니까 용어도 함께 기억을 해주시구 어떠한 코드를 보게
되면 요거를 선언을 하는 거고
요걸 할당하는 거고 처음 값을 넣으니까 초기화 하는 거구나 라고 까지
분석을 할 수 있으시면 좋겠습니다
어쨌거나 이렇게 만들어진 변수는 변수 이름을 그대로 사용을 해서 활용할
수 있게 됩니다
파이 라고 사용을 하게되면 요 부분이 3.1이러구 이유 거로
들어가면서 값을 출력을 하게 됩니다
저장을 하고 실행 결과를 함께 확인하도록 하겠습니다
실행을 하면 지금 화면처럼 3.1 사이로 926 5라는 값을 출력하는
것을 확인할 수 있습니다
저 찧거나 변수는 여러개를 만드실 수도 있습니다
예를 들어서 편 소
라디오 트란은 반지름 값을 나타내는 변수를 만들고 싶 이라고 입력을 한다.
참고적으로 변수 이름은 항상 좀 이해할 수 있게 지어 주시는 게 좋습니다
그대 학생들 과제를 보다 보면은 이렇게 만들어놓고 가져오는 경우가
있는데요 사실 뭐 뭐라고 할 수는 없지만
사실 읽기가 힘든 것은 사실입니다 사실 프로그래밍 언어가 나온 거 자체가
읽기 쉽게 하려고 나온 거기 때문에 우리 감
0 1 0 1 0 1 이라는 기계어 를 입력하는 거나 어셈블리어 를
메뉴를 하나하나 보면서 입력하는 것 보다는 훨씬 쉽기 때문에
읽기 쉽게 하기 위해서 만든 것이 목적이기 때문에 최대한 읽기 쉽게
작성을 해주시면 좋겠습니다
어쨌거나 변수는 이렇게 여러개를 선언할 수도 있고 마찬가지로
변수를 사용할 수 있습니다 우리가 이 파이 앓이 라는 그 원의 둘레를
구하는 공식이 이점
요거 를 사용하면 반지름이 10인 원의 둘레를 구할 수 있습니다
실행을 해 보게 되면 62.8 318 고 3이라는 결과가 나오게 됩니다
어쨌거나 변수는 요 위와 같이 하나하나 선언할 수도 있구요
쉼표 를 사용해서 여러개를 한번에 선언할 수도 있습니다
var 라 디 오 스 파 이라고 입력을 하게 되면 라디오 스와 파이 라는
변수를 한꺼번에 선언을 하게 됩니다
추가적으로 각각의 10과 3.13 1호 926 5라는 값을 넣게 되면
변수를 var 키워드 하나로 선언과 할당 초기화 까지 모두 하는 코드가
됩니다
사실 요 위에 형태와 아래 형태는 두가지 모두 많이 쓰여요
이전에 언급했듯이 개발자가 속한 회사 또는 팀의 따라서 개발
요 코딩 스타일이 굉장히 달라질 수 있는데요 위처럼 변수는 무조건 한
줄에 vl 키워드 하나로 넣어서 선언을 해야 된다라는 컨벤션 을 가진
곳도 있고 그냥 뭐 귀찮게 그런 양 라디오 써 파일을 한꺼번에 이렇게
선언을 하라는 컨벤션 을 가진 곳도 있습니다
추가적으로 여기에 엔터 를 넣어서 v 앨 키워드 하나로 2주를 만들어서
사용하는 컨벤션 을 가진 곳도 있으니 여러 가지 형태의 모두 익숙해
주시면 좋겠습니다
어쨌거나 숫자가 들은 변수에는 숫자와 관련된 연산자를 사용할 수 있습니다
따라서 라디오 스와 파이의 는 더하기 빼기 곱하기 나누기 나머지 연산자를
적용할 수 있구요
예를 들어서
var 메시지 라는 걸 만들고 메시지를 만들면
요 메시지 라는 녀석은
문자열과 관련된 연산자를 사용할 수 있습니다
따라서 요녀석을 실행을 하게 되면 안녕하세요 와 안녕하세요 를 연결을
해서 안녕하세요 안녕하세요 를 상콤하게 출력하게 됩니다
추가적으로 뭐 불이 들어 있는 연산 불이 들어 있는 변수에는 마찬가지로
불 연산을 사용할 수 있게 된다는 건 뭐 실제로 입력하지 않아도 이해
하실 수 있을 거라고 생각을 합니다
어쨌거나 변수에는 값을 여러 번 할당할 수 있습니다
예를 들어서 10 이었다가 100 을 넣고 20 을 넣고 30일 넣고
하는 것도 가능하고요
추가적으로 추천드리고 싶지는 않지만 중간에 자료형을 변경 하는 것도
가능합니다
이게 사실 다른 프로그래밍 언어의 선 대부분 불가능한 것이기 때문에
요 코드를 보시면 충격을 받으시는 분들께 있는데요
다른 프로그래밍 언어에서 지원하지 않는 다는거 1
사실 개발할 때 필요가 없다는 뜻이기도 해요 그래서 한 변수는 하나의
자료 형으로 지속적으로 사용하는게 좋다고 생각을 합니다
어쨌거나 변수를 사용을 하게되면 변수에 있는 연산자를 사용할 수 있는
것은 물론 추가적인 연산자를 사용할 수 있게 되는데요
바로 이 점 6.2 절에 있는 복합 대입 연산자와 2점 6.3 절에 있는
증감 연산자 입니다
이와 관련된 내용은 다음 강의에서 살펴보도록 하겠습니다
그러면 다음 강의 에서 뵙도록 하겠습니다 감사합니다.