코딩앙마 자바스크립트 기초강좌

이 글은 코딩앙마 자바스크립트 기초강좌 100분 완성을 보고 메모한 글입니다.

 

자바스크립트에서 변수를 선언할때는,

절대 변하지 않는 값은 const, (ex. 생일, Pi)

변할 수 있는 값은 let 으로 선언

tip) 먼저 const로 다 선언하고 바뀔 수 있는 것들을 let으로 바꾸세요

 

첫째, 변수는 문자와 숫자, $와_만 사용

둘째, 첫글자는 숫자가 될 수 없습니다. ex) let 1stGrade = 'A+'; (X)

셋째, 예약어는 사용할 수 없습니다. ex) let let = 99; (X)

넷째, 가급적 상수는 대문자로 알려주세요.

다섯째, 변수명은 누구나 읽기 쉽고 이해할 수 있게 선언

 

typeof null === "object"

null !== 객체

자바스크립트 초기 버전의 오류입니다 하위 호환성을 위해 수정하지 않는다고 하니 알아둡시다.

 

---

alert, prompt, confirm

alert() 알려줌 -- 메세지를 보여주고, 확인 버튼을 누르면 닫힙니다. 항상 undefined 반환

prompt() 입력 받음 -- 취소를 누르면 null. 두개의 인자를 받을 수 있고, 두번째 인자로 초기값을 설정할 수 있습니다. 

prompt로 입력 받은 값은 무조건 문자형

confirm() 확인 받음 -- 확인을 누르면 true, 취소를 누르면 false

단점

1. 스크립트 일시 정지

2. 스타일링 불가능

function showError(){
  alert('에러가 발생했습니다.');
  return;
  alert('이 코드는 절대 실행되지 않습니다.');
}
const result = showError();
console.log(result);

---

Boolean false

• 숫자 0
• 빈 문자열 ""
• null
• undefined
• NaN

---

주의사항

Number(null) // 0

Number(undefined) // NaN

 

Number(0) // false

Number('0') // true

 

Number('')// false;

Number(' ') // true;

 

나머지(%)를 어디에 쓸까?

홀수 :  X % 2 = 1

짝수 : Y % 2 = 0

 

어떤 값이 들어와도 5를 넘기면 안될 때 :

X % 5 = 0 ~ 4 사이의 값만 반환

 

연산자 줄여서 쓰기

let num = 10;
// num = num + 5;
num += 5;

break, continue

break

: 멈추고 빠져나옴

 

continue

: 멈추고 다음 반복으로 진행

 

function sayHello(name){
  let newName = name || 'friend';
  let msg = `Hello, ${newName}`
  console.log(msg) // "Hello, friend"
}

sayHello();
sayHello('Jane'); // "Hello, Jane"

// --------------------------------- // 동일하게 작동

function sayHello(name = 'friend'){
  let msg = `Hello, ${name}`
  console.log(msg) // "Hello, friend"
}

sayHello()
sayHello('Jane') // "Hello, Jane"

 

함수 선언문 :  어디서든 호출 가능

인터프리터 언어(interpreted language) : 순차적으로 실행되고, 즉시 결과를 반환하는 프로그래밍 언어

SayHello();

function sayHello(){
  console.log('Hello');
}

 

함수 표현식 : 코드에 도달하면 생성

let sayHello = function(){
  console.log('Hello');
}
sayHello();

함수 선언문을 사용하면 더 자유롭게 코딩 할 수 있습니다.

 

배열은 문자 뿐만 아니라, 숫자, 객체, 함수 등도 포함할 수 있습니다.

let arr = [
  '민수',
  3,
  false,
  {
    name : 'Mike',
    age : 30,
  },
  function() { 
    console.log('TEST');
  }
];

push와 unshift는 여러 요소를 한번에 추가할 수도 있습니다.

days.unshift('금','토','일');
console.log(days) // ['금','토','일','월','화','수'];