TIL 20221010 - 108번(대소문자,sqrt,isInteger)

오늘은 어제보다 많은 공부를 할 수 있었다.
JS 문법 공부도 드디어 스타트를 했고 알고리즘 문제도 풀었고 react 강의도 들을 수 있었다.
다만 조금 변경점이 있다면
JS 문법은 벨로그에 정리하려고 했지만 좀 더 프론트엔드 지망생 답게 깃허브를 이용하여 꾸며보려고 git에 정리하기로 했다. 후에 다른 사람 github를 볼 때 그냥 git페이지가 아닌 하나의 홈페이지를 보는 것처럼 변경을 해보겠다.

그리고 React 강의는 계속 듣는 와중에 계속 벨로그에 정리하면서 진행했는데 너무 비효율적이고 꼼꼼하긴 하지만 시간도 많이 걸려서 1회독은 빠르게 진행하여 react가 무엇인지 어떻게 사용하는지 아 이렇게! 라는 전체적인 느낌과 기초 개념들을 잡고
이후 빠른 배속으로 2회독을 하며 중요하다 생각되는 것들을 정리하여 개념을 더 탄탄하게 잡고 가기로 했다.
그 땐 개인 프로젝트를 진행하며 할 수 있으니 더 좋은 방법인 것 같다!

오늘 공부

JS 공부 -기초부터 다시 잡고 가자!
-> 내가 알고 있던 개념들에도 빼먹고 주의해야 할 것들도 모두 새롭게 알게 됐다.
https://github.com/hoinlee-moi/ModernJS
JS 정리 github 주소이며 후에 .io를 이용하여 페이지로 바꿔볼 생각이다.

React 공부 (강의 37~39)

알고리즘 문제 풀기(프로그래머스)
https://github.com/hoinlee-moi/algorithm_prac
git에 매일매일 푼 문제의 풀이와 url 왜 그렇게 풀었는지, 더 좋게 풀 수 있는지 등을 push중

알고리즘 공부하며 알게된, 다시 찾아본 JS문법

대소문자 변환

대문자는 toUpperCase() , 소문자는 toLowerCase()

let str = 'UPPER lower';

str = str.toUpperCase();
console.log(str); // UPPER LOWER

str = str.toLowerCase();
console.log(str) // upper lower

올림/내림/반올림

Math 내장객체에 있는 함수로

• Math.ceil
  소수값이 존재할 때 값을 올리는 역할을 하는 함수
• Math.floor
  소수값이 존재할 때 소수값을 버리는 역할을 하는 함수
• Math.round
  소수값에 따라 올리거나 버리는 역할을 하는 반올림 함수

let num = 345.6

console.log(Math.ceil(num)) // 346
console.log(Math.floor(num)) // 345
console.log(Math.round(num)) // 346

num = -324.6

console.log(Math.ceil(num)) // -324
console.log(Math.floor(num)) // -325
console.log(Math.round(num)) // -325

루트 씌우기

Math.sqrt(x) 들어간 숫자 x 에 루트를 씌운다.

Math.sqrt(9); // 3
Math.sqrt(2); // 1.414213562373095

Math.sqrt(1);  // 1
Math.sqrt(0);  // 0
Math.sqrt(-1); // NaN

숫자가 정수인지, 실수인지 체크

1.Number.isInteger() 함수
2. 나머지 연산자(%) 활용

Number.isInteger()

console.log(Number.isInteger(10)); // true
console.log(Number.isInteger(0)); // true
console.log(Number.isInteger(-10)); // true
console.log(Number.isInteger(123.1)); // false

isInteger() 함수는 파라미터로 입력받은 값이 정수인지 판단한다. 가장 간단!

나머지 연산자(%) 활용

정수는 1로 나누었을 경우 항상 나머지가 0이 되는 속성을 이용해서, 주어진 숫자가 정수인지 체크하는 방법

function isInteger(number)  {
  return number % 1 === 0;
}

console.log(Number.isInteger(10)); // true
console.log(Number.isInteger(0)); // true
console.log(Number.isInteger(-10)); // true
console.log(Number.isInteger(123.1)); // false