BackCoder

=> 아주 많이 사용하는 기능! - 마우스 클릭 / 키보드 입력 => 이벤트 - 버튼클릭 이벤트 발생시 후속조치 => 이벤트 처리(핸들) - 함수 생성 => 이벤트 처리기 1. HTML로 버튼 만들고 ( 이벤트 소스 생성 ) [ 이벤트 처리가 내장된 버튼들 ] 얘넨 기본으로 내장되어있고, button 같은건 아무 기능이 없으므로 => 여기에 후속 이벤트처리 기능을 연결해놓는것 2. 이벤트 종류 정하기 ( onclick ) 3. 후속 동작 함수 생성 ( 이벤트 처리기 ) 4. 이벤트 처리기 등록 (1) onclick 방식 - HTML 속성에 onclick 속성으로 연결 이벤트종류 = '이벤트함수( )' - onXXXX 이벤트종류 => HTML 속성에 의존 => ..

[ 웹브라우저 입출력 ] [ document.write ] : 기본 웹브라우저에 출력기능 - 엔터처리 없음 => 태그 이용 ( 문자열 + "태그" ); document.write ( "안녕하세요" + " " ); document.write(" 이렇게 태그사용 가능 "); - wrtieln : 띄어쓰기 한칸 해줌 - document.write 을 사용하면, Web 에 보여지던 HTML body 내용을 다 지우고, => write 한 값만을 표시한다. [ alert( ); ] - 팝업창 => 모달(modal) 상태 : 확인 버튼 클릭해야 브라우저 보임 - 위치 상관없이, 맨 처음 실행 됨 - 문자열이 들어가고, 여기선 \n 으로 줄 구분 가능하다. - window : 최상위 객체 여기에 내장된 함수 사용하는..

[ typeof( i ) ; ] - 변수 타입 출력해줌 (String number) [타입종류 6] number : 정수 / 실수 string : " " / ' ' / ` ` boolean : true/false undefined : 할당값 없음을 의미 function : 함수 object : 객체 [parseInt] parseInt(10/3) => 3 : (실수 = >정수 변환) parseInt("3.1415") => 3 : (문자열->정수 변환) => 둘다 가능 parseInt("abc") => NaN (Not a Number) - 숫자아닌 문자주면 NaN 출력 parseInt("10ten") => 10 - 숫자만 뽑아서 준다. (문자나오기 전까지는) [parseFloat] => 실수 변환 [Numb..

[ 변수 선언 / 할당 ] var / i / = / 10 하나하나를 다 토큰이라 부른다. 1. var i = 10; : 변수선언 / 할당 - 자바와 마찬가지로 = 는 대입, 할당 의미. - 여러개 한번에 가능 var a=1, b=2, c=3; var i; 이렇게만 선언 만 해두면, => undefined 할당된 상태 i = 20; (- 자바에서처럼 재할당) => 20 출력됨 + 추가기능 변수 선언 없이 바로 a = 100; 이렇게 할당하면 JS가 자동으로 전역변수 위치에 ( 모두 적용될 수 있는 위치 ) var a; 를 선언한 것으로 간주한다. 즉, a = 100; var a = 50; => 50 이런식의 순서로도 사용이 가능해져 버린다. : 변수..

[ JavaScript ] - 인터프리터 언어 ( Script ) : 컴파일 안하고 한줄한줄 실행 - 동적 타입 언어 : 변수 타입이 동적으로 바뀐다. (미리부터 정해져있지 않음) var i = 100; var k = "javascript"; - var 같이 통용되는 변수타입 하나로 사용 - ECMA : Script 언어 표준문법 (JavaScript 도 에크마 표준 적용) ecma5 / 6(최신버전) - 6버전에 들어와 새로 도입된 기술들이 있고, 많이 쓰이는 추세이다. - JS 는 기본 웹클라이언트 기술 => 웹 브라우저는 자바스크립트 실행기능을 내장 - JS 에서 서버 실행 기술까지 사용하는 최신기술 => Node.JS 이 조합만으로도 웹개발 가능 ( 최신추세 ) 기본 조합 ( 아직 많이 사용됨 )..