JavaScript의 기초를 탄탄하게 하기 위해서 기본문법을 먼저 살펴보기로 했다.
광범위하게 활용되는 JavaScript를 좀 더 자유롭게 활용할 수 있기 위해 열심히 공부하자! :)
1. 자료형
- 여섯가지의 자료형을 가지고 있다.
문자열, 숫자, 불, 함수, 객체, undefined
1-1. 문자열 자료형
- 문자를 표현할 때 사용한다.
- 큰따옴표 ("")와 작은따옴표('')를 사용한다.
- 따옴표는 항상 일관되게 사용한다.
- '연결 연산자'로 여러 개의 문자열 자료형을 연결할 수 있다.
'가나다'+'라마'+'바사아'1-2. 숫자 자료형
- 정수와 유리수 구분 없이 모두 같은 자료형으로 인식한다.
- 연산자 우선순위를 구분한다.
1-3. 불(bool) 자료형
- false 와 true를 출력한다.
- 두 대상을 비교할 수 있는 '비교 연산자'는 문자열 자료형도 비교할 수 있다.
1-4. 자료형 검사
- typeof 연산자를 사용한다.
<script>
alert(typeof('String'));
alert(typeof(273));
</script>1-5. undefined 자료형
- 선언하지 않은 변수 또는 변수를 선언했지만 초기화하지 않았을 때 해당 변수의 자료형은 undefined 이다.
2. 변수
- 값을 저장할 때 사용하는 식별자.
- 모든 자료형을 저장할 수 있다.
- 변수를 선언한다.
- 변수에 값을 할당한다.
- 변수를 만드는 것 👉🏻 '변수를 선언한다.'
- 변수에 값을 저장하는 것 👉🏻 '변수에 값을 할당한다.'
- 변수를 선언한 후 처음 값을 할당하는 것 👉🏻 ' 변수를 초기화 한다.'
❗️스코프 : 특정변수를 사용할 수 있는 유효범위
조건문, 반복문, 대괄호 등으로 만들어진다.
2-1. var
- 재선언 가능, 변수, 전역스코프
특정 스코프를 벗어날 때 제거해야 메모리 등의 시스템 자원을 적절하게 이용할수 있는데 var키워드는 그럴 수 없다.
2-2. let
- 재선언 불가능, 변수, 해당스코프
특정 스코프 내부에서만 변수를 사용할 수 있어서, 자원을 적절하게 이용할 수 있다.
2-3. const
- 재선언 불가능, 상수, 해당스코프
'let' 은 상수이기 때문에, 값을 변경할 수 없다.
반드시 선언할 때, 값을 함께 넣어 주어야한다.
변하지 않는 부분을 상수로 선언한다.
3. 입력
- prompt() 함수를 이용하면 사용자에게 입력을 요구하는 창이 뜬다.
<script>
var input = prompt('Message','입력하세요');
alert(input);
</script>
- bool : confirm() 함수를 이용한다. 사용자에게 확인을 요구하는 메시지 창이 뜬다.
<script>
var input = confirm('수락하시겠습니까?');
alert(input);
</script>
4. 템플릿 문자열 - ECMAScript6
- '템플릿 문자열'을 이용하면 표현식 결합을 간단하게 작성할 수 있다.
<script>
alert (`표현식 273 + 52의 값은 ${273+52} 입니다...!`);
</script>- 단, 모든 버전의 익스플로러에서 사용되지 않아서 조심해서 사용해야하는 기능이다.
ᴘᴇᴛɪᴛs ᴅᴇ́ᴠᴇʟᴏᴘᴘᴇᴜʀ. ᴘʀᴏɢʀᴀᴍᴍᴀᴛɪᴏɴ = ᴘʟᴀɪsɪʀ 💕