[JS] 주석 / 식별자와 클래스 / 변수와 상수 / 문자열

1   주석

1.1   JavaScript 주석

1) 한 줄 주석
//이 줄만 주석으로 처리됨
var love = ['animal', 'game', 'music']; //주석 앞에 쓴 코드들은 주석 처리 안됨

2) 여러 줄 주석
/*
var love = ['animal', 'game', 'music']; 줄이 바뀌어도 주석으로 처리됨
닫기 전까지 계속계속 주석임 닫아줘야 함*/
var love = ['animal', 'game', 'music']; 닫은 후에는 정상 입력

---

2   식별자(Identifier)와 클래스(Class)

2.1   식별자란?

- 구성요소나 기능을 구별하기 위해 사용함

  (주로 변수명이나 함수명 등으로 사용)

 

2.2   식별자 정의 규칙

1) 예약어 사용 불가

2) 숫자로 시작 불가

3) 특수문자는 _와 $만 허용 (첫 문자로는 일반적으로 사용하지 않음 : _와 $로 시작하는 명령어가 꽤 많기 때문)

4) 공백 문자 포함할 수 없음

 

2.2.1   예약어란?

- 예약어(Reserved Word)는 이미 예약한 단어. 즉, 이미 만들어져있는 식별자로, 별도로 만들지 않아도 사용 가능한 단어
(ex. char, for, while 등)

 

2.3   클래스란?

- 객체(Object)를 만드는데 꼭 필요한 것 (클래스를 생성하면 만들어지는 것이 객체)

- 속성(멤버변수)과 동작(method)을 통해 객체를 만들게 됨

 

2.3.1   멤버란?

- 하나의 클래스 내에서 정의되는 상수와 변수, 메소드를 총칭하는 말

 

2.4   클래스 정의 규칙

1) 첫 문자는 항상 대문자로 표현
2) 둘 이상의 단어를 클래스명으로 사용할 때는 낙타표기법을 사용

 

2.4.1   낙타표기법(CamelCase)이란?

- 맨 처음 문자를 제외하고, 단어의 첫 문자들은 대문자로 작성하는 표기법

  (ex. guestname → guestName)

---

3   변수(Variable)와 상수(Constant)

3.1   변수란?

- 변수란 데이터를 담는 공간으로, 상황에 따라 변할 수 있는 값을 말함

 

3.1.1   메소드

- 메소드(method)란 객체가 수행하는 동작으로, 객체 자신이나 다른 객체의 속성을 변경하거나 자신의 크기에 변화를 주기 위한 것

  즉, 변수의 값을 가공하는 동작

 

3.2   변수/메소드 정의 규칙

1) 첫 문자는 항상 소문자로 표현 (오류가 발생하지는 않으나, 클래스와 구별되게 일반적으로는 소문자를 사용)
2) 둘 이상의 단어를 클래스명으로 사용할 때는 낙타표기법을 사용

 

3.3   상수란?

- 변수처럼 자료를 담을 수 있는 메모리 공간이나, 프로그램을 종료하기 전까지는 변수와 다르게 값이 변하지 않음

 

3.4   상수 정의 규칙

1) 모든 문자를 대문자로 표현

2) 둘 이상의 단어가 연결될 때는 _로 연결

 

3.5   소문자로 시작한다면?

구분	단독 사용	다른 식별자와 사용 (앞에 점 찍고 사용)
식별자 뒤에 괄호 X	변수	속성
식별자 뒤에 괄호 O	함수	메소드

---

4   Data Type

4.1   Boolean

- Boolean : true / false

- 논리형으로 참 / 거짓의 두 가지 값만 표현

4.2   Number

- Number : -1, 0, 1, 2 등의 수치

- 다른 언어에서는 정수나 실수 등과 같이 구분하나, JS에서는 모두 숫자로 표현

- Boolean 타입에서 0은 false로 간주

 

4.3   String

- String : "a", "b", "c" 등

- 문자열 / Boolean 타입에서 비어있는 문자열은 false로 간주

  아래에서 더 상세히 설명

 

4.4   undefined

- undefined는 프로그래머의 의도 X (의도가 담긴 할당값이 아닌 JS 엔진에 의해 초기화된 값)

- 선언 이후 값을 할당하지 않는 변수는 undefined값을 가짐

- Boolean 타입에서 false로 간주

4.5   null

4.4 사진 참조

- null은 프로그래머의 의도 O (의도적으로 변수에 값이 없다는 것을 명시할 때 사용)

- 함수가 호출되었으나 유효한 값을 리턴할 수 없는 경우에는 명시적으로 null을 리턴하기도 함
- JS는 대소문자를 구별하므로 null과 Null, NULL과는 다름

- Boolean 타입에서 false로 간주

 

4.6   그 외 특별한 값

4.6.1   NaN (Not-a-Number)

- 성립하지 않음 / 계산불가

- 숫자로 변환할 수 없는 값을 변환하려고 하거나, 산술 연산의 결과가 숫자가 아닐 경우 리턴되는 값

 

4.6.2   infinity

- 양의 무한대

 

4.6.3   -infinity

- 음의 무한대

---

4   문자열(String)

4.1   문자열이란?

- " "(큰따옴표) 또는 ' '(작은따옴표) 중의 하나로 감싸야 함

- 큰따옴표로 시작한다면 큰따옴표로 끝나야 하고, 작은따옴표로 시작하면 작은따옴표로 끝나야 함

 

4.2   숫자를 따옴표로 감싼다면?

alert(typeof "1")
실행 결과 : string

alert(typeof 1)
실행 결과 : number

♬ typeof는 값의 데이터형을 알려줌
결론 = 숫자를 따옴표로 감싸면 '문자열'

 

4.3   문자열 안에 따옴표를 넣으려면?

alert('SY's blog')
실행 결과 : 웹브라우저 실행 시 실행이 되지 않음 / 콘솔 실행 시 에러 발생

alert('SY\'s blog')
실행 결과 : SY's blog
♬ 키보드 ] 대괄호 오른쪽에 위치한 \ 기호를 따옴표 앞에 위치하면 됨(escape기법)
역슬래시(\)를 넣고 싶다면 그냥 두 번 쓰면됨.

 

4.4   줄바꿈

alert("ㅎㅇ~ \n레이드 가실래요?");
실행 결과 :
ㅎㅇ~
레이드 가실래요?

♬ \n으로 줄을 바꿀 수 있음

 

4.5   문자의 연산

alert("hi" + "nice to meet you");
실행 결과 : hinice to meet you

alert("hi" + " nice to meet you");
실행 결과 :  hi nice to meet you

 

4.6   그 외

1) charAt
charAt(index)
문자열에서 입력한 index 값을 리턴함

예제
var stringName = 'cherry';
alert(stringName.charAt(0));
실행 결과 : c
♬ 추가적으로, charCodeAt라는 명령어의 경우, 해당하는 index의 '유니코드값'을 리턴함


2) concat
string1.concat(string2, string3..)
문자열과 문자열을 합한 값을 리턴함

예제
var s1 = '강낭콩';
var s2 = '완두콩';
var s3 = '병아리콩';
alert(s1.concat(s2));
실행 결과 : 강낭콩완두콩
alert(s1.concat(s2, s3));
실행 결과 : 강낭콩완두콩병아리콩
var s4 = s1.concat(s2,s3);
alert(s4);
실행 결과 : 강낭콩완두콩병아리콩


3) 그 외
indexOf
lastIndexOf
localeCompare
match
slice
split 등
공부하면서 필요한 부분 정리 예정