목록 웹 개발 (48)
이롭게 현명하게
목차 배열 기초 배열 활용 [배열 기초] 배열(array) : 이름과 인덱스로 참조되는 정렬된 값의 집합 배열 요소 (array element) : 배열을 구성하는 각각의 값 인덱스(index) : 배열에서의 위치를 가리키는 숫자 배열 요소의 타입이 고정되어 있지 않아 같은 배여레 있는 배열 요소끼리의 타입이 서로 다를 수도 있다. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있다. 자바스크립트에서 배열은 Array객체로 다뤄진다. 1. var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 2. var arr = Array(배열요소1, 배열요소2,...); // Array 객체의 생성자를 이용하는 방법 3. var arr = n..
목차 조건문 반복문 기타 제어문 * 제어문 : 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문 [조건문] if 문 if / else 문 if / else if / else 문 switch 문 삼항 연산자 // 1. if 문 if(표현식){ 실행문 } // 2. if / else 문 if(표현식){ 실행문 } else{ 실행문 } // 3. if / else if / else 문 if(표현식){ 실행문 } else if(표현식){ 실행문 } else{ 실행문 } // 4. switch 문 switch (조건 값) { case 값1: 조건 값이 값1일 때 실행하고자 하는 실행문; break; case 값2: 조건 값이 값2일 때 실행하고자 하는 실행문; break; ... default: 조건 값..
목차 연산자 목록 산술 연산자 대입 연산자 증감 연산자 비교 연산자 논리 연산자 비트 연산자 기타 연산자 [연산자 목록] 우선순위 연산자 설명 결합 방향 1 () 묶음(괄호) - 2 . 멤버 접근 왼쪽에서 오른쪽으로 new 인수 있는 객체 생성 - 3 () 함수 호출 왼쪽에서 오른쪽으로 new 인수 없는 객체 생성 오른쪽에서 왼쪽으로 4 ++ 후위 증가 연산자 - -- 후위 감소 연산자 - 5 ! 논리 NOT 연산자 오른쪽에서 왼쪽으로 ~ 비트 NOT 연산자 오른쪽에서 왼쪽으로 + 양의 부호 (단항 연산자) 오른쪽에서 왼쪽으로 - 음의 부호 (단항 연산자) 오른쪽에서 왼쪽으로 ++ 전위 증가 연산자 오른쪽에서 왼쪽으로 -- 전위 감소 연산자 오른쪽에서 왼쪽으로 typeof 타입 반환 오른쪽에서 왼쪽으로 ..
목차 기본타입 null과 undefined 타입변환 변수 [기본타입] 타입(type) : 프로그램에서 다룰 수 있는 값의 종류 원시 타입(primitive type) 객체 타입(object) 숫자(number) : 정수, 실수 문자열(string) : "" , '' 불리언(boolean) : true or false 심볼(symbol) : ECMAScript 6부터 typeof : 피연산자의 타입을 반환하는 비연산자가 단 하나뿐인 연산자 typeof 연산자 자바스크립트의 기본타입은 객체이다. 객체(object) : 실생활에서 우리가 인식할 수 있는 사물 여러 프로퍼티(property)나 메서드(method)를 같은 이름으로 묶어놓은 일종의 집합체 객체 타입 [null과 undefined] null : o..
목차 window.alert() 메서드 HTML DOM 요소 사용 document.write() 메서드 console.log() 메서드 [window.alert() 메서드] window.alert() 메서드 : 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달한다. 알림창 이라고도 한다. window객체의 모든 메서드나 프로퍼티를 사용할 때는 window라는 접두사를 생략할 수 있다. Window 객체의 alert() 메소드 alert 대화 상자 [HTML DOM 요소 사용] HTML DOM 요소를 이용한 innerHTML 프로퍼티는 실제 자바스크립트 코드에서 출력을 위해 가장 많이 사용되는 방법이다. document 객체의 getElementByID()나 getElementsByTagNam..
목차 내부 자바스크립트 코드 외부 자바스크립트 코드 자바스크립트를 적용하기 위해서는 에디터가 필요하다. [vscode 설치하기] [VSCODE] VSCODE 설치 / Visual Studio Code 설치하기 목차 VSCODE 설치 VSCODE 환경설정 (한글설정) 번외 [ VSCODE 설치 ] 1. 홈페이지 접속 2. 본인의 운영체제에 맞는 설치 파일 클릭 저는 window운영체제로 설치하였습니다. 2. 설치 파일 클릭 후 동의합니다 devyihyun.tistory.com [내부 자바스크립트 코드로 적용] 자바스크립트 코드는 태그를 사용하여 HTML 문서 안에 삽입할 수 있다. HTML 문서의 자바스크립트를 이용하면 현재 날짜와 시간 정보에도 손쉽게 접근할 수 있어요! 1. 현재 날짜와 시간 표시하기!..