Javascript 기초 문법(1)

---

Contents

• 주석
• 변수
• 기본 자료형 (primitive values)
• 기본 연산자 (operators)
• 제어문
• 함수

---

주석

// single-line comment

/* multi-line comment */

쉽죠? c언어와 똑같네요

 

---

변수

반드시 문자로 시작합시다.

변수는 Case-sensitive합니다. 즉, 대소문자에 주의해주세요

 

var x ; 로 변수를 선언 합니다. 근데, var는 쓰레기입니다. 쓰지마세요.

여기서 var는 variable, 즉 변수라는 말입니다.

현대에 와서는 let과 const를 주로 사용합니다.

let은 다시 값을 할당할 수 있는 변수를 선언하는 것이고, const 는 값을 재할당하지 못하는 변수를 선언하는 것입니다.

 

코드예제

<script>
        let x = "hello world!";
        function my_click(){
            alert(x);
        }
</script>
<button onclick="my_click">클릭해주세요</button>

위의 코드를 봅시다.

우선 x를 선언함과 동시에 문자열을 담습니다.

여기서 function 키워드를 통해 my_click이라는 함수를 선언해줍니다. alert함수는 알림창을 원하는 메세지와 함께 띄워줍니다.

 

button 태그의 onclick은 버튼이 click 됐을 때 event를 어떻게 처리할 지 함수를 적어 놓는 곳입니다.

 

결과:

 

 

잘 작동하네요!

 

변수를 선언해줄 때 변수의 type을 지정하지 않아도 되니 편합니다.

 

 

---

변수의 자료형

• 기본자료형 (primitive values)
  • 변경 불가능한 상수 값
  • 수치형
  • 문자열
  • 부울형
  • 특수형(undefined, infinity, null)
• 객체형 (object)
  • Math, Data, Array 등 내장 객체
  • 사용자 정의 객체

 

---

수치형

64비트 IEEE 754 표준 방식 하나만 존재합니다. 즉, 정수와 실수의 차이가 없다는 뜻이죠

let number = 99;
let realNumber = 2.8;
let multResult = 1+2+(3*4);

여기까지는 쉽죠?

 

let numberToString = "1"+1;
let stringToNumber = "1"-1;
let x = "1"/"2"
let y = "1"*"3"

위의 예제에서 numberToString 변수는 "11"을 갖습니다.  string 타입입니다.

stringToNumber 변수는 0을 갖습니다. 즉, 숫자죠.

x는 0.5

y는 3을 갖습니다.

둘다 숫자입니다. 재밌죠?

 

string과 숫자와 연산을 할 때, 자바스크립트는 알아서 자동적으로 타입변환 연산을 합니다.

하지만, +연산은 조심해야합니다!

concatenation을 하기 때문입니다. 즉, 위의 예에서는 숫자 1을 "1"로 변환, 둘이 합쳤습니다.

 

여기서 문제 아래의 x에 담기는 값은?

let x = "1"+"2"-"3"

결과는 9입니다.

1."1" + "2" = "12"

2. "12" - "3" = 9

쉽죠?

연산의 precedence (우선순위)는 java와 흡사합니다.

 

---

String

1. 문자열 상수

 

'' 또는 ""로 둘러 싸인 문자녀석들.

변경이 불가능합니다. 즉, 한 번 생성된 문자열 상수는 변경 불가능 합니다.

Escaspe sequence 사용 가능합니다.(JAVA와 같습니다)

 

Escape sequence 예)

let x = "We are the so-called \"students\"";

 

2. String property

 

string은 기본적으로 length 라는 property를 가집니다.

let x = "!231231adadasf";
let stringLength = x.length

stringLength에 x의 문자열 길이가 담기겠네요!

 

String methods

• 대소문자 변환 : toUpperCase(), toLowerCase()
• 문자열 붙이기: concat()
• 특정 문자 추출: charAt(), charCodeAt()
• 문자열 내 문자열 찾기: indexOf(), lastIndexOf(), search()
• slice(), substring, substr()
• 배열로 변환: split()

기본적으로 JAVA와 비슷하죠?

 

---

Boolean