아사페릴의 사생활..

주식을 해야하나?

아니면 개혁을 해야하나......?

아아아아아~~~~~~~~

이올린에 북마크하기

DIV 태그 안에

DIV 태그 안에

UL 태그 안에

LI 태그를 쓰면

리스트들이 DIV 태그를 벗어나는 경우가 있다.

IE에서는 괜찮은데 firefox 에서는 확실히 벗어난다.

아래의 코드를 보자..

div { border: 1px solid black; width:200px; } ul { list-style:none; margin:0; padding:0; } li{ margin: 0 0 0 0; padding: 0 0 0 0; border: 0; float:left; } <div> <div> <ul> <li>안의내용</li> <li>안의내용1</li> <li>안의내용2</li> </ul> </div> </div>

위와 같이 코딩을 하고 브라우저 창에서 보면 div는 검은색은 1px 의 두께의 선이 생기지만

"안의내용"은 div 바깥에 생성이 된다.

이것을 해결하려면 마지막의 li 태그에 float:left; 속성을 지워주면 된다.
하지만 li 태그에 class로 이름을 줘서 또 나눠주기도 불편하고
프로그래밍으로 리스트를 뽑아줄때 마지막꺼만 속성을 바꿔주기도 뭐하다...

고민고민하다가 해결책을 발견했다.

display:inline; 속성은 레이어에 태그를 붙이는 역활을 한다.

li 태그 속성에 float:left 대신 display:inline; 속성을 써주면 간단하게 해결할 수 있다.

난 천재?

------------------------------------------------------------------------------------------
추가.. display:inline; 속성을 줬을때
<li> <div>첫번째</div> <div>두번째</div> </li>

이렇게 했을시에 첫번째의 div 태그 밑에 두번째 div 태그가 온다...
그러니까 줄바꿈이 되서 보여진다.

이것을 해결하기 위해

ul 태그에 CSS 속성으로

clear:both; 속성을 넣어주자..

그리고 display:inline; 속성을 float:left; 속성을 다시 바꿔줘야 한다.

이것때문에 5시간 삽질했네 -_-..

쳇..

이올린에 북마크하기(0) 이올린에 추천하기(0)

위와 같았다.

위와 같은 표기는 Javascript 에서 클래스를 만드는 대표적인 방법이다.
생성자와 메소드로 나뉘어서 클래스화 하면 보기에도 좋고 소스가 깔끔해진다.

하지만 Javascript 에서 무분별하게 new 연산자를 난발하는 것은 메모리를 많이 잡는다.
new 연산자로 인스턴스를 만들게 되면 prototype 오브젝트를 쓸데없이 전부 가져가게 되는 것이다.
(new 연산자의 낭비에 관해서는 다음 포스팅에)

이로인해 YUI에서는 (ExtJs도) 싱글톤 패턴을 지향한 Javascript Module Pattern 이라는 것을 쓴다.
계속 보자..

1. 네임스페이스 오브젝트를 만들자.
    YUI나 ExtJS에서는 namespace 라는 메소드가 있어 YAHOO 오브젝트와 Ext 오브젝트에 원하는 이름의 오브
   젝트를 만들어준다.
   말이 namespace 이지 그냥 빈 오브젝트이다.
   원래는

YAHOO.namespace("myProject"); Ext.namespce("myProject"); 위의 2개를 써야하지만.. 그냥 myProject = {}; 이렇게 해도 상관이 없다. 다만 myProject가 전에 선언되지 않은 오브젝트이어야 한다.

2. namespace 로 지정해준 오브젝트의 익명함수 return 값을 할당한다.
Ext.myProject.myModule 또는 myProject.myModule 이렇게 위에서 선언한 값으로 해도 된다.
하지만 YAHOO Blog에 포스팅 된것이라 맞춰서 하겠다.

YAHOO.myProject.myModule = function () { return { myPublicProperty: "I'm accessible as YAHOO.myProject.myModule.myPublicProperty."; myPublicMethod: function () { YAHOO.log("I'm accessible as YAHOO.myProject.myModule.myPublicMethod."); } }; }(); // 이곳의 괄호는 익명함수의 return 문을 실행시킨다.

마지막 줄의 괄호()는 끝임을 보강한다. 이 기호는 익명함수  return 안의 오브젝트 myPublicProperty 와 myPublicMethod를 즉시 실행시킨다. 익명함수의 return들과 같이 YAHOO.myProject.myModule의
return 오브젝트와 같다.

3. “private” 메소드 그리고 변수는 익명함수에서 return 문 앞에 쓴다.YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" method: var myPrivateMethod = function () { YAHOO.log("I can be accessed only from within YAHOO.myProject.myModule"); } return { myPublicProperty: "I'm accessible as YAHOO.myProject.myModule.myPublicProperty." myPublicMethod: function () { YAHOO.log("I'm accessible as YAHOO.myProject.myModule.myPublicMethod."); //Within myProject, I can access "private" vars and methods: YAHOO.log(myPrivateVar); YAHOO.log(myPrivateMethod()); //The native scope of myPublicMethod is myProject; we can //access public members using "this": YAHOO.log(this.myPublicProperty); } }; }();

이올린에 북마크하기(0) 이올린에 추천하기(0)

import java.io.*;

class ExException7 {
  public static void main (String[] args) {
    ExException7 Ex7 = new ExException7();
    Ex7.methodA();
  }

  void methodA(){
    try {
      methodB();  //(1)
    } catch(FileNotFoundException e) {
      System.err.println(e.getMessage());  //(3)
    } finally {
      System.out.println("MethodA was finished");  //(4)
    }
  }

  void methodB() throws FileNotFoundException {  //(2)
    FileReader exFile = new FileReader("exFile.txt");
  }
}

ExException8{
  public static void main (String[] args) {
    ExException8 Ex8 = new ExException8();
    Ex8.methodA();
  }

  void methodA() {
    try {
      methodB();  //(1)
    } finally {
      System.out.println("This program was finished");  //(3)
    }
  }

  void methodB() throws ArithmeticException {  //(2)
    System.out.println("대답은" + (100/0));
  }
}

【해설 2】
(1) 예외가 발생할 가능성이 있는 메소드 호출을 try절에 기재한다.
(2) methodB내에서 정수를 0으로 계산하고 있습니다. 그 때문에, 예외 ArithmeticEcxeption가
     발생해, throws로 지정된 예외 클래스형에 근거해, 호출원메소드 MethodA에 예외 오브젝트를 던진다.
(3) catch절이 없기때문에 finally절을 실행한다.
     *예외 핸들러가 발견되지 않는 경우, Java실행 시스템은 한층 더 메소드 호출원(이경우는 main 메소드)에,
      예외 핸들러를 찾으러 간다. 최종적으로 예외 핸들러가 발견되지 않는 경우 Java의 디폴트의 예외 처리를
      실행한다.

메소드의 오버라이드(override)를 실시할 때, throws로 지정하는 예외 클래스형의 지정 방법으로 몇개 주의할 점이 있다.

1. 슈퍼 클래스의 메소드로 지정되는 예외 클래스형 이외의 체크 예외의 예외 클래스형을 서브 클래스의 메소드로 지정할 수 없다. 비체크 예외의 예외 클래스형은 지정가능하다.

2. 슈퍼 클래스의 메소드로 지정되는 예외 클래스형보다 범위의 넓은 예외 클래스형을 서브 클래스의 메소드로 지정할 수 없습니다. 슈퍼 클래스의 메소드로 예외 클래스형 FileNotFoundException이 지정되어 있을경우. 슈퍼클래스인 예외 클래스형 IOException을 서브 클래스의 메소드로 지정할 수 없다.

throw의 사용 방법

throw를 사용하는 것으로써 임의의 장소에서 예외를 발생시킬 수 있다. 아래와 같이 throw를 사용한다. 예외 오브젝트를 참조하는 식에는 [new 예외 클래스]가 사용된다.

class ExException9{
  public static void main (String[] args) {
    int x = Integer.parseInt(args[0]);
    if(x >= 10) {
      throw new IllegalArgumentException
                ("10 이하의 값을 입력해 주세요");
    }
  }
}

이올린에 북마크하기(0) 이올린에 추천하기(0)

class ExException5{
  public static void main (String[] args) {
    try {  //(1) try절
      int x = Integer.parseInt(args[0]);
      System.out.println("대답은" + (100/x));
    } catch(ArithmeticException e) {  //(2) catch절
      System.err.println("에러" + e.getMessage());
    } finally {  //(3) finally절
      System.out.println("This program was finished.");
    }
  }
}
(1) 예외를 던질 가능성이 있는 처리를 try절내에 기재한다. 100을 계산하는 변수X가 0일 경우, 
    예외 arithmeticException가 던져진다.
(2) 캐치 하는 예외 오브젝트의 예외 클래스형과 그 예외 오브젝트를 캐치 했을 경우의 예외 처리를 기재한다. 
    여기에서는 예외 ArithmeticException을 캐치 했을 경우, getMessage메소드로 예외 오브젝트에 포함되는
    메세지를 출력하는 처리를 기재한다.
(3) 예외를 던지는 것에 관계없이 finally절을 실행한다. finally절에서는 "This program was finished."
    를 표시

class ExException6 {
  public static void main (String[] args) {
    try {
      int x = Integer.parseInt(args[0]);  //(1)
      System.out.println("대답은" + (100/x));  //(2)
    //ArithmeticException의 예외 핸들러
    } catch(ArithmeticException e) {
      System.err.println("ArithmeticException를 캐치");
    //NumberFormatException의 예외 핸들러 
    } catch(NumberFormatException e) {
      System.err.println("NumberFormatException를 캐치");
    } finally {
      System.out.println("This program was finished");  //(3)
    }
  }
}

······················
······················

//보다 구체적인 예외 클래스를 먼저 지정
} catch(FileNotFoundException e) {  
  System.err.println(e.getMessage());
} catch(IOException e) {
  System.err.println(e.getMessage());
}

······················
······················

이올린에 북마크하기(0) 이올린에 추천하기(0)