오늘은 간단하게 태그들과 태그에서 사용할 수 있는 속성들을 살펴보도록 하겠습니다.



  • <body> : 웹페이지의 내용물들이 위치하는 태그
    <Body 속성="속성값" 속성="속성값">
                 웹 페이지 내용물
    </body>

    •  속성

    설명 

     TOPMARGIN="수치"

     상단 여백 지정 (수치의 단위는 픽셀) 

     LEFTMARGIN="수치"

     왼쪽 여백 지정 (수치의 단위는 픽셀)

     BACKGROUND="주소"

     배경 이미지 지정

     BGCOLOR="색상" 

     배경 색상 지정 (색상은 16진수의 6자리이거나 )

     TEXT="색상"

     글자 색상 지정 (특정 색상 지정 )     ex) TEXT="#ff00ff" or TEXT="red"

     LINK="색상"

     하이퍼 링크 색상 지정

     ALINK="색상" 

     하이퍼 링크를 마우스로 클릭할 때 색상 지정 (누르고 있으면 색상을 확인해 볼 수 있다)

     VLINK="색상" 

     이미 방문한 링크의 색상 지정

  • <!--   내용  --> : 주석처리하고 싶은 내용을 <!--       안쪽에 써주면 인식하지 못합니다        --> 

  • <font> : 글씨의 크기, 색상 글꼴 지정

    •  속성

    설명 

    SIZE="수치" 

    글자 크기 지정  ( 수치 범위 : 1~7 ,  Default : 3)

    COLOR="색상" 

    글자 색상 지정 

    FACE="글꼴" 

    글꼴 종류 지정 

  • <br> : 줄 바꾸기 (line break),  보통 글을 작성할 때 Enter친 것과 같은 효과입니다.
    내용 <br>

  • <p> : 단락(Paragraph)을 구분합니다.
        <p 속성="값">  내용 </p>
    <pre> : 작성한 형식을 그대로 유지합니다.
        <pre 속성="값"> 내용 </pre>

    •  속성

    설명 

    ALIGN 

     정렬시킵니다




저작자표시 비영리 변경금지

'Language > Javascript' 카테고리의 다른 글

7.javascript배열  (0) 2017.09.22
6.javascript 반복문  (0) 2017.09.22
5.javascript객체  (0) 2017.09.22
3.javascript 조건문  (0) 2017.09.19
2.Javascript 연산자  (0) 2017.09.19

이번에는 배열에 대해서 알아보겠습니다.


배열(Array)은 많은 데이터를 순번을 가지고 저장할 때 사용됩니다. 배열에는 원소라는 index번호를 할당받은 저장소가 있으며, 배열의 원소에 index로 접근하여 할당된 값을 읽어 올 수 있습니다. 많은 양의 데이터를 보관해야 할 때 배열을 사용하면 효율적으로 데이터를 관리할 수 있습니다. 


배열 생성

배열은 객체의 생성 방법과 유사합니다. 그럼 배열의 생성방법을 보겠습니다.

1
2
var arr = [];
var arr = new Array();
cs


배열 원소에 값을 할당하기

배열 원소의 index를 통해서 값을 할당해 주거나 배열을 생성하면서 동시에 값을 할당하는 것도 가능합니다. 

배열을 생성하고 값 넣기

1번 라인에서 []배열을 생성시켜 변수 fruits에 할당합니다. 그리고 변수 fruits를 통해서 배열의 원소 0~2index에 값을 각각 할당합니다. 

배열의 index는 0부터 시작하기 때문에 2번 라인에서 index0 에 값을 할당했습니다.

1
2
3
4
var fruits = [];
fruits[0] = "사과";
fruits[1] = "배";
fruits[2] = "바나나";
cs


배열을 생성하면서 값 넣기

1
var fruits = ["사과", "배", "바나나"];
cs

위의 두개의 배열의 값은 같습니다. 


fruits배열

  fruits[0]

  fruits[1]

 fruits[2] 

 사과

배 

바나나 


배열 원소의 값과 원소 갯수 얻어오기


1번 라인에서 배열을 생성해 주었고, 2번 라인에서 index 0에 해당하는 원소를 읽어왔습니다. 그리고 3번라인에서 length프로퍼티로 원소의 갯수를 변수 len에 할당하고 document에 출력합니다.

1
2
3
4
5
var fruits = ["사과", "배", "바나나"];
var apple = fruits[0];
var len = fruits.length;
document.write(apple);
document.write(len);
cs




저작자표시 비영리 변경금지

'Language > Javascript' 카테고리의 다른 글

HTML 태그 설명  (0) 2018.03.12
6.javascript 반복문  (0) 2017.09.22
5.javascript객체  (0) 2017.09.22
3.javascript 조건문  (0) 2017.09.19
2.Javascript 연산자  (0) 2017.09.19

안녕하세요 백자까입니다. 이번에 반복문에 대해서 알아보도록 하겠습니다. 

반복문(for, while, for in등)을 사용하면 동일한 일을 반복적으로 처리해야 되는 경우 한 번에 처리할 수 있습니다. 

반복문을 사용하면 코드양도 줄일 수 있고 개발의 효율성도 높일 수 있습니다. 반복문을 사용하면 코드양도 줄일 수 있고 개발의 효율성도 높일 수 있습니다. 또한 소스 수정 시 한번만 수정하면 모두 반영이 되기 때문에 작업이 수월합니다. 반복문에는 여러 종류가 있는데, 그 중 for문을 가장 많이 사용합니다. 그 외 while문과 for in문도 많이 사용합니다.


for문

for문의 기본 사용법은 다음과 같습니다. for()문을 선언하고 ()안에 시작값을 설정합니다. 그리고 비교 연산자를 통해서 마지막 값을 설정하고 증가 또는 감소연산자가 사용하고 세미콜론(;)으로 구분합니다. 

for(시작; 끝; 증가 or 감소) {

}


for문을 사용하여 변수 i의 값을 2씩 5번 증가 시켜 document에 출력하기

for()문을 선언하고 시작값으로 변수i에 숫자2를 할당하고 변수i가 10보다 작거나 같은동안 i를 2씩 증가시키며 출력합니다.

1
2
3
for(var i=2; i <=10; i+=2) {
    document.write(i);
}
cs


while문

while문은 for문과 비슷한 역할을 하지만 마지막 값만 설정해 준다는 점에서 차이가 있습니다. 

while(조건) {

}


while문을 사용하여 변수 i의 값을 1씩 증가시켜 document에 출력하기

시작 값인 변수i를 while문 밖에서 선언합니다.

while문을 선언해주고 i가 5보다 작으면 반복하도록 조건을 설정합니다. {}안의 내용을 조건이 마족하면 계속 반복하게 되는데, 증가 연산자를 while안에 넣어 while문이 무한 루프(loop)에 빠지지 않도록 주의합니다.

1
2
3
4
5
var i = 0;
while(i<5) {
    document.write(i);
    i++;
}
cs


for in문

for in문은 객체를 순회하면서 객체의 프로퍼티명을 넘겨줍니다. 또한 뒤에 나올 배열의 원소를 순회하면서 배열의 index를 넘겨주기도 합니다. for in문의 기본 사용법은 다음과 같습니다. 

for(변수 in 객체 또는 배열) {

}

for문을 선언하고 객체 또는 배열을 순회하면서 넘어오는 객체의 프로퍼티나 배열의 원소를 담을 변수를 넣은 후 in 다음에 객체 또는 배열이 들어갑니다. 그 결과 객체의 프로퍼티 갯수나 배열의 원소 갯수만큼 {}안을 반복합니다.


baby라는 객체를 생성하여 프로퍼티 3개를 추가합니다. 스리고 7번 라인에서 baby객체르르 순회하면서 변수 property에 추가시켜준 프로퍼티의 이름이 순차적으로 넘어옵니다. 8번 라인에서 넘어온 프로퍼티명의 객체 baby에 해당 프로퍼티의 값을 읽어와 document에 출력합니다.

실행하면 "2살", "남자", "9월22일"이란 값이 순차적으로 출력됩니다.

1
2
3
4
5
6
7
8
9
var baby = {
    age:"2살",
    sex:"남자",
    birthday:"9월22일"
}
 
for(var propety in baby) {
    document.write(baby[property]);
}
cs


break로 반복문에서 빠져 나오기

break는 반복문이 반복적으로 구문을 수행하는 과정에서 어떠한 조건에 만족했을 때 반복을 멈추고 반복문을 빠져 나올 수 있게 만듭니다.

반복문으로 0부터 9까지 i값을 증가시키는 중에 i가 5값이 되었을 때 break문이 실행되어 반복문을 벗어나게 됩니다.

1
2
3
for(var i=0; i<10; i++) {
    if(i==5) break;
}
cs


참고서적 : JavaScript+jQuery입문+실전북

저작자표시 비영리 변경금지

'Language > Javascript' 카테고리의 다른 글

HTML 태그 설명  (0) 2018.03.12
7.javascript배열  (0) 2017.09.22
5.javascript객체  (0) 2017.09.22
3.javascript 조건문  (0) 2017.09.19
2.Javascript 연산자  (0) 2017.09.19

+ Recent posts

티스토리툴바