[SEB_FE_44] Section 1-Unit5 [JavaScript]기초

JavaScript의 기초적인 부분을 배우고 테스트를통해 개념을들 다시 확인하는 시간을 가졌다.
테스트 도중 배우지 않은 부분들은 구글 검색을 통해 어떤식의 코드들이 있는지 학습하였다.

1. Math.floor

Math.floor() 메소드는 인수로 전달받은 값과 같거나 작은 수 중에서 가장 큰 정수를 반환한다.

Math.floor(10.95);  // 10

Math.floor(11.01);  // 11

Math.floor(-10.95); // -11

Math.floor(-11.01); // -12

http://www.tcpschool.com/javascript/js_standard_math

2. 제곱근 형태

js의 제곱근의 형태 3가지를 적는 문제였다.

  let side1 = side1*side1;
  let side2 = side2**2;
  let side3 = Math.pow(side3, 2);

ttps://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Exponentiation

3. String Method

문자열(string)을 어떤값으로 받을것인지, 몇번째 문자까지 값을 받을지 등에 대한 코드로,문제 해설에서는 str.slice 를 사용했는데 혼자 문제를 풀때는 str.substring 코드로 작성을 했었는데 결과값은 같이 나왔다.

String.prototype.substring(star, end) : string

• 첫번째 인수로 전달한 start 인덱스에 해당하는 문자부터 두번째 인자에 전달된 end 인덱스에 해당하는 문자의 바로 이전 문자까지를 모두 반환한다.

const str = 'Hello World'; // str.length == 11

str.substring(1, 4); // ell

// 첫번째 인수 > 두번째 인수 : 순서 맞추기 위해 자동 교환된다.
str.substring(4, 1); // ell

// 두번째 인수가 생략된 경우 : 해당 문자열의 끝까지 반환한다.
str.substring(4); // o World
str.substring(4,); // o World

// 인수 < 0 또는 NaN인 경우 : 0으로 취급된다.
str.substring(-2); // Hello World

// 인수 > 문자열의 길이(str.length) : 인수는 문자열의 길이(str.length)으로 취급된다.
str.substring(1, 12); // ello World
str.substring(11); // '' str[10] == 'd'
str.substring(20); // ''
str.substring(0, str.indexOf(' ')); // 'Hello'
str.substring(str.indexOf(' ') + 1, str.length); // 'World'

https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-String-%EB%A9%94%EC%86%8C%EB%93%9C-%E2%9C%8F%EF%B8%8F-%EC%A0%95%EB%A6%AC

4. template literal

템플릿 리터럴은 작은따옴표(')나 큰따옴표(") 대신 백틱(`)(grave accent)로 감싸준다.

그리고 아래와 같이 $와 중괄호{}를 사용하여 표현식을 표기한다.

let a = 20;
let b = 8;
let c = "광주";
let str = `저는 ${a+b}살이고 ${c}에 살고 있습니다.`;
console.log(str);   //저는 28살이고 광주에 살고 있습니다.

https://eblee-repo.tistory.com/38

마지막으로 전에 한참 찾았지만 못 찾았던 vs코드 단축키를 우연치 않게 발견해서 기록해 두려고 한다.

보이는 창에 맞춰 코드 크기줄이기

• Wind) alt + z
• Mac) option + z