javaScript (4) 썸네일형 리스트형 JAVASCRIPT 활용 (3) JAVASCRIPT js파일 및 css파일을 나눠서 관리 나눠서 파일 관리 방법 : * window.onload는 한번만 실행된다. * 실행되는 파일의 onload가 우선순위이다. * 그 다음 우선순위는 나중에 호출되는 js파일이 우선순이이다. 실행 결과 JAVASCRIPT 기능 (1) .focus() : 해당하는곳에 초점을 맞춰준다 type="password" : 한글 입력 불가 onchange="" : 커서가 다른곳으로 이동 할 때 실행 결과 JAVASCRIPT 기능(2) confirm() : '확인', '취소' 문구를 띄어줌 addEventListener(기능, 함수) : 기능을 실행했을 때 함수로 이동 window.open() : 새 창 열기 (_self : 창 그대로 유지, default = 새.. JAVASCRIPT 활용 (2) JAVASCRIPT 배열 배열 추가(변경) 방법 : 배열명[인덱스명] = "값"; .join() : 배열 사이에 넣을 값 지정 (default = ,) (타입 = String) 실행 결과 JAVASCRIPT 배열 (2) 배열명.push() : 배열 맨 뒤에 값을 추가 배열명.pop() : 배열 맨 뒤 값을 삭제 배열명.unshift() : 배열 맨 앞에 값을 추가 배열명.shift() : 배열 맨 앞에 값을 삭제 배열명.concat() : 해당 배열을 복사한다 (복사 후 추가도 가능) 실행 결과 JAVASCRIPT 배열 (3) 배열명.forEach(함수); : 단순출력, 연산 (return값을 가질 수 없다) 배열명.map(함수); : return값을 가질 수 있다 * 함수를 생성해서 넣을수도 있고, 생.. JAVASCRIPT 활용 JAVASCRIPT 함수 기능 (1) 함수 생성 방법 : function 함수명() {} 함수 호출 방법 : 함수명(); 실행 결과 JAVASCRIPT 함수 기능 (2) 실행 결과 JAVASCRIPT 함수 기능 (3) * return으로 여러개 값을 돌려주려면 배열 or object 타입 사용 가능 꺼내오는 방법 : 함수명[인덱스] or 함수명["키 값"] or 함수명.키 값 실행 결과 JAVSCRIPT 함수 기능 (4) * 함수 이름이 같으면, 인자 개수가 달라도 마지막 함수만 실행 * arguments를 통해 매개변수의 개수 제한없이 받아올 수 있다 실행 결과 JAVASCRIPT 즉시 실행 함수 즉시 실행 함수 표현식 : (function 함수명(){})(); * 즉시 실행 함수에 값을 전달해 줄 때.. JAVASCRIPT 기초 JAVASCRIPT란? JAVASCRIPT 변수 JAVASCRIPT 기능 (1) 사용 방법 : * 문자열을 사용할때는 ', " 둘다 사용 가능하다 console.log() : 콘솔창에 출력 typeof 변수명 : 변수의 자료형 확인 * console.log()로 출력한 내용은 F12 → Console을 통해 확인 가능 * 자료형 제한이 없다 * 에러가 발생해도 실행은 가능하다 실행 결과 JAVASCRIPT 기능 (2) prompt() : 문자열 형식으로 입력한 값을 받아옴 document.write : 현재 페이지에 출력 * `(backtick)을 사용하면 ${변수명}을 사용하여 출력 가능 // : 주석 변수 타입.toString() : 문자열로 형변환 (변수 타입+ "") : 문자열로 형변환 실행 결과.. 이전 1 다음
