[JavaScript 기초] 1. 타입 복습 퀴즈

Hyun Jin·2022년 12월 16일
0

JavaScript

목록 보기
2/20
post-thumbnail

메타인지 학습법 적용하기
-> 개념을 학습한 뒤 일정 시간이 지난 후에, 배우면서 적어둔 셀프퀴즈를 나중에 풀어보는 식으로 진행.
-> 오늘은 개념이 여러가지는 아니라서 일단 내용을 거의 다 적어보았다.

JavaScript의 대표적인 데이터 타입 : Number, String, Boolean

그 외 데이터 타입도 있지만 일단 세가지만 다루었다.

1. Number 타입

  1. 해당 값이 숫자 타입인지 알아보자.
    (ex. let num = '78')

  2. Math 내장 객체의 대표적인 메서드를 알고 있는가?

    1. 숫자의 절대값을 반환합니다.

    2. 숫자를 반올림하여 반환합니다.

    3. 괄호 안의 첫 번째 숫자를 밑, 두 번째 숫자를 지수인 숫자를 반환합니다.
      (ex. 3의 5승)

    4. 숫자의 루트값을 반환합니다.

    5. 숫자를 내림하여 반환합니다.

    6. 숫자를 올림하여 반환합니다.


2. String 타입

  1. 문자열을 연결하는 방법을 아는가?
    (ex. 'Graupel', 'means', '싸락눈', 'in Korean' 을 연결해보자.)

  2. 문자열의 길이를 구할 수 있는가? 이때 공백과 특수문자는 길이에 포함 되는가?
    (ex. 문자열 'what is the length of this sentence?' 의 길이는?)

  3. 문자열의 특정 순서를 구할 수 있는가?
    (ex. 'This is a meta-cognition study!' 에서 10번째 알파벳은? 10번째 알파벳과 그 뒤의 4글자는?)

  4. 문자열 주요 메서드를 알고 사용할 수 있는가?

    1. 문자열을 소문자로 변경합니다.
      (ex. 'trY TO cHAnGe This SenTENCE!')

    2. 문자열을 대문자로 변경하니다.

    3. 문자열 연결 연산자 + 처럼 문자열을 이어붙일 수 있습니다.

    4. 문자열의 일부를 자를 수 있습니다.

    5. 문자열 내에 특정 문자나 문자가 몇 번째 위치하는지 확인합니다.

    6. 문자열 내에 특정 문자나 문자가 포함되어 있는지 확인합니다.


3. Boolean 타입

  1. falsy 값에는 어떤 것들이 있는가?(생각나는 대로 써 보기, 최대 10개 정도)

  2. 비교연산자 중 엄격한 동치 연산자 두가지는?

  3. 대소관계 비교 연산자 네가지는?

  4. 논리연산자 중 논리합 연산자와 논리곱 연산자, 논리 부정 연산자의 표기법은?

    1. 두 값 중 하나만 true 여도 true 로 판단하는 논리 연산자는?

    2. 두 값 중 하나만 false 여도 false 로 판단하는 논리 연산자는?

    3. console.log(!0) 실행 시 결과값은?



정답확인 -> 1. Number 타입

  1. 해당 값이 숫자 타입인지 알아보자.
    (ex. let num = '78')
    console.log(typeof num); //string

  2. Math 내장 객체의 대표적인 메서드를 알고 있는가?

    1. 숫자의 절대값을 반환합니다.
      Math.abs();

    2. 숫자를 반올림하여 반환합니다.
      Math.round();

    3. 괄호 안의 첫 번째 숫자를 밑, 두 번째 숫자를 지수인 숫자를 반환합니다.
      (ex. 3의 5승)
      Math.pow(3, 5);

    4. 숫자의 루트값을 반환합니다.(-> 아직 어색하다. SQuare RooT 라서 Math.sqrt! 자꾸 스쿼트라고 읽힌다...)
      Math.sqrt()

    5. 숫자를 내림하여 반환합니다.
      Math.floor()

    6. 숫자를 올림하여 반환합니다.
      Math.ceil()


정답확인 -> 2. String 타입

  1. 문자열을 연결하는 방법을 아는가?
    (ex. 'Graupel', 'means', '싸락눈', 'in Korean' 을 연결해보자.)

    let answer = 'Graupel '+ 'means '+ '싸락눈 '+ 'in Korean' //'Graupel means 싸락눈 in Korean'
  2. 문자열의 길이를 구할 수 있는가? 이때 공백과 특수문자는 길이에 포함 되는가?
    (ex. 문자열 'what is the length of this sentence?' 의 길이는?)

    let str =  'what is the length of this sentence?';
     let answer = str.length; //36
     let str2 = 'blank _$^?!'
     let answer2 = str2.length; //11, 공백과 특수문자도 길이에 포함됨!
  3. 문자열의 특정 순서를 구할 수 있는가?
    (ex. 'This is a meta-cognition study!' 에서 10번째 알파벳은?)

    let str = 'This is a meta-cognition study!';
     let answer = str[10]; // m
     let answer2 = str.charAt(10); // m

    (ex. 10번째 알파벳과 그 뒤의 4글자는? -> 이건 아직 모르겠다)

  4. 문자열 주요 메서드를 알고 사용할 수 있는가?

    1. 문자열을 소문자로 변경합니다. (-> 아직 안 익숙함. 많이 써보자! +인수를 안 받으면 왜 ()가 붙을까? 인수가 존재하지 않는 것인가? 아니면 undefined? method 의 parameter 체크 방법이 있을까?)
      (ex. 'trY TO cHAnGe This SenTENCE!')
      str.toLowerCase();

    2. 문자열을 대문자로 변경하니다.
      str.toUpperCase();

    3. 문자열 연결 연산자 + 처럼 문자열을 이어붙일 수 있습니다.

    console.log('문자열 '+'이어붙이기')
      console.log(`백틱을 사용하면
        중간에 줄바꿈도 
        할수 있고
        $ { 변수 } 를 통해서 변수도 넣을 수 있다!`);
      let str1 = '문자열.concat(문자열2)를 넣어주면';
      let str2 = ' 문자열을 이어붙일 수 있다!';
      console.log(str1.concat(str2)); // 근데 백틱이 제일 편해보인다.
    
    1. 문자열의 일부를 자를 수 있습니다.

      str1.concat(str2)
      (-> concat 사용이 아직 익숙하지 않다. 인자.메서드(인자2)의 형식에 어색한 것 같다. 많이 써보자!)

    2. 문자열 내에 특정 문자나 문자가 몇 번째 위치하는지 확인합니다.
      str.indexOf('특정 문자');

    3. 문자열 내에 특정 문자나 문자가 포함되어 있는지 확인합니다.
      str.includes('특정 문자');
      (-> includes 유의!)


정답확인 -> 3. Boolean 타입

  1. falsy 값에는 어떤 것들이 있는가?(생각나는 대로 써 보기, 최대 10개 정도)
    false, 0, "", '', ``, undefined, null, NaN...
    (-> 그 외 -0, 0n 이 있었다!)

  2. 비교연산자 중 엄격한 동치 연산자 두가지는?
    ===, !==

  3. 대소관계 비교 연산자 네가지는?
    >, <, <=, >=
    (-> '='이 뒤로 가는 것 유의! 은근히 헷갈린다.)

  4. 논리연산자 중 논리합 연산자와 논리곱 연산자, 논리 부정 연산자의 표기법은?
    논리합 연산자 or ||, 논리곱 연산자 and &&, 논리 부정 연산자 not !

    1. 두 값 중 하나만 true 여도 true 로 판단하는 논리 연산자는?
      논리합 연산자 or ||
    2. 두 값 중 하나만 false 여도 false 로 판단하는 논리 연산자는?
      논리곱 연산자 and &&
    3. console.log(!0) 실행 시 결과값은?
      true // 0은 falsy, ! 부정연산자를 사용하면 true 출력

profile
새싹 프론트엔드 개발자

0개의 댓글