Javascript

작업 환경: VS code, Chrome

---

개요

1. 브라우저에서 작동 확인하는 방법
2. 데이터 타입
3. 출력 코딩
4. 변수 선언
5. 배열
6. 객체
7. 함수
8. 조건문

---

브라우저에서 Javascript 확인하는 방법

☆ 크롬, 엣지 등 -> 검사(F12) -> console ☆

데이터 타입

1. 숫자(Integer, Float ...)
2. 문자(String)
3. Boolean(true, false)
   -Python의 경우 True, False
   -주의 "true", "false"로 사용하지 않는다.(" " or ' ' 안에 있으면 문자(String)으로 취급)
4. Null != false
   -Python의 경우 None
5. Undefined
6. 객체(Object)

---

출력 방법

• console.log( )
  -Python의 경우 print( )
  -C의 경우 printf( );
  -Java의 경우 system.out.printIn( );

---

변수 선언

-종류: const, let, var(const가 대부분 / let은 가끔 / var는 never)
1. const(constant): 상수, 값이 바뀔 수 없음
2. let: 값이 바뀔 수 있음 -> 업데이트 가능
3. var: 초창기의 변수 선언 방식(현재는 사용하지 않는 것이 좋음)
-설정

1.  Camel case: the new name => theNewName
2.  Snake case: snake\_case
3.  Pascal case: PascalCase

---

배열(Array)

```
const fruit = ['Apple', 'Banana', 'Cherry']
```

\-Apple = fruit\[0\], Banana = fruit\[1\], Cherry = fruit\[2\]  
\-항목 추가: 변수명.push(" ")

---

객체(Object)

```
const player = {
name: 'Tony',
points: 12121212,
handsome: true,
}
```

• 형태: const 변수명 = {속성1: 속성값, 속성2: 속성값 ... }

  fruit.push("Melon")

• 형태: const 변수명 = [ , , , ]
• 변경: 변수명.속성1 = 속성값
• 추가: 변수명.속성3 = 속성값

player.points = 300000
player.age = 30

---

함수(Function)

-형태: function (인수1, 인수2 ...) { }

 const player = {
  name: "Tony",
  ```sayHello: function (nameOfPerson, age) {
    console.log("Hello My name is "+nameOfPerson)
    console.log("I'm "+age+"years old.")
  }```,
  fat: false,
  point: 1000
}

-결과값이 아닌 결과값의 타입이 나옴
-한번 return하면 함수 종료

 const age = 100
function  calculateKrAge(ageOfForeigner) {
  return ageOfForeigner + 2
}
const krAge = calculateKrAge(age)
console.log(krAge)

-alert(대화 등): 대화 내용이 창으로 등장
-prompt(질문 등): 입력할 수 있는 창 등장<구식 방법>
-typeof 변수명: 변수의 타입 확인
-parseInt(변수명): 변수의 타입을 Number type로 변경
-NaN: Not a Number
-isNan(): Boolean으로 나옴

---

조건문

 const age = parseInt(prompt("How old are you? "))

if(isNaN(age) || age < 0 ){
  console.log("Please write a real positive number.")
}
else if(age < 18){
  console.log("You are too young. You can't drink this.")
}
else if(age >= 18 && age <=50 ){
  console.log("You can drink this.")
}
else if(age >= 51 && age <= 80) {
  console.log("You should exercise.")
}
else if(age === 100) {
  console.log("Wow, You are wise.")
}
else if(age > 80) {
  console.log("You can do whatever you want.")
}

• &&(and) / ||(or) / !=(not) / ===(same)

---

기타

• vs code 사용 시, 같은 내용의 코드 동시에 수정 -> Ctrl + d + 내용 입력