JavaScript

변수 기본규칙

• 변수 이름으로는 문자/숫자/$/_만 사용가능하다.
  
• 첫 글자는 숫자가 될 수 없다.
  
• 예약어도 사용불가
  
• 변수 이름은 읽기 쉽도록 센스 있게!
  - 시작이 명사(userName)면 변수 시작이 비동사(isAdult)면 true/false, 시작이 동사(showUserNumber)면 함수일 확률이 높다.
  
• 상수는 대문자로 선언해서 다른 개발자도 알 수 있게 한다.
  

자료형

typeof

• 해당 자료형이 어떤 것인지 알려주는 typeof
• object는 확인해봐야 한다. (null 등등을 정확히 확인안해줌)
  
• 변수가 아닌 경우에도 typeof를 사용할 수 있다.
  

형변환

• prompt 문자를 입력받을 수 있는 창 뜨는 함수
  - prompt로 입력 받은 값은 문자로 저장된다.

• JS의 자동 형변환
  - “80” + “50” = “8050” -> “8050” / 2 -> 4025 ???

  • 숫자랑 비슷하게 생겨서 숫자로 자동으로 인식해버림, 근데 우리가 원한건 숫자 80+50 = 140이었음! Error도 안뜨고 자기 멋대로 프로그램이 구동된다.

• 명시적 형변화

  • 자동 형변환에 의존하지 않고 개발자가 직접 형 변환 시키는 것.

  • 문자로 변환 String();

  • 숫자로 변환 Number();
    - NaN은 Not a Number 라는 뜻~
    

  • Bool 타입으로 변환 Boolean();

    • "이효석" = 1이상의 숫자가 있다고 인식한다.
    • "" 빈 문자열은 아무것도 없다고 인식
      

  • 주의사항
    

  • JS는 문자와 숫자를 더하면 숫자를 문자로 변경해서 인식한다.

백틱(``)문자

• 문자와 변수를 혼용해서 쓰고 싶을 때
  console.log(${i+1} 번째 이름은 ${nameArr[i]} 입니다);

• (``) 안에 다양한 변수를 불러 올 수 있다.

  • Array 도?
  • Object 도?

• 단, (``) 안에 들어가면 전부 문자로 처리 된다.

연산자

• % 나머지 연산자
  • 홀수 판단 : num % 2 == 1 이면 홀수
  • 짝수 판단 : num % 2 == 0 이면 짝수
• ** 거듭 제곱
  • ** 를 사용
  • 2 ** 3 = 8
  • 3 ** 3 = 27
• Math.sqrt() 루트
  • Math.sqrt(4) = 2
  • Math.sqrt(81) = 9
• 연산자 줄여서 쓰기
  • num = num + 5 -> num += 5
  • num = num - 5 -> num -= 5
  • num = num * 5 -> num *= 5
  • num = num / 5 -> num /= 5
• 증감, 감소 연산자
  • Num++;
    - 변수의 값을 1씩 증가시킨다.
  • Num--;
    - 변수의 값을 1씩 감소시킨다.

비교 연산자

• 일치 연산자 (===)
  - 변수의 값 뿐만 아니라 자료형까지도 비교
  

  논리 연산자

• ||(OR)
  - 여러개 중 하나라도 true면 ture 즉, 모든 값이 false 일때만 false를 반환
  - OR은 첫번째 true를 발견하는 즉시 평가를 멈춘다.

• && (AND)

  • 모든값이 true 면 true 즉, 하나라도 false면 false를 반환
  • AND는 첫번째 false를 발견하는 즉시 평가를 멈춘다.

• ! (NOT): true면 false, false면 true

  확률이 제일 작은 것을 앞으로 하는 것이 시간을 줄여준다.
  

• AND 연산자는 후에 적용하는 것이 좋음

• 사칙연산 우선순위처럼 조건식을 어느 것을 우선해야하는지 괄호 쳐주는 것을 고려해야 한다.

• 비교연산자들 또한 순서대로 2개씩 비교하면서 작업하기 때문에 비교식에 따라서 괄호를 잘 써줘야할 필요가 있다.아니면 괄호가 아니라 순서를 잘 배치해야 한다.

  

  조건문 라인이 모두 true여야 참이 작동
  isDrunken은 마시지 않아야 하기 때문에 ! 적용.

let isAdult = true;
let isVIP = false;
let isDrunken = true;
let money = false;

if ( ((isAdult || isVIP ) && !isDrunken)|| money ){
    console.log("통과");
} else {
    console.log("돌아가");
}

For 반복문

• 구구단

for (let i =  2; i <=9 ; i ++) {
    for(let j = 1; j <=9; j++){
        console.log(`${i} x ${j} = ${ i * j }`);
    }
}

• 실습
  10000 까지의 숫자 중에서
  13의 배수면서 홀수인 숫자를 찾아 봅시다!

• prompt 를 이용해서 어느 숫자 까지 13의 배수면서 홀수인 숫자를 찾는 프로그램을 만들어 봅시다!

let userInput = prompt ("어디까지 구할까요?!")
userInput = Number(userInput);

for (let i = 0; i<= userInput + 1; i+=13){
    if (i % 2 === 1) {
        console.log (`${i}는 13의 배수면서 홀수인 숫자입니다.`);
    } else{
        console.log(`13의 배수면서 홀수인 숫자가 아닙니다.`);
    }
}

While 반복문

반복문 제어

break
반복문을 멈추고 빠져나옴

특정상황만 피하고싶을 때는 continue를 사용한다.