프론트엔드/JAVASCRIPT (6) 썸네일형 리스트형 [Javascript] Javascript 비교 연산자 *고승원 바닐라 자바스크립트 책과 여러 사이트를 보고 공부하여 쓴 글입니다.* INDEX 비교 연산자 비교 연산자 비교 연산자란? - Comparison operator, 피연산자의 값을 비교하여 논리 값인 참(true)과 거짓(false)를 반환한다. - 피연산자로는 숫자, 문자, 논리형, 객체를 사용할 수 있다. * 동등 연산자, 일치 연산자 - 두 개의 피연산자가 서로 같은지를 비교해 준다 but 같음의 기준이 다르다. - 동등 연산자는 피연산자의 타입이 다른 경우 값을 비교하기 위해 적절한 타입으로 변환한 후 값을 반환한다. - 일치 연산자는 데이터타입까지 비교하기 때문에 값과 타입이 모두 같아야만 참을 반환한다. [Javascript] Javascript 할당 연산자 *고승원 바닐라 자바스크립트 책 여러 사이트를 보고 공부하고 쓴 글입니다.* INDEX 할당 연산자 할당 연산자 할당 연산자란? - 오른쪽에 있는 값(피연산자)을 왼쪽의 피연산자에 할당한다 - 기본적인 할당 형태는 등호(=)를 이용해서 할당한다. - 다른 연산과 할당을 결합하기도 하는데 이는 복합 대입 연산자(복합 할당 연산자)라고 한다. [Javascript] Javascript 데이터 타입(data type), typeof() 연산자 *고승원 바닐라 자바스크립트 책 여러 사이트를 보고 공부하고 쓴글입니다. 도움 받은 사이트는 내용 가장 하단에 링크 걸어두었습니다.* INDEX 데이터 타입(data type) 원시 타입(primitive type) 참조 타입 Or 객체 타입(reference type, object type) typeof() 연산자 데이터 타입(data type) - 데이터 타입은 값의 종류를 의미하며, 그 종류에는 숫자, 문자열 등이 존재한다. - 원시 타입(기본 타입, primitive type)과 참조 타입(객체 타입, reference type)으로 구성된다. 원시 타입(primitive type) - 값을 저장하는 데이터 타입이다. - 원시타입은 값을 변형할 수 없는 불변성(immutable)을 가진다. - 따.. [Javascript] Javascript 변수 선언 var, let, const(상수) * 바닐라 자바스크립트 책(저자 고승원)을 참고하여 쓴 글입니다. * INDEX var, let 선언자 const 선언자 var, let 선언자 - 자바스크립트에서 변수를 생성하고 저장할 때 var와 let 선언자를 사용한다. - var는 ES6 이전에 사용하던 선언자, let은 ES6에 추가된 선언자이다. - var는 프로그램 내 동일 변수명을 사용 가능하고, let은 동일 변수명을 사용 불가능하다. - 최근에는 프로그램의 오류를 최소화하기 위해 let을 주로 사용한다. -> var는 동일한 변수명을 사용하더라도 프로그램 상 에러가 발생하지 않지만 let은 에러가 발생한다. 따라서 let의 사용은 동일 변수명을 생성했을 때 다른 코드에 영향을 미치는 것을 예방할 수 있다. const 선언자 - ES6에.. [Javascript] Javascript 콘솔(console), 주석 처리 /* 바닐라 자바스크립트 - 고승원 책으로 학습하고 정리한 내용입니다. */ INDEX 콘솔(console), 개발자 도구 여는 법 주석처리 콘솔(console) - 웹 프로그램 개발 시 디버깅 작업은 매우 중요하다 이때 쓰이는 것이 콘솔(console)이다. - 코드의 에러 해결, 전체적인 흐름 파악, 정상 동작 여부 등을 확인할 때 쓰인다. - 웹 개발 시 개발자 도구를 많이 활용하게 되고 여기에서 그 기능(콘솔)을 제공한다. - 대표적인 확인 방식은 console.log()를 활용하여 출력하고 싶은 숫자, 문자 등을 기입하는 것이다. - 잘못된 예약어, 선언되지 않은 변수를 사용했을 경우에 에러를 콘솔 창으로 확인이 가능하다. * 예약어를 변수로 사용했을 때 콘솔창에 Uncaught SyntaxEr.. [Javascript] Javascript 선언 위치, 외부 스크립트 * 선행지식으로 HTML과 CSS가 필요합니다 * 코드 작성 툴 Visual Studio Code INDEX Javascript 선언문과 그 위치 내부 스크립트 외부 스크립트 Javascript 선언문과 그 위치 - JS 선언문의 형태 -> 코드 작성 영역을 설정 또는 선언하는 것 -> 자바스크립트 선언문은 의 형식을 사용한다. -> 자바스크립트 코드는 웹 사용자에게 보이지 않는다. - JS 선언문 작성 위치 1. 영역에 위치 2. 영역에 위치 - javascript 선언문의 위치는 html문서 내 태그 영역 또는 태그 영역에 위치할 수 있다. (head, body 두 영역 둘 다 작성이 가능하다.) - 태그 안에 작성 할 경우 : 순차적으로 실행하기 때문에 태그에 쓰인 html 코드를 실행하기 전 sc.. 이전 1 다음