3일만에 끝내는 HTML, CSS, JS 기초

자바스크립트 if 문 조건 문 (Conditional statements) 은 여러가지 조건에 따라, 각각 다른 실행을 할 때 사용됩니다. 코딩을 하다보면 매우 흔하게 조건에 따라 다르게 실행되도록 하고 싶을 때가 많습니다. 이때 조건 문을 사용하면 됩니다. 자바스크립트 에는 몇 가지 조건 문이 있습니다. if 문은 주어진 조건이 true 일 때, 실행될 코드 블록을 지정해 줍니다. else 문에는 같은 조건이 이번엔 false 일 때, 실행될 코드 블록을 지정해 줍니다. else if 문에는 맨 처음 조건이 false 일 때, 새로운 조건을 지정해 줍니다. switch 문은 조건에 따라 여러개의 각기 다른 실행 블록을 지정해 줍니다. if 문은 조건이 참일 때 실행될 코드를 지정해 주는데, 아래와 같은..

자바스크립트 비교 및 논리 연산자 자바스크립트 비교 (Comparison) 및 논리 연산자 (Logical Operators) 는 true 와 false 를 판별하기 위해 사용됩니다. var x = 3; 이라고 할 때 값이 같은지; x == "3"; 값뿐아니라 자료형도 같은지; x === "3"; 값이 다른지; x != 3; 값이 같지 않거나 또는 자료형이 같지 않거나 한지; x !== 3; 값이 같지 않거나 또는 자료형이 같지 않거나 한지; x !== "3"; 비교 연산자 (comparison operators) 는 변수나 값 들이 동일한지 다른지 알아보는 논리 문 (logical statements) 에 사용됩니다. var x = 3; 이라고 할 때 값이 같은지; x == "3"; 값뿐아니라 자료형도..

자바스크립트 불리언 자바스크립트 불리언은 참 (true) 또는 거짓 (false) 중 하나의 값을 나타냅니다. 프로그래밍을 하다보면, 두 값중에 하나만 갖는 자료형 (a data type) 이 자주 필요로 할 것입니다. 예를 들어 , YES 나 NO, 또는 ON 이나 OFF, 아니면 TRUE 나 FALSE 같은 것입니다. 자바스크립트에서 비교 (comparisons) 와 조건 (conditions) 을 위한 수식에 불리언 값 (Boolean value) 이 기본적으로 필요합니다. 연산자설명예제 ==같은가if (local == "Seoul") >더 큰가if (grade > 3) <더 작은가if (width < 480) 불리언 (Boolean) 에서는 "실제 존재하지 않는 값" 은 모두 false 입니다. ..

자바스크립트 배열 메서드 2/2 sort() 메서드는 알파벳 순서로 배열의 요소를 정렬하고, reverse() 는 그 것을 다시 역순으로 정렬합니다. 알파벳 역순으로 정렬 합니다. sort() 메서드로 배열의 각 요소를 알파벳 순서로 정렬 할 수 있습니다. 한편 reverse() 메서드를 사용하면 배열내 각 요소를 역순으로 정렬 할 수 있습니다. sort() 메서드는 알파벳 순서로 배열의 요소를 정렬하고, reverse() 는 그 것을 다시 역순으로 정렬합니다. 알파벳 역순으로 정렬 합니다. 아래의 원래 배열의 요소들을 sort() 메서드로 정렬해 보겠습니다. 비교 함수 없이 sort() 한 경우 결과보기 비교 함수 사용하여 sort() 한 경우 결과보기 기본값으로, sort() 메서드는 값도 문자열로 ..

자바스크립트 배열 메서드 1/2 자바스크립트 배열의 강점은 배열 메서드 (array methods) 에 있습니다. toString() 메서드는 배열안의 요소를 콤마로 구분된 문자열로 반환합니다. 자바스크립트 toString() 메서드는 배열 안의 배열값을 콤마로 구분된 문자열로 변환해 줍니다. toString() 메서드는 배열안의 요소를 콤마로 구분된 문자열로 반환합니다. 결과 : t,o,S,t,r,i,n,g join() 메서드는 배열의 모든 요소를 하나의 문자열로 조합해 줍니다. 그런데 이때, join() 메서드를 사용하면 콤마 대신 다른 문자를 삽입하여, 모든 배열의 요소를 하나의 문자열로 조합할 수 있습니다. 즉 toString() 과 완전히 동일한데, 다만 구문 문자 (separator) 를 지정..

자바스크립트 배열 자바스크립트 배열 (JavaScript Arrays) 은 하나의 변수 (a single variable) 에 여러개의 값 (multiple values) 을 저장할 때 사용됩니다. 배열 (array) 은 한번에 하나 이상의 값 (value) 을 가질 수 있는 특별한 변수 입니다. 위의 예에서 myRoom2 라는 하나의 변수에 여러개의 항목 즉, desk, bed, bookshelf 등을 저장할 수 있었습니다. 이와 같이 배열 (array) 은 하나의 이름에 여러개의 값 들을 담을 수 있고, 이들 값 들에 인덱스 번호 (index number) 를 참조하여 접근 (access) 할 수 있습니다. 자바스크립트 배열 (JavaScript Array) 을 생성하는 방법은 배열 이름 (array..

자바스크립트 날짜 메서드 날짜 메서드는 날짜 값 들 (년, 월, 일, 시, 분, 초, 밀리초) 을 구하거나, 설정할 수 있게 합니다. 날짜 겟 메서드 (Date Get Methods) 는 날짜의 일부를 얻는데 사용됩니다. 메서드설명 getDate()일자 (1 일 에서 31 일) 을 숫자로 가져옵니다. getDay()요일 (0 에서 6 까지) 을 숫자로 가져옵니다. getFullYear()4자리 년도 (yyyy) 를 가져옵니다. getHours()시간 (hour, 0 시에서 23 시) 을 가져옵니다. getMilliseconds()밀리 초 (milliseconds, 0 에서 999 밀리초) 를 가져옵니다. getMinutes()분 (minutes, 0 분에서 59 분) 을 가져옵니다. getMonth()월..

자바스크립트 날짜와 표시 형식 자바스크립트 날짜 객체 (JavaScript Date object) 는 날짜 즉, 년, 월, 일, 시, 분, 초, 천분의 1초 (years, months, days, hours, minutes, seconds, 및 milliseconds) 를 다루는데 사용됩니다. 자바스크립트 날짜 표기 형식 (JavaScript Date Formats) 은 문자열로 하거나, 숫자로 표기 합니다. 즉 문자열로 표기할 경우, 아래 와 같습니다. Thu Jan 01 1970 09:00:01 GMT+0900 (KST) 아니면 위의 날짜를 숫자로 표기하면 아래와 같습니다. 1000 위에 숫자로 표기된 날짜가 1000이 된 것은, 그리니치 표준시 (GMT, Greenwich Mean Time) 기준으..

자바스크립트 수학연산 객체 자바스크립트 수학연산 객체 (JavaScript Math Object) 는 숫자에 대한 수학적 처리를 수행하게 합니다. 이 Math 객체에는 몇개의 수학연산 메서드 (mathematical methods) 가 있습니다. 0, 150, 30, 20, -8, -200 중에서... 가장 큰 값과 가장 작은 값은? Math.min() 과 Math.max() 는 인수 (arguments) 목록에 나열된 숫자 중에 가장 작은수, 또는 가장 큰수를 찾을 때 사용합니다. 0, 150, 30, 20, -8, -200 중에서... 가장 큰 값과 가장 작은 값은? Math.random() 는 0 (포함하고) 부터 1 (포함하지 않고) 까지 에서, 소수점 16째 짜리 까지의 무작위 수를 반환합니다...

자바스크립트 숫자 메서드 자바스크립트 숫자 메서드 (JavaScript number methods) 는 아래와 같은 것이 있습니다. 메서드설명 toString()숫자를 문자열로 반환합니다. toExponential()반올림 (rounded) 및 지수 표기 (exponential notation) 하여, 문자열 형태로 반환합니다. toFixed()반올림 (rounded) 및 소수점을 갖는 숫자 (a specified number of decimals) 로 표기하여, 문자열 형태로 반환합니다. toPrecision()지정한 길이로 숫자를 표기하여, 문자열 형태로 반환합니다. valueOf()숫자를 숫자 형태로 반환합니다. 모든 숫자 메서드는 새로운 값으로 반환합니다. 최초의 변수 (original varia..