Whiteship's Note


JavaScript Where To ...

AJAX/JavaScript : 2007.07.09 12:11


참조 : http://www.w3schools.com/js/js_whereto.asp

예제
Header 영역에
<head>
<script type="text/javascript">
function message()
{
alert("This alert box was called with the onload event")
}
</script>
</head>
- 함수를 담고 있는 자바스크립트를 헤더 영역에 둔다. 그렇게 함으로써 함수가 호출되기 전에 로딩되어 있으리란 것을 확신할 수 있다.

body 영역에
<body>
<script type="text/javascript">
document.write("This message is written when the page loads")
</script>
</body>
- 자바스크립트를 실행하는 코드는 바디에 둔다.

외부 스크립트
<script src="xxx.js">
</script>
- 밖에 있는 스크립트 파일을 사용할 수 있다.

자바 스크립트를 어디에 넣어야 하는가
자바스크립트는 항상 페이지가 로딩 될 때 실행 될 것이다. 이것이 대부분 우리가 원하는 것이긴 하지만 때때로 사용자가 이벤트를 발생할 때 마다 실행하고 싶을 수 있다.

- 헤더 영역에 있는 스크립트 :: 페이지의 헤더가 로딩 될 때와 사용자가 이벤트를 발생시켰을 때 호출될 수 있다. 헤더 영역에 스크립트를 둘 때는 항상 그 코드가 사용되기 전에 미리 로딩되어 있어야 하는지 생각해 봐야 한다.
- 바디 영역에 있는 스크립트 :: 페이지의 바디가 로딩 될 때 실행될 것이다. 바디 영역에 두면 페이지의 컨텐츠를 생성한다.
- 둘 다 사용하기 :: <script> 태그 사용에 별다른 제한이 없기 때문에 헤더와 바디 둘 다 넣을 수 있다.

외부 자바스크립트 사용하기
여러 페이지에서 사용할 공통의 자바스크립트를 매 페이지 마다 적지 않아도 된다. 이런 경우 별도의 파일로 빼내어 .js 확장자로 저장하면 된다.
자바스크립트 파일을 사용하기 위해서는 <script> 태그의 src 속성을 사용하면 됩니다.

'AJAX > JavaScript' 카테고리의 다른 글

JavaScript Try...Catch Statement  (0) 2007.07.09
JavaScript Events  (2) 2007.07.09
JavaScript For Loop와 While Loop  (1) 2007.07.09
JavaScript Functions  (0) 2007.07.09
JavaScript Popup Boxes  (0) 2007.07.09
JavaScript Operators  (0) 2007.07.09
JavaScript If...Else와 Switch Statement  (0) 2007.07.09
JavaScript Variables  (0) 2007.07.09
JavaScript Where To ...  (0) 2007.07.09
JavaScript How To ...  (0) 2007.07.09
Introduction to JavaScript  (0) 2007.07.09
top


JavaScript How To ...

AJAX/JavaScript : 2007.07.09 11:59


참조 : http://www.w3schools.com/js/js_howto.asp

화면에 글자 쓰는 예제

document.write("Hello World!")

글자를 쓰면서 포매팅 하는 예제


document.write("<h1>Hello World!</h1>")

HTML 안에 자바스크립트를 어떻게 쓸까

<html>
<body>
<script type="text/javascript">
document.write("Hello World!")
</script>
</body>
</html>

예제 설명

<script> 태그를 사용하여 자바스크립트를 삽입할 수 있으며 type 속성을 사용하여 자바스크립트 임을 명시한다.
따라서 <script type="text/javascript"> 와 </script> 가 자바스크립의 시작과 끝을 나타낸다.

document.write 는 표준 자바스크립트 명령어로 페이지에 출력할 때 사용합니다. 이 부분이 <script type="text/javascript">와 </script>로 둘러 쌓여 있기 때문에 자바스크립트로 인식하고 실행하게 됩니다. 만약에 스크립트 태그로 둘러쌓여있지 않았다면 일반 텍스트로 처리하여 그대로 화면에 보여졌을 것입니다.

세미 콜론을 매 행마다 넣어야 하는가?

그렇지 않습니다. 세미 콜론은 선택적인 요소 입니다. 따라서 한 줄에 여러 문장을 적을 경우에 각 문장을 구분하기 위해 쓰는 용도 이외에는 안써도 됩니다.

옛날 브라우저들은 어떻게 처리하나?

자바스크립트를 지원하지 않는 예전 브라우저들은 자바스크립 내부의 내용들을 본문으로 인식합니다. 따라서 다음과 같이 HTML 주석으로 묶어 줍니다.
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>




'AJAX > JavaScript' 카테고리의 다른 글

JavaScript Try...Catch Statement  (0) 2007.07.09
JavaScript Events  (2) 2007.07.09
JavaScript For Loop와 While Loop  (1) 2007.07.09
JavaScript Functions  (0) 2007.07.09
JavaScript Popup Boxes  (0) 2007.07.09
JavaScript Operators  (0) 2007.07.09
JavaScript If...Else와 Switch Statement  (0) 2007.07.09
JavaScript Variables  (0) 2007.07.09
JavaScript Where To ...  (0) 2007.07.09
JavaScript How To ...  (0) 2007.07.09
Introduction to JavaScript  (0) 2007.07.09
top


2. JavaScript Basics

AJAX/18주 완성 : 2007.07.09 11:46


참조 : http://www.javapassion.com/ajaxcodecamp/
헐... 동영상 강의는 1주차가 끝인가 보군요.

2주차에서는 자바스크립트를 공부해야 합니다.

선수 학습 : http://www.w3schools.com/js/default.asp
본 강의 : PDF: 1 slide per page
실습 : Online lab document
숙제 : Homework

선수 학습 부터 해야겠군요.
원래는 하루에 한 주차씩 끝낼 계획이였는데..이번엔 정말 일주일이 걸릴지도 모르겠네요.



'AJAX > 18주 완성' 카테고리의 다른 글

4. Ajax Application Examples  (0) 2007.07.16
3. Ajax Frameworks and Toolkits  (0) 2007.07.12
2. JavaScript Basics  (0) 2007.07.09
1. Ajax Basics & Development Tools  (0) 2007.07.06
top


Introduction to JavaScript

AJAX/JavaScript : 2007.07.09 11:42


참조 : http://www.w3schools.com/js/js_intro.asp

자바스크립트를 공부하기 전에 알아야 할 것
- HTML/XHTML

자바스크립트란 무엇인가?
- HTML 페이지에 상호작용성을 추가하기 위해 만들어졌다.
- 스크립트 언어다.
- 스크립트 언어는 가벼운 프래그래밍 언어다.
- 자바스크립트는 실행 가능한 라인들로 구성된다.
- 보통 HTML 페이지에 내장되어 사용된다.
- 인터프리티드 언어. 즉 해석되어 있는 언어. 다시 말해 컴파일이 필요없는 언어다.
- 무료다.

자바와 자바스크립트는 같은가?
- 완전 다르다.

자바스크립트로 무엇을 할 수 있는가?
- HTML 디자이너도 쉽게 사용할 수 있는 프로그래밍 언어를 제공한다.
- HTML 페이지에 동적으로 텍스트를 삽입할 수 있다.
- 이벤트에 반응할 수 있다.
- HTML 엘리먼트를 읽고 쓸 수 있다.
- 데이터 검증을 위해 사용할 수 있다.
- 방문자의 브라우저에 대한 정보를 알 수 있다.
- 쿠키 생성을 할 수 있다.

'AJAX > JavaScript' 카테고리의 다른 글

JavaScript Try...Catch Statement  (0) 2007.07.09
JavaScript Events  (2) 2007.07.09
JavaScript For Loop와 While Loop  (1) 2007.07.09
JavaScript Functions  (0) 2007.07.09
JavaScript Popup Boxes  (0) 2007.07.09
JavaScript Operators  (0) 2007.07.09
JavaScript If...Else와 Switch Statement  (0) 2007.07.09
JavaScript Variables  (0) 2007.07.09
JavaScript Where To ...  (0) 2007.07.09
JavaScript How To ...  (0) 2007.07.09
Introduction to JavaScript  (0) 2007.07.09
top


1. Ajax Basics & Development Tools

AJAX/18주 완성 : 2007.07.06 16:04


1주차 강의
http://www.javapassion.com/ajaxcodecamp/#Ajax_Basics__Development_Tools

기억나는 내용
- RIA가 나온 배경이 PPT 첫 부분에 나옴.
사용자 삽입 이미지
- 그 다음 여러 RIA의 기술들을 간략하게 장, 단점을 살펴봤습니다.
- 그 다음 AJAX를 예제와 함께 구동 원리를 설명했습니다.
사용자 삽입 이미지
- AJAX 관련 이슈들을 마지막으로 끝났습니다.
사용자 삽입 이미지
사용자 삽입 이미지
- 실습이 빡쎕니다. deprecated된 것 까지 6개가 있지만 그 중에 마지막 JSUnit 예제는 포기;;
- 예제와 진행이 NetBeans 기반이지만 Eclipse에서 따라하기가 아직까지는.. 별로 어렵지 않습니다.
- 실습이 빡쎈데 숙제까지 있습니다.
사용자 삽입 이미지
사용자 삽입 이미지
- DOM API와 InnerHTML을 알아야겠습니다.

'AJAX > 18주 완성' 카테고리의 다른 글

4. Ajax Application Examples  (0) 2007.07.16
3. Ajax Frameworks and Toolkits  (0) 2007.07.12
2. JavaScript Basics  (0) 2007.07.09
1. Ajax Basics & Development Tools  (0) 2007.07.06
top

TAG Ajax