프론트엔드 개발자가 되기위한 여정 -41

이정우·2022년 10월 22일
0

frontend-bootcamp

목록 보기
44/60

밸하!

밸로그 여러분 안녕하세요 !

이번 포스팅부터는 잠깐 자바스크립트의 기본상식에 대해서 알아보고 가려고합니다!

저희가 자바스크립트로 코딩을하고 개발을 하고있지만 정확하게 정립아 안됬다거나 헷갈리는것들이 있기때문에 확실히 정리를 해서 가져갔으면 좋겠습니담!

바로 볼까요??
오늘의 주제는 바로
==, === 차이점과 ES6문법입니다!

입니다!

같은거 같은데 도대체 어떤게 다를까요?

==, === 차이점

한번확인해 볼까요??

먼저 결론부터 말씀을 드리자면 ==형식을 비교하지않고 그 안의 값만을 비교하지만

===는 그안의 형식까지 비교해준다는 차이점이 있습니다!

무슨의미인지 잘 이해가 안가신다고요?
한번 간단한 예제를 통해서 확인해볼까요??
먼저 ==의 예제입니다

10 == 10    // true
10 == '10'  // true
true == 1   // true
true == '1' // true
true == 'true' // false

null == undefined // true

이렇게 보게되면 타입까지 비교하는것이 아니라 그안의 값만을 비교하죠

흔히 이러한 ==비교를 느슨한 비교라고 합니다

자 그럼 이번엔 느슨한비교가 아닌 엄격한 비교를 봐볼까요??

10 === 10   // true

10 === '10' // false

true === 1  // false

true === 'true' // false

null === undefined // false

NaN === NaN // false

자 아까와는 조금 다르죠?

이렇듯이 자바스크립트에서는 비교를 하는 방법이 다르기 때문에
유의를 하시면서 사용해주시면 좋을것같습니다!

이어서 볼것은

ES6 입니다!

ES가 무엇인지 먼저 알아볼까요?

ES란 ECMAscript의 약자이며 자바스크립트의 표준,구격을 나타내는 용어입니다!
뒤에있는 6이라는 숫자는 버전을 의미합니다!

즉 에크마 스크릡트의 문법에 대해서 알아보겠습니다

가장 자주사용되고 유용한 문법이 하나있습니다
바로 템플릿 리터럴인데요

템플릿리터럴

아래의 링크에 템플릿 리터럴에대한 설명이 있으니 참고해주시기 바랍니다!

또한 이전의 ES5와는 다르게 많은 기능들이 추가되었는데요
간단한거 몇가지만 보겠습니다
Array.prototype.includes()
, 지수 연산자

2016년도에는 이렇게 두가지가 추가되었는데요
특정 원소가 배열안에 포함되어있으면 boolean값으로 값을 반환해 줍니다!
이것들 외에도 다양한기능들이 추가가 되었는데요
이러한 추가된 기능들이 코딩을 조금더 편리하고 간편하게 할수있게 해주다보니
많은 분들이 자바스크립트를 사용하시는것 같습니다 !

오늘도 간단상식 얻어가봐요!

그럼 오늘도 이만 밸~바!

profile
주니어 프론트엔드 개발자

0개의 댓글