[JavaScript] 생활코딩 6~11 _ 문자열과 숫자, 변수와 대입연산자, 웹브라우저의 제어(CSS)

JavaScript

보라해바라기 2021. 7. 12. 15:39

SMALL

안녕하세요~ 보라해바라기입니다!

어제 초복이었는데 다들 알고 계셨나요?!

저도 어제 치킨을 먹었답니다 ㅎㅎ (사실 치킨을 시키고 생각해보니 초복인 걸 깨달았어요...)

날씨도 무더워져서 불쾌지수도 높아지고 게으름 피우게 되는 것 같아요....

하지만!! 더운 날씨를 꿋꿋하게 이겨내고

저는 오늘도 자바스크립트의 세계에 빠져보려 합니다...!!!

같이 갈 준비 되셨나용?

렛츠 기릿! ( 저 이모티콘 정말 마음에 들어요..ㅎㅎㅎ)

자바 스크립트에는 자료형(data type)이 존재하는데 대표적으로 문자열과 숫자가 있어요!

콘솔창을 이용해서 숫자와 문자가 어떻게 작동하는지 살펴볼 수 있답니다 ㅎㅎ

숫자를 계산할 때 쓰이는 산술연산자는 사칙연산을 생각하시면 이해하기 쉽겠죠?

문자열을 나타낼 때는 " "와 ' '를 사용해요~

문자열 자료형을 가지고 생각보다 많은 것을 할 수 있는데요!!

편의상 문자열을 string의 약자인 str로 표현하겠습니다!

변수와 대입이라는 말은 학창시절 수학시간에 많이 들어본 것 같아요!

또한 저는 웹페이지에 대해 공부하기 전 C언어를 배웠기 때문에 익숙한 개념이 나와 반가웠어요 ㅎㅎ

x = 1 이라는 예시를 살펴보면 x가 변수, =은 대입연산자, 1은 상수입니다.

대입연산자는 "오른쪽 항의 값을 왼쪽에 있는 변수에 대입한다"는 의미를 가지고 있어요.

수학시간에 배우는 =의 의미는 좌항과 우항이 같다는 말이지만

JS에서 =의 의미는 <=로 이해하시면 더 쉬울 것 같아요!

x <= 1 (1을 x에 대입한다.)

JS에서는 좌항에 상수를 대입할 수 없어요!

여기서 상수란 1, 2 와 같이 값이 변하지 않는 수입니다.

예를 들어 1 = 2 라는 문장이 있다면 2를 1에 대입한다는 말이겠죠.

하지만 2에 1을 대입한다고 해서 1이 2와 같은 의미를 지니나요?

1이 가지고 있는 개념적 의미는 변하지 않기 때문에 좌항에 상수를 넣을 수 없어요~

변수의 예를 하나 더 들어보자면

하나의 글에 여러 번 쓰인 단어들을 다른 단어로 바꾸고 싶은 경우가 생길 수 있겠죠?

그 때도 변수를 이용하면 더 효율적으로 단어를 바꿀 수 있답니다!

var name = 'hello'
alert(" a b c d e f "+name+" g h i j k l "+name+" m n o p q r "+name+" s t u v w x y z " )라고 치면
a b c d e f hello g h i j k l hello m n o p q r hello s t u v w x y z 출력

var name = 'bye'
alert(" a b c d e f "+name+" g h i j k l "+name+" m n o p q r "+name+" s t u v w x y z " )라고 치면
a b c d e f bye g h i j k l bye m n o p q r bye s t u v w x y z 출력