🔻Date 객체🔻 자바스크립트는 클래스가 없어서 내장 객체라는 것을 제공하여 그것으로 객체를 생성한다. 날짜/시간을 표현할 때는 Date 객체를 사용한다. 현재 날짜/시간 가져오기 자바스크립트는 date자료형이 없고 number, string, boolean 외의 object로 다룬다. 요소 추출 getDate(), getMonth(), getFullYear(): 날짜를 반환한다. getHours(), getMinutes(), getSeconds(): 시간을 반환한다 . 출력하기 toString() : 문자열로 변환하여 출력합니다. toLocaleString() : 현재 날짜와 시간을 지역화된 문자열로 반환한다. toLocaleDateString() : 현재 날짜를 지역화된 문자열로 반환한다. toLoc..
🔻문자열 함수🔻 길이, 검색, 대소문자 변환, 추출, 치환, 공백제거, 분할, 검색, 자릿수 채우기 등이 있다. 거의 자바와 사용법이 유사하다 문자열 길이 length : 문자열의 길이를 반환한다. 검색 indexOf(substring), lastIndexOf(substring): 부분 문자열의 첫 번째 등장 인덱스와 마지막 등장 인덱스를 반환한다. 찾지 못한 경우 -1을 반환한다. 대소문자 변환 toUpperCase() : 문자열을 모두 대문자로 변환한다. toLowerCase() : 문자열을 모두 소문자로 변환한다. 추출 substring(start, end) : 지정한 인덱스의 문자들을 잘라내어 새로운 문자열을 반환한다. substr(start, end) : 문자열에서 지정한 위치부터 지정한 길이만..
🔻형변환, Casting🔻 형변환 내장 함수(Built-in Function) 1. number parseInt(value) : value를 정수로 변환한다. 2. number parseFloat(value) : value를 실수로 변환한다. number parseInt(value) 변수의 값을 절삭하여 정수로 반환한다. 숫자를 문자형으로 표현한 데이터도 정수로 변환이 가능하다. 단, 문자데이터만 있는 경우 NaN 값을 반환한다. (NaN : Not a Number, 숫자가 아니다) 숫자가 앞에 나오면 앞에 나온 숫자만 인식하여 반환한다. javascript에서 css 조작할 때 위와 같이 사용하기도 한다. number parseFloat(value) parseInt 와 동일하다. boolean isNa..
🔻Scope, 스코프🔻 변수의 생명주기 및 변수 영역을 의미한다. 자바의 스코프 멤버 변수 : 클래스 전역에 존재 지역 변수 : 메소드&제어문 전역에 존재 자바스크립트의 스코프 전역 변수 : 한 페이지 내에서만 존재 var 키워드 없이 선언한 변수는 모두 전역 변수이다. 지역 변수 : 함수&제어문 전역 존재 자바스크립스트의 지역 변수는 함수 단위 지역변수이다. 함수만 자기 영역으로 인식한다.(함수 스코프) 제어문은 영역으로 인식을 못한다. 전역변수 지역변수 주의할 것❗ 1. 조건문 내에서 선언한 변수는 전역변수이다. 2. var 키워드 없이 선언한 변수는 모두 전역 변수이다.
🔻'값 없음' 표현🔻 1. null : 개발자가 의도적으로 비어놓은 상태 2. undefined : 변수가 선언된 직후 상태(초기화되기 전 상태) 🔻진성 비교 연산자🔻 일반 연산자 ==, != 자료형 비교를 하지 않는다. 값만 비교한다. 진성 비교 연산자 ===, !=== 자료형 비교와 값 비교를 한다. null과 undefined의 자료형은 같지 않다.
Java Method와 JavaScript Function 비교 Java Method public [static] int m1(int num) { return 10; } JavaScript Function function m1(num) { return 10; } JavaScript에서 자료형을 명시적으로 표현 불가능하다. Java JavaScript 변수 생성 int num var num 반환값 선언 int num 생략 배열 선언 int[] nums var nums 내장배열 내장 배열은 자바스크립트가 스스로 만들어서 제공하는 배열이다. arguments : 함수의 실인자값들을 저장하는 내장 배열 가독성의 문제로 사용을 지양한다.
🔻datatype🔻 1. number 숫자형(정수, 실수) 2. string 문자/문자열 3. boolean 논리형 4. object 객체형 JavaScript에는 클래스의 개념이 없다. JavaScript는 이미 만들어진 클래스의 객체는 있다. 자바는 객체 지향 프로그래밍, 자바스크립트는 객체 기반 프로그래밍 언어이다. 5. 기타(상수) null undefined NaN(not a number) 🔻변수, 상수(리터럴) 선언🔻 var 변수명; JavaScript는 변수 타입이 없다. 변수는 모든 자료형의 데이터를 저장할 수 있다. 홑따옴표, 쌍따옴표 구분없이 사용할 수 있다. 현재 변수나 상수의 자료형을 확인할 수 있는 연산자가 존재한다. type of 변수(상수)
JavaScript 구문의 실행 순서 동기(문장 순서대로 진행) 위에서 아래로 진행한다. 연산자 우선순위대로 JavaScript 디버깅 값을 확인할 때 출력하여 확인한다. 1. alert(값); 팝업창이 뜬다. 2. console.log(값); 개발자 도구의 콘솔창에서 출력된다.
🔻HTML에 JavaScript 적용하는 방법🔻 이벤트 핸들러, 임베디드 방식, 외부 방식 등이 있다. 1. 이벤트 핸들러(Event Handler) 인라인 방식 태그에 직접 기재한다. 모든(대부분) 태그의 onXXX 속성을 제공한다. 2. 임베디드 방식 3. 외부 방식 js 확장자로 파일을 작성한다.
🔻front-end🔻 1. HTML 블럭태그로 골격을 생성한다. 인라인태그로 내용물을 작성한다. 2. CSS 서식 3. JavaScript 프로그래밍 기능 🔻JavaScript🔻 브라우저에서 동작하는 프로그래밍 언어 Netscape에서 자사 브라우저에 동작하는 프로그래밍 언어 개발했다. 기능이 적어 가볍고 쉽다. C 계열의 언어로 기본 구문이 자바와 유사하다. Java와는 무관하다. 원래는 LiveScript라고 불렸다. 🔻JavaScript의 역사🔻 초반(1990년대) : 폼태그 유효성 검사 + 링크 조작 + 이미지 조작 등 일부 태그의 BOM(Browser Object Model)의 기능을 수행했다. 중반(~2014년) : 모든 태그를 조작할 수 있는 DOM(Document Object Model)의..
