사용자 정의 객체

사용자 정의 객체는 자바의 클래스와 유사하다. 재사용성을 위한 방식이지 클래스가 아니다.

형식은 다음과 같다.

function 객체이름(매개변수) {
    this.멤버변수 = .....
    this.함수 = .....
}

예를 들어 아래와 같은 스크립트를 작성하고

function display() {
    document.write("이름: " + this.name);
    document.write("나이: " + this.age);
}

function Person(_name, _age) {
    this.name = _name; /// this를 사용하여 멤버로 정의한다.
    this.age = _age;
    this.disp =  display; /// 위의 display 라는 함수를 disp라는 이름으로 맵핑한다.
}

아래와 같이 사용할 수 있다.

var p = new Person("거시기", 30);
p.disp();

내장 객체

내장 객체는 JavaScript에서 미리 정의해 놓은 객체를 말한다.

아...... 쓰던거 다 날라 갔다...... 안해...... 책봐!

이벤트는 웹 페이지에서 사용자에 의해 일어날 수 있는 모든 사건을 말한다. 마우스의 움직임, 버튼 클릭 등이 이벤트에 해당한다. 이런 이벤트가 발생했을 때를 인식하고 그에 대한 특정 행위를 하는 것이 이벤트 핸들러이다.

이벤트 처리는 자바 스크립트로 만들고 이벤트 핸들러는 HTML 태그에서 속성처럼 사용한다.

이벤트 핸들러는 이벤트명 앞에 on이라는 접두어를 붙여 사용한다.

다음은 자주 쓰이는 이벤트이다.

※ 참고

http://docs.oracle.com/cd/B28359_01/server.111/b28278/toc.htm

/etc/profile 과 /home/계정/.profile 은 사용자가 로그인할 때 적용되는 스크립트를 정의하는 파일이다.

일반적으로 ‘/etc/profile’에는 시스템 전반적인 환경 설정 값을 설정하고, ‘사용자 계정의 profile’에서는 해당 계정 사용자가 자신의 환경에 맞는 설정을 하게 된다.

로그인 시 ‘/etc/profile’ 스크립트 내용이 먼저 실행되고 이후에 각 ‘사용자 계정의 .profile’ 스크립트 내용이 실행된다.

root의 경우 ‘/root/.profile’ 또는 ‘/root/.bash_profile’ 이고 일반 사용자의 경우 ‘/home/계정/.profile’ 또는 ‘/home/계정/.bash_profile’이 실행된다.

‘/etc/profile’은 모든 사용자에게 적용이 되며 ‘사용자 계정의 .profile'은 로그인 한 해당 계정에만 적용된다.

따라서 root의 profile을 수정한다고 해서 다른 계정에 적용되지는 않는다.

<username> is not in the sudoers file.  This incident will be reported

sudo 명령을 이용할 때 나타나는 문구이다.

/etc/sudoers 파일을 수정하여 해결한다. 

<username> ALL=(ALL) ALL

다른 방법으로는 

#> echo 'USERNAME ALL=(ALL) ALL' >> /etc/sudoers

모든 명령을 패스워드 입력 없이 사용하도록 허락하는 방법은 다음과 같다.

#> echo 'USERNAME ALL=(ALL) NOPASSWD:ALL' >> /etc/sudoers

root 계정으로 아래 스크립트를 생성한다. 

# gedit /etc/init.d/oracle

다음 내용을 써준다.

#!/bin/bash
#chkconfig: 2345 95 20
#description: oracle service
#processname: oracle

# /etc/init.d/oracle
#
# Run-level Startup script for the Oracle Listener and Instances
# It relies on the information on /etc/oratab

export ORACLE_BASE=/app/oracle
export ORACLE_HOME=$ORACLE_BASE/product/11g
export ORACLE_OWNR=oracle
export PATH=$PATH:$ORACLE_HOME/bin

if [ ! -f $ORACLE_HOME/bin/dbstart -o ! -d $ORACLE_HOME ]
then
    echo "Oracle startup: cannot start"
    exit 1
fi

case "$1" in
    start)
        # Oracle listener and instance startup
        echo -n "Starting Oracle: "
        su $ORACLE_OWNR -c "$ORACLE_HOME/bin/lsnrctl start"
        su $ORACLE_OWNR -c "$ORACLE_HOME/bin/dbstart $ORACLE_HOME"
        sudo touch /var/lock/oracle
        echo "OK"
        ;;
        
    stop)
        # Oracle listener and instance shutdown
        echo -n "Shutdown Oracle: "
        su $ORACLE_OWNR -c "$ORACLE_HOME/bin/lsnrctl stop"
        su $ORACLE_OWNR -c "$ORACLE_HOME/bin/dbshut $ORACLE_HOME"
        sudo rm -f /var/lock/oracle
        echo "OK"
        ;;
        
    reload|restart)
        $0 stop
        $0 start
        ;;
        
    *)
        echo "Usage: `basename $0` start|stop|restart|reload"
        exit 1
esac

exit 0

생성한 파일을 실행할 수 있도록 변경한다.

# chmod 750 /etc/init.d/oracle

서비스를 등록한다.

※ chkconfig --add [서비스이름] --level 0356

# chkconfig --add oracle --level 0356

리부팅 후 자동으로 시작된다.

글꼴 색과 배경 관련 속성

글꼴 관련 속성

텍스트 관현 속성

목록 관련 속성

바깥 여백 관련 속성

안쪽 여백 관련 속성

테두리 관련 속성

정리중........................ 

http://alexgorbatchev.com/SyntaxHighlighter/ 에서 다운로드

syntaxhighlighter_3.0.83.zip

압축 풀면 나오는 여러 폴더 중 scripts, styles 폴더의 파일을 업로드해야 한다. 

다음 위치에 scripts 폴더 내의 파일을 모두 업로드 한다. 

TISTORY 관리 -> 꾸미기 -> HTML/CSS 편집 -> 파일 업로드 

모두 올리지 않고 필요한 파일만 올려도 된다. 

단, shCore.js 는 반드시 필요하다. 

styles 폴더의 shCore.css 파일과 적용하고 싶은 테마 파일을 올린다. (여기서는 기본값을 적용) 

shCore****.css 라는 파일은 shCore.css 와 테마 파일을 합친 것이다. 

shCore.css , shTheme****.css 파일을 올리든지 아니면 shCore****.css 파일 하나를 올리면 된다. 

다음 위치로 이동한다. 

TISTORY 관리 -> 꾸미기 -> HTML/CSS 편집 -> HTML/CSS 

</head> 앞에 아래 내용을 써준다.

또는

그 다음 </body> 앞에 아래의 내용을 써준다.

저장하고 글을 작성해 본다.
작성시 HTML로 써야 한다.

확인해보면 아래와 같이 나타난다.

    
/**
 * SyntaxHighlighter
 */

#include <stdio.h>

int main(int _argc, char** _argv)
{
    printf("코드 삽입 테스트\n");
    return 0;
}

Hoya_TISTORY_SyntaxHighlighter_Code.txt

CSS (Cascading Style Sheet)

자주 사용하는 스타일을 미리 정해두고 특정 이름으로 스타일을 호출하여 사용한다.

문서와 디자인이 분리되므로 소스의 관리와 수정이 쉬워지며, 웹 페이지 로딩 속도가 빨라진다. 또한 웹 페이지 코드 작성 시간도 줄어드는 장점이 있다. 

스타일 시트는 인라인 스타일, 내부 스타일, 외부 스타일로 크게 3가지로 나눈다.

1. 인라인 스타일 시트

태그의 속성 값으로 스타일을 정의한다.

<태그 style="color:red; font-size:30px;"> 태그 내용 </태그>

style 이라는 속성값으로 스타일을 지정한다. 각 속성간 구분은 ; 으로 한다.

2. 내부 스타일 시트

head 태그 사이에 스타일을 정의한다.

관리가 편하다.

종류에는 태그 스타일, 클래스 스타일, 네임드 스타일이 있다.

태그 스타일

태그를 지정하여 해당 태그에 대해 동일한 속성을 설정할 수 있다.

다음과 같이 정의한다.

태그이름 { 속성: 속성값;

               속성: 속성값;

               ....

}

예를 들어, p라는 태그의 속성을 지정해보면 다음과 같다.

<head>

    <style type="text/css">

        <!--

            p {

                color : #0000ff;

                font-weight : bold;

            }

        -->

</head>

<body>

    <p align="center"> 테스트 </p>

</body>

이 때, body 내의 '테스트' 라는 문자열은 파란색에 두꺼운 속성으로 바뀐다.

특정 태그 안에 있는 태그의 속성을 지정하고자 하면, 아래와 같이 한다.

태그명 태그명 { 속성 : 속성값;

                      속성 : 속성값;

                       .....

}

예를 들어, div 태그 안에 h1 태그가 있을 때 h1 태그의 속성을 변경하려면 아래와 같이 사용한다.

div h1 { color : red;}

동시에 여러 종류의 태그 속성을 정의하려면 스타일 정의 시 여러 태그를 콤마(,)로 구분한다. 

h1, h2, h3 { 속성 : 속성값;}

클래스 스타일

태그 중 특정한 태그에만 다른 속성을 지정하거나 속성을 추가할 때 사용한다.

다음과 같이 정의한다.

.스타일이름 { 속성 : 속성값;

                   속성 : 속성값;

                    ....

}

스타일 이름 앞에 .은 정의할 때는 붙이지만 사용할 때는 붙이면 안된다.

<태그명 class="스타일이름" ...>

네임드 스타일

특정 범위를 지정하여 속성을 적용하고 싶을 때 사용한다.

다음과 같이 정의한다.

#스타일이름 { 속성 : 속성값;

                    속성 : 속성값;

                    ....

}

스타일 이름 앞에 #은 정의할 때는 붙이지만 사용할 때는 붙이면 안된다.

<태그명 id="스타일이름" ...>

3. 외부 스타일 시트

외부에 css 파일을 만들고 링크는 거는 형태로 사용한다.

<link rel="stylesheet" type="text/css" href="스타일파일.css" />