본문 바로가기

Coding Language/JavaScript

(13)
[JavaScript] 동등 연산자, 일치 연산자의 차이점 [해당 포스트는 개인적으로 공부를 하고 차후에 참고용으로 하고자 작성한 것입니다. 따라서 잘못된 부분이나 부족한 부분이 있을 수 있기에 참고하시기 바랍니다.] JavaScript에선 값이 일치하는지에 대해 비교하는 일치 연산자 중 동등 연산자, 일치 연산자가 존재한다. == (동등 연산자) : 비교 대상 값의 자료형이 서로 다르면 강제로 Type을 바꾼 뒤에 비교를 한다. === (일치 연산자) : 값의 내용을 비교하며, 동시에 자료형까지 일치하는지 비교한다. 일치 연산자가 동등 연산자보다 엄격하다고 볼 수 있다. 비교 값뿐만 아니라, Type까지 확인을 하기 때문에 실제적으로 일치하는 값들은 줄어들게 된다. 그러나 대부분 JavaScript를 사용하는 사람들이 동등 연산자보다 일치 연사자를 이용하라고 ..
[JavaScript] ES6 Template String 사용하기 [해당 포스트는 개인적으로 공부를 하고 차후에 참고용으로 하고자 작성한 것입니다. 따라서 잘못된 부분이나 부족한 부분이 있을 수 있기에 참고하시기 바랍니다.] ES6에 추가된 기능으로 템플릿 문자열(Template String)이 있다. 문자열에서 변수를 추가하려면 + 를 이용하여 붙여줘야 했다. 가독성도 떨어지며 타이핑하기에도 불편한 게 많았다. 템플릿 문자열을 사용하면 정말 편하게 변수를 붙여서 문자열을 생성할 수 있다. 한 마디로, 문자열안에 결과값을 같이 붙여 쓴다고 생각하면 된다. 사용법 템플릿 문자열의 시작은 `(Grave accent)로 시작한다. '(콤마)와 다르므로 주의하자! Grave accent는 키보드 숫자 1 왼쪽에 있다. 문자열에 변수를 넣을 때 ${표현식}을 이용하여 삽입 처리..
[JavaScript] Null과 Undefined의 차이점 [해당 포스트는 개인적으로 공부를 하고 차후에 참고용으로 하고자 작성한 것입니다. 따라서 잘못된 부분이나 부족한 부분이 있을 수 있기에 참고하시기 바랍니다.] JavaScript를 사용하다 보면 null과 undefined라는 키워드를 볼 수 있다. null이랑 undefined는 둘 다 값이 없다?라는 개념인 것 같지만 엄연히 차이점이 존재한다. null null은 비어 있거나 존재하지 않는 값을 의미한다. 변수에 값이 비어있다는 것을 의미하며, 원시 자료형인 null로 분류된다. 그러나 신기하게도 null이 들어있는 변수를 typeof로 Type을 확인하면 Object로 반환한다. 현재 JavaScript 기존 이슈로 인해 나온 결과라 하므로 신경 쓰지 말고 넘어가도록 하자. !주의 typeof를 통..
[JavaScript] JavaScript 기초다지기 [해당 포스트는 개인적으로 공부를 하고 차후에 참고용으로 하고자 작성한 것입니다. 따라서 잘못된 부분이나 부족한 부분이 있을 수 있기에 참고하시기 바랍니다.] 이번 시간에는 JavaScript 기초를 배우면서 실습을 했던 코드들을 다시 적으면서 복습을 해보도록 하겠다. 1. console.log() 주로 JavaScript문을 작성하고 Console로 결과를 확인하고 싶을 때 사용한다. console.log('Hello Wolrd!'); //디버깅창에서 확인할 때 사용. console.log('호랑이', 100); //값을 연결할 땐 +로 이용하지 말고, ','를 이용하여사용. 웹사이트에서 확인하고자 할 땐 alert()를 사용하여 확인하자. 2. 자료형 Type JavaScript는 Java와 다르게 ..
[JavaScript] VSCode 유용한 Tool과 단축키 VSCode Tool Power Mode - UI ESLint - 문법체크 모듈 Relative Path - 최근 workspace에 있는 파일로부터 Relative URL 경로를 가져오는 툴. Guides - 들여쓰기 잘못됬을 때 체크 해주는 툴 Reactjs code snippets - Snippets 도구(문법을 자동으로 확장해주는 도구) VSCode 단축키 F2 - Rename ctrl + F5 - 프로그램 실행 ctrl + K + F - 들여쓰기 조절하기 alt + Shift + 방향키 - 해당 커서내용 자동 복사 alt + 방향키 - 코드를 특정 Line으로 이동할 때 사용 ctrl + (+ or -) - 글자크기 조절 ctrl + \ - 편집창 분리하기(길게되있을 때 위, 아래 비교하면서 보..