Javascript

*main.js

console.log("Hello, JS");
alert("Hello, Js")

Variables(변수)

• var

---

• let
• const

var / let

var, let 동작은 동일하지만 특정 조건에서 다르게 작동
ES6버전 이후 생긴 변수선언 let, const

//Ex : var )

*main.js 

var myName = "Tom";

if (true) {
 myName = "Joe";
}

console.log(myname); // "Joe"

//Ex : let )

*main.js

let myName ="Tom";

if (true) {
 myName = "Joe";
}

console.log(myName); // "Tom"

• 기본적으로 코드 블록에서 지역변수는 전역변수에 영향을 끼칠 수 없지만
  var, function선언문은 js에서 코드를 실행시키기 전에 모두 해당 스코프 위로 올림
  함수 호이스팅이 발생하는 원인은 자바스크립트 변수 생성과 초기화(선언과 할당)가 분리되어
  진행되기 때문.
• 반면 let은 이러한 문제를 일으키지 않음

const

const는 변수를 상수화 시키는 키워드
변수는 변수의 값을 바꿀 수 있지만
상수는 처음 값을 할당할 때만 바꿀 수 있고 그 이후로는 바꿀 수 없다.

*main.js

const myName = "Joe";

myName = "Tom";

console.log(myName); // "Joe"

typeof

*main.js

let a = "Tom"
let b = 1
let c = true

console.log(typeof a) // string
console.log(typeof b) // number
console.log(typeof c) // boolean

• typeof를 사용하면 변수에 할당된 값의 데이터 타입을 알 수 있음

function

• function선언을 통해 함수를 선언할 수 있음
• JS에서 모든 함수 Function은 객체에 속한다

*main.js

function add(a, b) {
  return a + b;
}

function subtract(a, b) {
  return a - b;
}

function multiply(a, b) {
  return a * b;
}

function divide(a, b) {
  return a / b;
}

// 다양한 결과를 출력해보세요.
const result = divide(2, 3);

console.log(result); // 0.666...

return

함수 본문에서 return 명령문에 도달하면 함수의 실행은 그 지점에서 중단.

Ex) 

*main.js

let num1 = 10;
let num2 = 20;

function callNum1() {
	return console.log(num1);
    console.log(num2); // 이 구문은 절대 실행되지 않음
}

conditional(조건문)

• Basic syntaxs

if (조건) {
  만약 조건(condition)이 참일 경우 실행할 코드
} else {
  대신 실행할 다른 코드
}

if

*main.js

const BLOCK = "블록";
const BBLE = "쁠";
const CHAIN = "체인";
const SCHOOL = "학교";

const rightWord = BLOCK + CHAIN + SCHOOL;

if (rightWord === "블록체인학교") {
  console.log("화이팅!"); // "화이팅!"
}

if else

*main.js

const BLOCK = "블록";
const BBLE = "쁠";
const CHAIN = "체인";
const SCHOOL = "학교";

const rightWord = BBLE + CHAIN + SCHOOL;

if (rightWord === "블록체인학교") {
  console.log("화이팅!"); 
} else {
 console.log("다시 도전해보세요"); // 여기 코드가 실행됨
}

else if

조건이 true / false 두가지가 아닌 세가지 이상으로 나뉠 때 사용

*main.js

//18세 이상만 접속할 수 있는 사이트에서 
//18세가 접근해서 수능 응원 메세지를 남기고싶을 때

const age = 26; 

if (age > 18) {
	console.log("환영합니다");
 } else if (age = 18) {
	console.log("수능 보고 다시 오자");
 } else if (age < 18) { 
	console.log("인증이 거부되었습니다.");
 }
// "환영합니다"

Loop(반복문)

동일한 코드를 반복하고싶을 때

//"클릭"을 10번 출력하려함
console.log("클릭")
console.log("클릭")
console.log("클릭")
console.log("클릭")
console.log("클릭")
console.log("클릭")
console.log("클릭")
console.log("클릭")
console.log("클릭")
console.log("클릭")

-for,while문을 사용하면 간결한 문장으로 동일한 코드를 반복 실행시킬 수 있음

for ... loop (for 반복문)

for([초기문];[조건문];[증감문];)
문장

*main.js

for (let i = 0; i < 10; i++) {
  console.log("클릭");
}

for with conditional

• 조건을 이용한 for 반복문 실행

//짝수 출력
for(let i =0; i < 10; i++) {
	if(i % 2 == 0) {
    	console.log(i)
   }
}

• let i = 0 : i가 0부터 시작
• i < 10 : i가 10보다 작을 때까지 실행
• i++ : 증가 연산자