Blog Content

선택문으로 switch~case문을 사용하겠습니다. 예제입니다. 파일에는 if문, case문 예제가 포함 되어있습니다.

제어문에는 3가지가 있습니다. 조건문 / 반복문 / 분기문으로 조건문으로는 if~else문, switch~case문 반복문으로는 for문, while문, do문 기타(점프문)으로는 continue문, break문, goto문 if~else문 예제 파일 입니다. (파일을 실행한 후 결과값을 확인 해주세요)

기본적으로 JavaScript 에서는 총 3가지가 있습니다. 경고 대화상자 : alert, 확인 대화상자 : confirm(), 입력 대화상자 : prompt() ( 나머지는 윈도우 폼, 또는 레이아웃으로 표현 ) 예제입니다. //경고 대화상자 window.alert("안녕하세요"); //확인 대화상자 var flag = window.confirm("남자 또는 여자?"); var msg = (flag == true) ? "남자군요..." : "여자다!!"; window.alert(msg); //입력 대화상자 var age = window.prompt("당신의 나이는?", "입력하세요"); window.alert("당신의 나이는" + age + "입니다.");

증감연산자는 변수의 값을 증가 또는, 감소하는 것입니다. 증가 : ++ 값을 1증가 감소 : -- 값을 1 감소 전위 : 변수 앞에 -선 증감 후 대입 후위 : 변수 뒤에 - 대입 후 증가 파일안에 주석으로 설명 추가 했습니다. 실행결과는 파일에서 참고해주세요.

대입연산자 기호로는 다음과 같습니다. ( =, +=, -=, *=, /=, %= ) 예제입니다. 1 8~9줄 : 학생개발자들이 많이 사용하는 방법으로 쉽게 이해가 가는 방법입니다. 하지만 현업 개발자분들께서는 이런 방법으로 하기 보다는 1byte라도 줄이기 위해 아래와 같은 방법으로 사용합니다. 8 : a += b; 9 : c+= a;

조건에 따라 두 값중 하나를 연산결과로 전달 하는 방법입니다. 형식은 다음과 같습니다. (조건) ? 변수1 : 변수 2 조건이 참이면 앞 문장(변수1), 거짓이면 뒷 문장 수행(변수2) 예제입니다.

논리연산자는 &&(AND), ||(OR), !(NOT)이 있습니다. 논리연산자는 true 와 false 값을 갖고 있습니다. 좌변 우변 연산결과 || && ^ false(0) false(0) 0 0 0 false(0) true(1) 1 0 1 frue(1) false(0) 1 0 1 true(1) true(1) 1 1 0 결과는 모두 true 가 나오게 됩니다.

관계(비교)연산자 입니다. 조건에 따라 실행 할 수 있도록 가능 합니다. 두 값을 비교해서 값이 같다(참/TRUE),다르면 (거짓/FALSE) 값을 반환하는 방법입니다. == : a와 b가 같다 ( a==b ) != : a와 b가 같지 않다 ( a!=b ) > : a보다b가 작다 (a > b) = : a보다 b가 작거나 같다 ( a>=b )

산술연산자 : +, -, *, /, % "10" 문자로 읽는다. JavaScript 에서만 사용되며 다른 개발툴에서는 애러로 표시 됩니다. 10 % - 3 -> 몫 : 3, 나머지 : 1, 결과값 : 1(나머지값)

변수란 - 프로그램에서 사용되는 데이터를 임시 보관하는 "저장공간 그릇" 변수 이름 짓는법 : 일반적으로 파스칼 표기법, 헝가리언 표기법, 낙타 표기법을 사용 .Net에서는 낙타표기법을 주로 사용합니다. 기타( C#/JAVA ) 예제1 - 변수 사용 방법 예제2 - 변수 이름 파스칼 표기법 - my_num : _(언더바)로 구분 ( C/C++ ) 헝가리언 표기법 - strnum : 접두사(str,int...)로 구분 ( VB ) 낙타 표기법 - myFirstNum : 두번째 단어 이후의 첫 글자를 대문자로 구분 ( C#/JAVA ) 3가지 방식 혼용 - intMyAge : 현대에 많이 사용되는 방법입니다.

메세지 박스 예제입니다. //예제1 document.write("문서 영역에 결과 값 출력 "); window.document.write( "window 객체는 생략 가능 "); //예제2 window.alert("메시지박스 결과 값 출력"); window.alert(" \"메시지박스\" 결과 값 출력"); alert("역시 window 객체(개체)는 생략 가능"); 메세지 박스에는 태그 사용이 안됩니다. " " 안에 사용되는 속성 사용시에는 ' ' 로 사용하며 시작과 끝을 맞춰야 합니다. 태그에서는 " " 사용했지만 JavaScript 에서는 ' '로 표시합니다. ( JavaScript 안쪽 태그는 ' '로 표시 해야 합니다. ) 명령어 중에서 Window. 생략가능합니다. 메세지 박스 안에 " " 표..

객체(Object) : 데이터를 갖고 동작을 수행 가능하게 할 수 있는것 속성(Propety) : 객체가 지니고 있는 성질, 특성, 색상 등을 표현 가능 한 것 메서드(Method) : 객체의 동작 수행 시키는것 ( 내용 ) 이벤트(Event) : 객체의 동작 수행의 결과 ( 이벤트 핸들러 ) 예제) 웹 브라우저 안에 출력(body부분) 웹브라우저 타이틀 부분으로 제목 click : click 이벤트 onclick : click 이벤트 발생시 실행할 onclick 이벤트 핸들러(처리기)

예제를 통해 설명하겠습니다. 기본 자바스크립트 선언 방법입니다. JavaScript 선언 할 때 JavaScript 버전별로 선언 할 수 있습니다.(1.2버전을 추천) 주석문 사용 예제 입니다. 경고 대화상자 표시 방법입니다. 이중 재일 많이 사용하는 방법은 첫번째 입니다.

태그내에 자바스크립트 정의 하는 예제 입니다. 기본 에 버튼 모양위에 마우스 포인터가 올라가면 색상이 바뀌고, 마우스 포인터가 버튼 밖으로 나가면 원래 색으로 돌아오도록 하는 예제입니다. 에 JavaScript 언어 사용, On이 앞에 붙은 속성은 JavaScript 명령어입니다. onclick="윈도우 메세지 박스를 나타냄" onmouseover="마우스가 해당 영역에 들어 왔을때의 스타일 지정" onmouseout="마우스가 해당 영역에서 나갔을때의 스타일 지정" 한번 확인해보세요.

자바스크립트 코드를 외부에 작성하여 불러오기가 가능합니다. ( CSS의 외부스타일시트과 같은 방법 ) 기본예제입니다. 경로지정입니다. js파일은 자바스크립트 명령어만 들어올 수 있습니다. 외부경로로 js파일을 생성후 js파일에 자바스크립트 명령어를 입력합니다. 예) window.alert("외부에 자바스크립트 코드 사용"); document.write("메시지박스 출력 후 문서 영역에 출력");