'자바스크립트'에 해당되는 글 23건

오늘은 자바스크립트의 출력문에 대해서 포스팅합니다.

JavaScript Source
document.write("내용");
위의 document.write가 출력 명령문이며 괄호() 안에 내용을 넣습니다.

예를 들어 Hello World라는 문구를 자바스크립트를 통하여 출력을 하려면
아래와 같은 소스를 작성하여 스크립트 태그 안에 넣습니다.

아래와 같이 작성하며 문자를 출력 할때
쌍따옴표 (") 또는 따옴표(')를 감싸 줍니다. "Hello World"
document.write("Hello World");
-------------------------
문자열 출력의 경우 따옴표로 사이에 입력을 했습니다.

숫자의 경우는 따옴표를 하지 않고 그냥 괄호 안에 작성합니다.
예를 들어 30을 출력하려면 다음과 같습니다.
document.write(30);
-------------------------
 이번엔 4칙 연산에 대해서 알아 봅시다.

4칙 연산

예를 들어 30 + 40 의 결과를 구해 본다면 30+40을 괄호 안에 작성 하면 됩니다.

더하기 +
document.write(30+40);

빼기 -
document.write(30-20);

곱하기 *
document.write(30*40);

나누기 /
document.write(30/2);

나머지 %
document.write(10%3);
다음과 같이하면 됩니다.
<script>
document.write(30+40);
document.write("<br  />");
document.write(30-20);
document.write("<br  />");
document.write(30*40);
document.write("<br  />");
document.write(30/2);
document.write("<br  />");
document.write(10%3);
</script>

따옴표 표현하기 \"
document.write("\"");

문자열의 연결 +

문자열의 연결이란 뜻은 Mickey 라는 단어와 Mouse 라는 단어를 연결 한다는 의미 인데요.
그렇게 함으로써 Mickey Mouse로 표현을 해 줄 수 있습니다.

문자열의 연결을 위하여 + 를 사용 하는데요
숫자의 경우는 3+3 하면 연산을 하여서 6으로 결과가 나옵니다만

문자열의 연결의 경우 "Mickey"+"Mouse" 라고 작성하면
결과는 Mickey Mouse가 나옵니다. 그럼 소스를 통해서 이해를 해봅시다.
document.write("Mickey"+"Mouse");

위 모든 내용을 종합하여 보면

 

 

 

결과값은

 

 

 

 

직장을 다니면서 투잡(알바/부업)으로 월급 많큼 수익을 얻고 싶으시다면  

아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사)

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

 

 

자바스크립트 란?

자바스크립트를 소개해보고자 합니다.

지금은 HTML5,CSS3를 통하여 홈페이지에 동적 효과를 나타내는게 가능하지만

HTML5, CSS3가 나오기 전에는 자바스크립트를 이용하여 여러가지 다양한 효과를 구현했습니다.

그 외에 우리가 어떤 홈페이지를 가입할 때 다음과 같은 현상을 본적이 있으실 것입니다.

 "아이디 미 입력시 아이디를 입력해 달라는 문구
비밀번호가 서로 일치하지 않다는 문구
이메일을 형식에 맞게 입력해 달라는 문구"

위와 같은 경우도 있으며 또 한 어떠한 이미지 위에 마우스 포인터를 올리면

다른 이미지가 변경되거나 더 강조하는 이미지로 변경되거나 하는 작업등에 쓰이는게

 바로 자바스크립트로 구현한 것입니다.

자바스크립트는 기본 문서는 HTML문서의 head태그 안에서 사용합니다.

 

자바스크립트 소스를 넣는 곳은 head와 head 사이이다.
-------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트 시작</title>
<script>
// 이곳에 자바스크립트 소스를 넣습니다.
</script>
</head>
<body>
</body>
</html>

 

 

 

직장을 다니면서 투잡(알바/부업)으로 월급 많큼 수익을 얻고 싶으시다면  

아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사)

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

 

 

 

홈페이지를 만들때 가장 기본이 되는 것이 html 구조입니다.

그래서 오늘은 홈페이지의 골격이 되는 구조는 어떻게 만드는지 알아보겠습니다

 

 

위의 소스가 HTML의 기본 구조 입니다.

각 태그는 <태그명>으로 시작하여 </태그명>으로 끝나며 모두다 그런것은 아닙니다.

<img />나 <br /> 태그등과 같은 단독 태그를 제외 하고는 거의 대부분의 태그들은 위와같은 법칙을 같습니다.

단독 태그는 끝에 /를 붙이고 닫아야 합니다. 예를 들어 <img src="url" /> 와 같이 사용 합니다.

지금은 무슨말인지 잘 모르실수 있습니다. 그냥 넘어 갑니다.

위의 기본 문서에서 head안에는 html문서에서 필요한 정보를 넣습니다.

title은 제목을 넣는 태그 입니다.

네이버를 접속해 보시면 홈페이지 상단에  네이버 :: 나의 경쟁력, 네이버 라는 글씨가 보입니다.

<title>네이버 :: 나의 경쟁력, 네이버</title>

라고 title 태그를 웹퍼블리셔가 네이버를 만들때 넣었기 때문에 그렇게 나오는 것입니다.

그외에도 문자 인코딩 이라든지 자바스크립트,스타일시트등을 넣는데요 나중에 차차 알아갑시다.
처음부터 이것저것 하면 머리 아파서 금방 포기하게 됩니다. body 태그에는 실질적인 홈페이지에 출력될 내용을 넣습니다.
웹브라우저에 안녕하세요를 출력하고 싶다면 저 body문안에 안녕하세요를 적으면 되는것이죠.

그럼  오늘은 이것으로 html소개는 마치고 강좌에서 뵙겠습니다.

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,