개인 자료란 (JE)

  서버 커뮤니티

Profile lukekeum 대표칭호 없음
Profile

JavaScript

[ JavaScript 기초강좌 ] 1강 변수와 상수

2020.04.01 조회 수 401 추천 수 0

변수와 상수

이 강의를 들으시기 전에, 0강 프로젝트 세팅하기를 먼저 보고 해주세요

안녕하세요, 드디어 1강에 오셨네요! 축하드립니다. 이번에 배워볼 것은 변수상수입니다. 변수상수는 거의 모든 프로젝트에 활용이 되므로, 꼭 숙지하시길 바랍니다.

변수 사용하기

변수는 우리가 특정 문자에다가 특정 값을 담을 때에 사용합니다. 특정 문자에 들어갈 수 있는 특정 값 의 타입에는 boolean, 문자, 숫자, 배열, 객체등이 있습니다.  변수를 선언할 때에는 let이라는 키워드를 사용하면 됩니다. 아래와 같이 적어주세요.

let number = 0;
let boolean = true;
let string = "홍길동";
console.log(number);
console.log(boolean);
console.log(string);

이런식으로 작성하시고 저장하면, 아래와 같이 출력이 될 것입니다

0
true
"홍길동"

이런식으로 떳다면 성공입니다. 그런데, 우리가 이제 변수에 있는 값을 바꾸고 싶을 때에는 어떻게 할까요? 변수에 있는 값을 바꾸고 싶을 때에는 대입연산자를 이용하시면 됩니다. 위에 적었던 코드 밑부분에 따라서 아래와 같이 적어보세요

number = 10;
boolean = false;
string = "김김치";
console.log(number);
console.log(boolean);
console.log(string);

자, 이번엔 결과가 어떻게 나올까요? 결과가 아래와 같이 출력이 될 것입니다

10
false
"김김치"

이런식으로 뜨면 성공입니다. 이렇게 하시면 여러분들은 이제 변수를 이해하셨다고 봐도 무방합니다. 그럼 이제 상수부분으로 넘어가볼까요?

상수 이용하기

변수상수는 같이 특정 문자에 특정 값을 담을 수 있습니다. 하지만, 변수는 해당 값을 수정할 수 있는 반면, 상수는 값을 수정할 수 없습니다. 이걸 왜 쓰냐고 하시겠지만, 값이 꼭 바뀌면 안되는 것이 있습니다. 예를 들어서, 데이터베이스 주소가 있겠네요. 데이터베이스 주소가 갑자기 바뀔 일은 없잖아요! 일단 상수를 선언할 때에는 let과는 다르게 const를 사용합니다. 기존의 코드를 다 지우고, 아래 코드를 한번 적어보세요

const number = 0;
const boolean = true;
const string = "홍길동";
number = 10;
boolean = false;
string = "김김치";

이런식으로 하시면 애러가 날 것입니다. 왜냐하면 const는 값을 바꿀 수 없기 때문이지요. 자, 그럼 마지막으로 nullundefined에 대해서 알아볼까요?

null과 undefined

자 그럼 이제 오늘의 마지막 강좌인 nullundefined에 대하여 알아볼까요? nullundefined는 둘 다 없는 값이라고 보시면 되는데, 둘의 차이점은 있습니다.

null은 우리가 임의로 값을 정해준거고, undefined는 우리가 정하지도 않은 것입니다. 아래의 예제를 통하여 알아보죠!

let null1 = null;
let undefined1;

이런식으로 하시면, 이해가 되겠죠? 여기서 undefined1이라는 변수는 undefined이고, null1이라는 변수는 null입니다.


오늘은 진짜 중요한 내용입니다. 변수상수는 꼭 알아야합니다!


https://discord.gg/2gxSqWu - 마인크래프트 개발자 디스코드

1개의 댓글

lukekeum
2020.04.01

null과 undefined부분에서 오류를 한 개 발견하여 수정함

뉴스 및 창작물
/files/thumbnails/477/930/003/262x150.crop.jpg?20241201030912

레드스톤

뉴진스 - Super Shy | 마크 노트블럭 커버

노트블럭전문가

2024-12-01

0

/files/thumbnails/483/916/003/262x150.crop.jpg?20241127115329

레드스톤

[노트블럭 커버] 뉴진스 - ETA 3

노트블럭전문가

2024-11-27

1

/files/thumbnails/150/925/003/262x150.crop.jpg?20241123005717

건축

응답하라 1988 ? 1

팀뉴일리시

2024-11-23

5

/files/thumbnails/761/908/003/262x150.crop.jpg?20241025153749

건축

서울 숭례문(崇禮門) 6

KHC

2024-10-25

2

/files/thumbnails/578/899/003/262x150.crop.jpg?20241010142350

건축

경주 월정교 1

KHC

2024-10-10

2