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

자바스크립트 숫자 자바스크립트는 한가지 타입의 숫자만 가집니다. 숫자들은 소수점 (decimals) 이 있거나 또는 없을 수 있습니다. 또 아주크거나 너무 작은 숫자는 지수 표기법 (exponent notation) 으로 합니다. var myNumA = 34.00; // 소수점 (decimals) 을 갖는 경우 var myNumB = 34; // 소수점 (decimals) 이 없는 경우 var myNumC = 1e5; // = 100000, 지수 표기법을 사용한 경우 var myNumD = 1e-5; // = 0.00001, 음의 지수 표기법을 사용한 경우 자바스크립트 숫자는 항상 64-비트 (64-bit Floating Point) 부동 소수점 입니다. 다른 프로그래밍 언어와는 달리, 자바스크립트는 숫..

자바스크립트 문자열 메서드 2/2 아래 긴 문장의 단어를 모두 대문자로 바꾸어 봅시다. toUpperCase() 메서드로 대문자로 바꾸기 "Rehab" is a song recorded by Barbadian singer Rihanna (pictured) for her third studio album, Good Girl Gone Bad (2007). Def Jam Recordings serviced the song to contemporary hit radio in the United States on October 6, 2008, as the eighth and final single from the album, and released it in Britain as a CD single on Dece..

자바스크립트 문자열 메서드 1/2 자바스크립트 문자열 메서드 (JavaScript String Methods) 에는 다음과 같은 것이 있습니다. 메서드설명 charAt()특정 인덱스 (위치) 의 문자를 찾아 줍니다. charCodeAt()특정 인덱스에 있는 문자의 유니코드 (Unicode) 를 알려 줍니다. concat()두개 이상의 문자 (strings) 를 조합하여, 조합된 문자의 복사본 (copy) 을 돌려 줍니다. fromCharCode()유니코드 값 (Unicode values) 을 문자 (characters) 로 변환합니다. indexOf()문자열 (string) 에서 특정 값이 맨 처음 발견된 위치를 알려 줍니다. lastIndexOf()문자열 (string) 에서 특정 값이 맨 마지막 발견..

자바스크립트 문자열 자바스크립트 문자열 (JavaScript Strings) 은 텍스트를 저장하거나 조작하기 위해 사용됩니다. 문자열은 따옴표 안에 있는 어떤 텍스트도 될 수 있습니다. 단일 따옴표 ('') 또는 쌍따옴표 ("") 모두 가능합니다. 문자열 내부에서 따옴표를 사용하려면, 문자열을 둘러싸고 있는 따옴표와 혼돈이 없도록 하여야 합니다. 문자열의 길이 (String Length) 는 자체내에 내재된 프로퍼티 (the built in property) 인 length 로 알 수 있습니다. 문자열의 길이 (String Length) 는 자체내에 내재된 프로퍼티 (the built in property) 인 length 로 알 수 있습니다. 문자열의 길이 (String Length) 는 자체내에 내재..

자바스크립트 이벤트 HTML 이벤트 (HTML events) 는 HTML 태그에 발생하는 "어떤 것 (things)" 인데, 자바스크립트가 HTML 페이지에 사용되는 경우에는, 자바스크립트가 이러한 이벤트와 "상호 작용 (react)" 할 수 있습니다. HTML 이벤트는 브라우저가 한 것 이거나, 사용자가 한 어떤 것일 수 있습니다. HTML 이벤트에는 다음과 같은 것이 있습니다. HTML 웹 페이지가 로딩을 끝냈다. HTML 입력 필드 (input field) 가 변경되었다. HTML 버튼 (button) 이 클릭 되었다. 이벤트가 발생하였을 때, 무엇인가 해야 할 때가 있습니다. 자바스크립트는 이벤트가 감지 되었을 때, 코드를 실행하도록 해줍니다. HTML 에서는 이벤트 핸들러 속성 (event ha..

자바스크립트 변수의 유효 범위 자바스크립트 에서는 객체 (objects) 와 함수 (functions) 들도 또한 변수 (variables) 들 입니다. 자바스크립트 에서의 유효 범위 (scope, 스코프) 는, 접근할 수 있는 (access to) 변수들, 객체들, 함수 들의 설정입니다. 자바스크립트는 함수 유효 범위 (function scope) 를 갖는데, 이 유효 범위는 함수의 내에서, 변경될 수도 있습니다. 자바스크립트 지역 변수 (Local Variables) 들은, 자바스크립트 함수 (JavaScript function) 내에 선언되고, 그 함수에 대해 지역적 (LOCAL) 이 됩니다. 이 지역 변수 (Local variables) 들은 지역 유효 범위 (local scope) 를 갖고, 이..

자바스크립트 객체 실제 생활에서의 객체 (Objects), 프로퍼티 (Properties), 그리고 메서드 (Methods) 의 의미를 먼저 알아보겠습니다. 예를 들어 실제 생활에서, 의자가 하나 있다고 해보겠습니다. 이 의자가 무겁다 거나, 또는 색깔이 파란색 이라거나 하는 것은, 이 의자의 프로퍼티 들 (properties) 입니다. 한편, 이 의자가 사람의 엉덩이를 받칠 수 있다거나, 또는 심지어 날아다니는 기능이 있다거나 이런 것은 메서드 들 (methods) 입니다. chair.color = 파란색//프로퍼티 chair.weight = 무겁다//프로퍼티 chair.fly()//메서드 chair.sit()//메서드 일반적으로 의자들은 동일한 프로퍼티 들을 가지고 있습니다. 그러나 프로퍼티의 값들은..

자바스크립트 함수 자바스크립트 함수 (JavaScript Functions) 는 정해진 임무를 수행하기 위해 작성된 코드 들의 블록 입니다. 자바스크립트 함수는 (JavaScript function) "무언가가" 호출할 때 실행됩니다. 자바스크립트 함수 (JavaScript function) 는 함수 키워드 (function keyword), 그 다음 이름 (name), 그 다음 소괄호 (parentheses, () ) 로 구성됩니다. 함수의 이름은 문자 (letters), 숫자 (digits), 언더스코어 (underscores), 그리고 달러 표시 (dollar signs) 를 포함할 수 있습니다. (즉 변수 때 규칙과 동일 합니다). 소괄호 (parentheses, () ) 에는 파라미터 들이 콤마..

자바스크립트 자료형 자바스크립트 자료형 (JavaScript Data Types) 은, 문자열 (String), 숫자 (Number), 불리언 (Boolean), 배열 (Array), 객체 (Object) 등이 있습니다. 자바스크립트 배열 (JavaScript Arrays) 은 대괄호 (square brackets, [] ) 로 씁니다. 배열 항목 들은 콤마 (commas, , ) 로 구분합니다. var myPhone = ["아이폰", "갤럭시", "옵티머스"]; // 배열 배열의 번호 (Array indexes) 는 0 부터 시작합니다. 따라서 첫번째 항목은 [0], 두번째 항목은 [1], 이렇게 계속 됩니다. 자바스크립트 객체 (JavaScript Objects) 는 중괄호 (curly braces,..

자바스크립트 연산자 산술 연산, 등호 연산, 문자열 연산, 논리 연산 으로 구분하여 자바스크립트의 연산자에 대해 알아보겠습니다. 자바스크립트 산술 연산자 (JavaScript Arithmetic Operators) 는 상수나 변수의 산술 연산에 사용됩니다. +덧셈 -뺄셈 *곱셈 /나눗셈 (나누기하여 몫을 구함) %나누기 하여 나머지를 구함 ++증가 --감소 자바스크립트 할당 연산자 (JavaScript Assignment Operators, = ) 는 값을 변수에 할당하는데 사용됩니다. =x = yx = y +=x += yx = x + y -=x -= yx = x - y *=x *= yx = x * y /=x /= yx = x / y %=x %= yx = x % y 자바스크립트 문자열 연산자 (JavaS..