[JavaScript] 자바스크립트 학습 환경 크롬(Chrome) 개발자 도구 단축키 : [F12] 패널 구성 Elements HTML, CSS 코드를 볼 수 있다. 화살표 아이콘 : 마우스 위치의 요소에 적용된 내용, 해당 코드의 위치 등을 확인할 수 있다. 모바일 아이콘 : 해당 페이지를 다양한 사이즈, 디바이스에서 구동되는 모습을 확인할 수 있다. Console 에러 메시지를 확인할 수 있다. 출력 코드를 이용해 콘솔에 메시지를 띄울 수 있다. Source 소스를 파싱해오는 과정을 보여준다. 파싱(parsing) : 저장된 값을 원하는 값으로 가공하여 읽어 옴 오류 체크 및 디버깅을 할 수 있다. 에디터(Editor) PC에서 기본 제공하는 Notepad(Win.-메모장, Mac-텍스트 편집기)에서..

[JavaScript] 연산자란? 연산자의 정의 연산이란 수나 식을 일정한 규칙에 따라 계산하는 것을 의미한다. (프로그래밍) 연산자란 위와 같은 각각의 연산을 의미하는 기호이다. 연산자의 종류 연산자는 기능에 따라 다양한 종류로 구분할 수 있다. 산술 연산자(Arithmetic Operator) 종류 기능 기본형 + 합 A+B 차 A-B * 곱 A*B / 나누기 A/B % 나머지 A%B modulo, MOD or mod 코드 결과 17 + 3 = 20 17 - 3 = 14 17 * 3 = 51 17 / 3 = 5.666666666666667 17 % 3 = 2 백틱 문자열 ` : 백틱, 키보드 상 숫자 1 앞에 위치한 키 따옴표 대신 백틱으로 감싸여진 문자열이다. 문자열 내부에 변수나 계산식을 넣기에 ..

[JavaScript] 변수란? 데이터를 담는 메모리 공간이다. 데이터형 다양한 형태의 데이터를 읽고 쓸 수 있다. 문자형 String "" 또는 ''로 묶어 구분, html 태그 포함 가능 숫자형 Number 논리형 Boolean true or false 빈 데이터 Null 변수 선언 변수 선언 키워드 var 변수명 중복 가능 let 변수명 중복 불가능 변수명 작성 규칙 한글 사용이 불가능하다. 영문, 숫자, 일부 특수문자(_, $)를 포함한다. 첫 글자로 숫자를 사용하지 못한다. 대소문자를 구분한다. 의미를 갖는 단어로 작성한다. 가독성을 위해 되도록 Camel Case로 작성한다. ex. idxNum 예약어는 사용할 수 없다. 변수 선언, 초기화 및 출력 코드 //변수 선언 및 초기화 var a =..

자바스크립트 시작, 기본 코드 작성과 주의 사항 기본 코드 작성 VS code 단축키 : ! + [tab] or html:5 + [tab] script tag : or (외부 js 파일 불러오기) 자바스크립트 코드는 script 태그 내에 작성하거나 별도의 스크립트 파일(확장명 : js)에 작성해야한다. 선언 영역 : head tag, body tag, html tag, html tag 밖 모두 가능 주석 처리 VS code 기준 한줄 주석 : [Ctrl] + / 블록 주석 : [Shift] + [Alt] + A 코드 입력 주의 사항 대소문자를 구분한다. 명령문을 반드시 세미콜론(;)으로 마친다. 문자열 내부에 사용시 중복되지 않게 주의한다. 문제 : 구분자 중복으로 에러 발생 해결 작은 따옴표 내 큰 ..