목록WebFront_/Java Script (14)
YJ의 새벽
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/BvCNE/btr0JPpZiOD/BfWq1CFtnLqpEQA9tDJvkk/img.png)
***** 마우스 관련 ***** 키 관련 ***** 폼 관련 ***** 로드/ 기타 관련 이벤트 (Event) -- 이벤트 : 동작 , 행위 -- > click, keydown , keypress , keyup , mouseover , mouseout , mouseleave , ........ -- 이벤트 리스너 ( Event Listener ) --> 이벤트가 발생하는것을 대기하고있다가 이벤트 발생이 감지되면 연결된 기능 (함수) 을 수행함. ex ) onclick, onkeyup , onchange, onsubmit ... ( on이벤트명 ) -- 이벤트 핸들러 ( Event Handler ) --> 이벤트 리스너에 연결된 기능 (함수) 이벤트가 발생했을 때 수행하고자 하는 내용을 작성하는 함수. ..
-- eval ( "코드형식의 문자열" ) --> 매개변수의 문자열을 JS 코드로 해석/수행 함수 --> 속도가 느림 + 보안 이슈로 인해 사용 X -- new Function 사용. -- new Function ( "return " + number+ string + number) () ; 간이계산기 만들기 첫번째 값 : 두번째 값 : + - * / % 계산결과 : const input1=document.getElementById("num1"); const input2=document.getElementById("num2"); const output1=document.getElementById("resultBox") function plus(){ output1.innerText=Number(input1...
변수 선언 위치에 따른 구분 **** JAVA = -- public class Student() { // 필드 ( 멤버변수 선언부 ) private String name; // 인스턴스 변수 public static String schoolName; // static변수, 클래스변수 // 메소드 public void method ( String name) { // 매개변수 ( ==파라미터 ) int num = 10; // 지역변수 if ( num > 10 ) { int a = 20 ; // if 지역변수 } } } **** Java Script = -- script 언어는 중간에 에러 발생 시 해석을 멈춤. var num1; // 전역 변수 num2 = 200 ; // 전역 변수 . (키워드없으면 전역변..
--onkeydown : 키가 눌러졌을때. --onkeypress : 키가 눌러지고있을때. --onkeyup : 키가 다시 올라올때. -- scrollTop = 스크롤위치 : 스크롤위치로 이동한다. 카카오톡 채팅화면 만들기 입력되는 채팅출력 입력되는 채팅출력 입력되는 채팅출력 입력
DOM (Document Object Model) -- 웹 문서(HTML)의 모든 요소를 객체 형식으로 표현하는 방법 --> 문서 내 특정 요소에 접근하는 방법을 제공 DOM 을 이용한 요소 접근 방법 1. id 속성 값으로 접근하기 ( document . getElementById ("id속성값") ; 2. class 속성값으로 접근하기 ( document . getElementsByClassName ( "class속성값" ); : 배열 arr[0], arr[1] ... 로 접근한다 . 3. name 속성값으로 접근하기 ( document . getElementsByName ("name속성값"); : 배열 arr[0], arr[1] ... 로 접근한다 . 4. tag name 으로 접근하기. ( doc..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/DQ54s/btr0xLhRazZ/j4dG2zQmyLCDZTeDSPEbyk/img.png)
스크립트 (Script) 언어 -- 기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도의 언어. -- 별도로 컴파일을 진행하지 않고 인터프리터 (interpreter)를 이용하여 소스코드를 한 줄씩 읽어 바로 실행. --> 컴파일에 소요되는 시간이 없음 , 대신 프로그램 실행 시간이 느림. Javascript 란? -- 웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체 지향 프로그래밍 언어. -- ECMA Script 표준을 따르는 대표적인 웹 기술이다 . 자바스크립트 작성 방법 1. 브라우저 콘솔에 직접 작성 2. 태그에 직접 JS 코드를 작성 ( inline ) 3. html 내부에 script 태그를 이용하여 작성 ( internal ) 4. html 외부에 파일 ( .js ) ..