본문 바로가기
블록체인 및 경제/웹프로그래밍

[JS] 5. 변수와 대입연산자

by kimsfamily 2020. 10. 7.

자바스크립트 강의 목차

0. 자바스크립트란 무엇인가?

1. Script 태그 (document.write)

2. 자바스크립트 이벤트란 무엇인가?

3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기

4. 데이터 타입 문자열과 숫자

5. 변수와 대입연산자

6. 자바스크립트로 웹브라우저 제어하기

7. 비교연산자, Boolean 데이터타입

8. 자바스크립트 조건문 및 활용법

9. 리팩토링(refactoring)

10. 배열에 대한 이해

11. 반복문에 대하여

12. 배열과 반복문

13. 배열과 반복문의 활용

14. 함수란 무엇이고 왜 필요한가?

15. 함수의 기본사용법, 매개변수, 인자, 리턴

16. 함수의 활용

17. 객체는 왜 필요한가?

18. 객체란 무엇인가?(객체 생성, 추가, 추출방법)

19. 객체의 활용

20. 파일로 쪼개어 관리하기

21. 라이브러리와 프레임워크

22. API & UI 그리고 프로젝트 활용도구

 


 

이번시간에는 변수와 대입연산자를 배우겠습니다.

 

1. 변수란? 바뀔 수 있는 어떤 값

먼저 콘솔창을 열어서 아래값을 입력해볼께요

여기서 =는 대입연산자라고 표현합니다.

좌항과 우항을 결합해서 우항의 값을 만들어냅니다.

(1을 x에 대입해서 이제는 x의 값이 1이 됩니다.)

 

1=2; 이렇게 해볼께요

에러가 뜨네요!!!

1은 상수입니다. 항상 1이기때문에 바뀌기 않죠. 숫자가 바뀌지 않잖아요!

 

Variable VS constant 라고 합니다.

Varariable는 변수이고 constant는 상수입니다.

변수는 변하는 값, 상수는 변하지 않는값이죠!

 

2. 변수는 언제 어떻게 활용되는가?

이번에는 이 변수가 어떻게 활용되는지 한번 살펴보겠습니다.

이렇게 나열된 문서에 이름을 중간중간 넣어볼께요.

아래와 같이 kim을 세문장 정도 중간에 넣어서 알람을 띄웠습니다.

자, 근데 이러한 kim이 더 큰 문장에 100개정도 있다고 가정하고, 이 kim의 이름을 바꿔야된다고 생각해봅시다. 그럼 일일이 다 수정도 어렵겠지만..이럴때를 대비해서 뭔가 필요하겠죠? 이러한 상황전에 미리 kim에 대해서 변수로 지정합니다.

 

var name = 'kim' 이라고 지정하고 문장에는 " " 사이마다 +name+ " " +name+ 이런식으로 입력해주면 됩니다.

그럼 name이라는 변수를 kim으로 인식하게 되죠.

향후에 이름이 바뀌면 var name= 'kim' 이부분만 'park' 이런식으로 바꾸면 됩니다.

 

 

park으로 바꾸고 출력해보면, 아래와 같이 park로 바뀐걸 확인할 수 있습니다.

 

자, 이번시간에 배운걸 첫번째 예제를 통해서 한번 살펴보면,

'black'라는 문자가 backgroundColor이라는 변수에 대입된걸 확인할 수 있습니다. 아래에 white도 동일하구요.

 

자, 이번수업은 여기까지 하겠습니다.

 

 

본 강의는 아래 생활코딩 강의안을 바탕으로 재작성된 강의안입니다.

opentutorials.org/course/3085/18871

 

반응형

댓글0