TCPSchool32 [JavaScript] 연산자 산술 연산자(arithmetic operator) - 사칙연산 - 두 개의 피연산자를 가지는 이항 연산자 - 결합 방향은 왼쪽 -> 오른쪽 - 괄호 () 연산자를 사용하여 연산자의 처리 순서 변경 가능 + - * / % 대입 연산자(assignment operator) - 변수에 값을 대입할 때 사용하는 이항 연산자 - 결합 방향은 오른쪽 -> 왼쪽 = += -= *= /= %= let x = 10; x = x - 5;// x -= 5; 와 같은 의미 x -= 5;// x = x - 5; 와 같은 의미 증감 연산자(increment and decrement operator) - 피연산자를 1 씩 증가/감소시킬 때 사용 - 피연산자가 하나뿐인 단항 연산자 - 연산자 위치에 따라 순서, 결과가 달라짐 ++a.. 2021. 10. 21. [JavaScript] 변수 (var, let, const) 변수의 선언과 초기화 - 변수(variable) : 데이터를 저장할 수 있는 메모리 공간 - 쉼표(,) 연산자로 여러 변수 동시 선언 & 초기화 가능 - 변수의 타입이 정해져 있지 않으며, 같은 변수에 다른 타입의 값 다시 대입 가능 - 선언만 하고 초기화하지 X => undefined - 변수의 이름 = 식별자(identifier) - 영문자(대소문자), 숫자, 언더스코어(_), 달러($)로만 구성 - 대소문자 구분, 숫자로 시작할 수 없음 - 예약된 키워드를 이름으로 사용할 수 없음 var - ES6 전 - 한번 선언된 변수를 다시 선언해서 사용 가능 - 선언 단계와 초기화 단계가 한번에 - 먼저 선언하지 않아도 사용 가능 => 호이스팅 호이스팅 : scope 내의 변수 선언은 최상위에 선언된 것처럼.. 2021. 10. 20. [JavaScript] 타입 변환 타입 변환(type conversion) - 자바스크립트는 타입 검사가 매우 유연 => 변수의 타입이 정해져 있지 않으며, 다른 타입의 값을 다시 대입할 수 있음 const num = 20; // Number 타입의 20 num = "이십"; // String 타입의 "이십" const num; // 한 변수에 여러 번 대입할 수는 있지만, 변수의 재선언은 X. 재선언문은 무시. // var 도 마찬가지 묵시적 타입 변환(implicit type conversion) - 특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면, 자동으로 타입 변환 10 + "문자열"; // 문자열 연결을 위해 숫자 10이 문자열로 변환됨. "3" * "5"; // 곱셈 연산을 위해 두 문자열이 모두 숫자로 변환됨. 1 -.. 2021. 10. 19. [JavaScript] 기본 타입 기본 타입 - 타입(data type) : 프로그램에서 다룰 수 있는 값의 종류 - 기본 타입 : 미리 정의하여 제공되는 여러 가지 형태의 타입 원시 타입(primitive type) 1. 숫자(number) 2. 문자열(string) 3. 불리언(boolean) 4. 심볼(symbol) : ES6 부터 제공 5. undefined 객체 타입(object type) 6. 객체(object) 숫자(number) - 정수, 실수의 구분 X => 모든 수를 실수 하나로 표현 - 매우 큰 수 / 작은 수 표현 시, e 표기법 사용 가능 const firstNum = 10; // 소수점을 사용하지 않은 표현 const secondNum = 10.00; // 소수점을 사용한 표현 const thirdNum = 10.. 2021. 10. 19. [JavaScript] 자바스크립트 적용 자바스크립트를 적용하는 방법 1. 내부 자바스크립트 코드로 적용 2. 외부 자바스크립트 파일로 적용 1. 내부 자바스크립트 코드 - 태그를 사용하여 HTML 문서 내부에 삽입 - HTML 의 / 에 위치할 수 있음 => 동작상의 차이 X 2. 외부 자바스크립트 파일 - .js 확장자의 외부 파일 생성 후 삽입 - 태그를 사용하여 외부 자바스크립트 파일 포함 // example.js function printDate() { document.getElementById("date").innerHTML = Date(); } - 웹의 내용을 담당하는 HTML 과 웹의 동작을 구현하는 JS 로 코드 분리 가능 => 코드 가독성과 유지 보수에 좋음 - 웹 브라우저가 미리 읽어 올 수 있어 웹 페이지 로딩 속도가 빨라.. 2021. 10. 18. [JavaScript] 자바스크립트 출력 자바스크립트 출력 1. window.alert() 메소드 2. HTML DOM 요소를 이용한 innerHTML 프로퍼티 3. document.write() 메소드 4. console.log() 메소드 1. window.alert() 메소드 - 브라우저와 별도의 대화 상자를 띄워 데이터 전달 * window 객체의 모든 메소드/프로퍼티 사용 시, window 접두사 생략 가능 2. HTML DOM 요소를 이용한 innerHTML 프로퍼티 - 가장 많이 사용되는 방법 - document 객체의 getElementByID() / getElementsByTagName() 등의 메소드로 HTML 요소를 선택하고 innerHTML 프로퍼티 이용 => 내용이나 속성 값 변경 가능 3. document.write() .. 2021. 10. 18. 이전 1 2 3 4 5 6 다음
