Game2008. 10. 25. 19:48

'Game' 카테고리의 다른 글

벤트릴로 Client  (0) 2010.03.27
3.11 UI  (0) 2009.04.24
Posted by WJinsoo
Web2007. 10. 10. 13:53

자바스크립트 디버그 #

자바스크립트 디버그 툴 #

파이어폭스 #

  • Firebug ([https]설치 링크) - 파이어폭스 웹브라우저 플러그인. 미려하고 편리한 UI와 기능이 돋보입니다.
  • Venkman ([https]설치 링크) - 파이어폭스 웹브라우저 플러그인. 강력한 기능성으로 지금까지 널리 사용되어온 듯 하나, Firebug에 비해 사용방법이 어렵고 불편합니다.
  • Web Developer([https]설치 링크) - 파이어폭스 웹브라우저 플러그인. 많은 기능을 가지고 있으나, 여기서는 페이지의 자바스크립트 오류를 바로 알려주도록 설정하는 것을 설명합니다.
    • 설치 후, 파이어폭스 메뉴의 도구 > Web Developer > Options > Options
    • Web Developer Options 창이 뜨면 Miscellaneous > Warnings & Errors 밑의 항목 모두 체크
  • Console²([https]설치 링크) - 파이어폭스 웹브라우저 플러그인. 기본적으로 가지고 있는 Error Console 기능을 확장해서 편리하게 오류정보를 파악할 수 있도록 해줍니다.
    • 기존에 누적되었던, 중복된 오류정보 숨기기 (Console²창의 Options > Hide Duplicates)
    • Error, Warning, Messages 등 오류 정도에 따라 분류해서 보여주기
    • JavaScript, CSS, XML 등 언어 별로 분류해서 보여주기
    • 오류정보 검색 기능. (Console²창의 Search에 문자를 입력하면 현재 오류들 중에서 오류메세지, 주소를 대상으로 검색해서 보여줍니다.)

파이어버그로 자바스크립트 디버그 하기 #

파이어버그(Firebug)로 파이어폭스의 자바스크립트 디버그 작업을 할 수 있습니다. 웹브라우저의 플러그인이기 때문에, 개발툴과는 무관하게 순수하게 디버깅 작업만을 할 수 있으며, Watch Expression, JavaScript Console, DOM Inspection 등의 심플하면서도 강력한 기능들을 제공합니다. 사용 방법은 다음과 같습니다.
  1. 파이어폭스를 실행하고, 디버그 작업을 할 페이지를 엽니다.
  2. 도구 > Firebug > Open Firebug를 클릭해 파이어버그 창을 띄웁니다. 파이어버그 창은, 브라우저의 하단에 도킹되거나, 혹은 하나의 독립된 창으로 띄울 수 있으며, 브라우저 하단에 도킹되는 것이 장점이라 생각합니다. 하나의 창에서 작업을 진행할 수 있기 때문에 편리합니다.
  3. 만약 파이어버그가 Disable 된 상태라면, Enable 시켜줍시다. Open Firebug 클릭시 나타나는 창에서 활성화 시키는 버튼이 보일 것입니다.
  4. 파이어버그 창을 보면, Console, HTML, CSS, Script, DOM, Net의 탭이 존재합니다.
    • Console 탭은 JavaScript Console 로서, 스크립트 코드를 바로바로 실행할 수 있습니다. 디버깅중에 코드에 없던 특정 스크립트를 실행해볼 때 유용합니다.
    • HTML 탭은 현재 페이지의 마크업을 확인할 수 있습니다. 스크립트로 생성된 코드까지 모두 나오기 때문에, 구조 확인시에 유용하게 사용할 수 있습니다.
    • CSS 탭은 현재 페이지에 적용된 모든 스타일시트 파일을 확인할 수 있습니다.
    • Script 탭은 JavaScript 디버그의 중심이 되는 탭입니다. 여기에서 Watch, Breakpoint, Step Over, Step Into 등의 기본적인 디버그 기능들이 제공됩니다.
    • DOM 탭은 ...
    • Net 탭은 웹페이지내에 필요한 파일들의 트래픽 상황을 확인해볼 수 있는 기능을 제공합니다.
  5. 이제 코드중 원하는 곳에 Breakpoint를 잡거나, 소스코드에 debugger; 행을 삽입해서 파이어버그가 스크립트 디버그 작업을 할 수 있게 해주면 됩니다. 만약 페이지 로드시에 실행될 코드를 디버그 하려면, Breakpoint를 잡거나, 소스코드에 debugger; 행을 삽입한 후, 해당 페이지를 리로드 하시면 됩니다.

인터넷 익스플로러 #

  • 비주얼 웹 디벨로퍼 2005 익스프레스([http]다운로드 링크) - 마이크로소프트 사의 비주얼 스튜디오 2005 중, 웹 개발에 관련된 부분을 무료로 공개한 버전입니다. 현재 인터넷 익스플로러 브라우저에서 자바스크립트의 디버그 작업을 하기에는 가장 강력한 툴이라고 보여집니다.

비주얼 웹 디벨로퍼 2005 익스프레스로 자바스크립트 디버그 하기 #

비주얼 웹 디벨로퍼 2005 익스프레스로 인터넷 익스플로러의 자바스크립트의 디버그 작업을 할 수 있습니다. 그러나 개발환경이 비주얼 웹 디벨로퍼 2005 익스프레스가 아닌 상황이라면, 디버그 작업이 허용되지 않습니다. 상용 비주얼 스튜디오 2005에서는 스크립트의 디버거가 필요한 상황에서 인터넷 익스플로러에서 바로 연결을 시켜주지만, 익스프레스 버전에서는 그러한 기능이 제외되었기 때문입니다. 여기서는 개발환경이 비주얼 웹 디벨로퍼 2005 익스프레스가 아닌 경우에 어떻게 비주얼 웹 디벨로퍼 2005 익스프레스에서 인터넷 익스플로러 브라우저의 스크립트 디버그를 할 수 있을지를 알아보도록 하겠습니다. 방법은 간단하며, 다음을 따라 해보시면 됩니다. 우선 다음과 같이 디버그 작업을 해볼 소스를 하나 준비하겠습니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
    window.onload = function() {
        var hello = document.getElementById( "Hello" );
        debugger;
        alert( hello.innerHTML );
    }
</script>
</head>
<body>
    <div id="Hello">Hello</div>
</body>
</html>
이제 이 파일을 비주얼 웹 디벨로퍼 2005 익스프레스에서 디버그하는 방법은 다음과 같습니다.
  1. 비주얼 웹 디벨로퍼 2005 익스프레스를 실행합니다.
  2. 파일 > 새 웹 사이트를 클릭합니다.
  3. 빈 웹 사이트를 선택한 후, 위치 항목은 파일 시스템을 선택해서 적당한 경로를 선택해줍니다. 이 경로는 그냥 임시로 쓰이며, 아무 파일도 필요없이 그냥 빈 디렉터리면 됩니다.
  4. 확인을 클릭합니다.
  5. 이제 솔루션 탐색기를 보면 새 솔루션이 하나 생성되어있을 것입니다.
  6. 메뉴의 디버그 > 디버깅 시작을 클릭합니다.
  7. 디버깅 사용 안 함이라는 창이 나타났다면, 디버깅하도록 설정한 새 Web.config 파일 추가를 선택한 후 확인을 클릭합니다.
  8. 이제 잠시후면, 비주얼 웹 디벨로퍼 2005 익스프레스가 인터넷 익스플로러를 실행할 것입니다. 실행될 인터넷 익스플로러는 디버그 모드로 비주얼 웹 디벨로퍼 2005 익스프레스가 스크립트에 간섭할 수 있는 상태가 됩니다.
  9. 이제 이 인터넷 익스플로러 창에서 아까 작성한 파일을 열어줍니다.
  10. 이제 파일의 9번째 줄의 debugger; 라는 코드가 하이라이트 되면서 해당 라인에서 스크립트 실행이 멈추고, 비주얼 웹 디벨로퍼 2005 익스프레스가 해당페이지를 디버그 할 수 있는 상태가 될 것입니다.
  11. 이제 마음껏 디버깅을 즐기시면 됩니다. ^^

비주얼 웹 디벨로퍼 2005 익스프레스 디버그 팁 #

[http]비주얼 웹 디벨로퍼 2005 익스프레스로 자바스크립트 디버그 하기를 보면, 공 페이지를 연 후에 디버그를 원하는 페이지를 열어야 합니다. 이 작업을 한번에 할 수 있는 팁입니다.
  1. 새 솔루션을 하나 만듭니다.
  2. html 페이지를 생성합니다. 디버그할 페이지 하나당 페이지 하나로 매치됩니다.
  3. 페이지의 내용을 아래와 같이 작성합니다. 아래 내용중 디버그할_페이지_주소 부분에 자신이 디버그할 페이지의 주소를 적어주면 됩니다. 방금 생성한 html 파일을 열고 F5(디버깅 시작)키를 누르면 디버그가 시작됩니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="refresh" content="0; url=디버그할_페이지_주소" />
 </head>
 <body>
 </body>
</html>
Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2007-08-09 11:17:53
Processing time 0.0412 sec

'Web' 카테고리의 다른 글

디지털타임스 창간 10주년 모바일 오픈기념 이벤트  (0) 2010.10.06
Posted by WJinsoo
DB2006. 10. 15. 03:49
erwin 4.1+oracle 9i | UTIL/TOOL2006/01/02 20:38
http://blog.naver.com/swinter8/130000645474
erwin 4.1+oracle 9i

erwin이라구 다들 아시져?^^;; DB modeler거든여..

여기서 erwin검사해봤는데.. 안나오더라구여^^ 그래서 제가 잘 모르지만

erwin4.1와 oracle9i 을 사용한 경험기를..

이틀동안 고민해결한 문제 올립니다.^^;;

별건 아니구여 그냥 erwin의 reverse engineer기능 설명입니다.

(  DATABASE 에 있는 view 혹은 테이블 들을 가져오는 기능이져^^;;)

1) erwin을 실행 시키시구여  메뉴창에 보시면 tools에 하위메뉴인 reverse engineer메뉴가 있습니다.  실행시키세여

2) new model type에  Logical/Physical 선택합니다. ( 테이블 구조니까 이쪽이 편리할듯 보입니다. 나중에 작업할때도^^;;)

3)Create Using template <---이건 인제 가져올 템플릿 선택 하는건데  첨엔  blank로 ERwin 에서 생성해 줍니다.

4)Target database 에서  데이타 베이스에 Oracle  선택하구여^^ 그리구 버전 선택합니다 전 9i 선택^^;;

5)NEXT버튼을 선택하면 이제 여기서 데이타베이스 파일을 가져올 것인가? 스크립트 파일을 가져올 것인가 선택하구여^^;;

6)잘모르니 Items to reverse engineer의 Default Option Set은 그냥 그대로 두는 편이 좋을듯 합니다.

7)왼쪽의 옵션에서 Systemobject를 선택 하지 않도록 합니다.^^;; (이건 시스템 object가져오는 거니까^^;;)

8)Tables/Views Owened by에서 (여기가 젤 중요한거 같음) all을 선택하면 모든 뷰와 테이블들을 다 가져오는거구여 current user를 선택하면 사용가 가진 테이블들만 깨끗하게 가져옵니다.

9) 아래에 있는 infer는 prvate key 나   relation을 가져오는 거니까 한번씩 해보시면 알테구여^^;; index나 name 선택 사항두여^^ ( relation 선택후 index를 선택하면 각 테이블의 연결상태를 확인 할 수 있습니다.)

10)자 그럼 next 버튼을 선택합니다. 그럼 Use Oracle Athentication오라클 인증선택되어 있을거구여  Username에 만드신 사용자 계정 그리구 password에 비밀번호 넣으시구여 Connect String엔  데이타베이스 이름을 채워 넣으세여

####주의 사항이 있는데 ERwin에서 대소문자를 구별하거든여. #######

잘 안되실때는 대문자로도 넣어보시고 소문자로도 넣어보세여^^;;

전 소문자로 계속 넣다가 테이블스페이스는 가져오는데 각 테이블들을 안가져 오는 바람에 쩝..이틀동안 헛짓 했답니다.^^;;;

11) 자 이제 커넥팅 합니다. 여기서 오라클 에러 메세지가 나오는데여..

아까 option상황에서 all을 선택 하든 current_user를 선택하든 각 테이블 스페이스 info table 들이 없다고 ora-00942 에러가 발생하져.. (무시하시고 계속 엔터를 누릅니다)

#####아마 이유는 유저가 가진 테이블 스페이스만 바라보기 때문에 나머지 전체 테이블 스페이스에 대해 바라보기 시작하다 권한이 없기 때문에 테이블을 못  바라 보기 때문에 아닐까 싶습니다.#########

에러 메세지가 계속 나오지만 당황하지 마시고 계속 무시해주세여^^

12)마지막에

Retrieving rollback segment info:

Unable to select from DBA_SEGMENTS. If you need this information, have your system administrator give you SELECT privileges on this view.

라고 뜨는데 유저에게  admin권한을 주라는 뜻인듯 보입니다.확인을 눌러주세여(아마 이전에 테이블스페이스를 못가져오는 이유를 설명하는듯)

13) 마지막에는 ERwin이 사용자가 생성한 테이블 스페이스를 참고합니다.

자 이제 여러분이 원하는 디비 테이블 및 관계도가 생성된것을 볼 수 있습니다.

참 좋은 기능이더라구여^^;; 쩝 일일이 마우스로 그리구 집어넣고 하다가 오타나구 하는거보다 직접 ERwin으로 import해오니까여 다음번엔 이걸 오라클로 export 하는 방법을 알아 봐야 겠습니다.^^;;

아시는 분은 좀 적어주세여^^;;

아 제가 참고한 사이트 입니다.

http://esupport.ca.com/index.html?/public/erwin/infodocs/erw_faq.asp

참고 내용^^;;(11번 부분)

Product: AllFusion ERwin Data Modeler
Version: 3.5.2, 4.0, 4.1, 4.1.4
OS: WINDOWS

Q: I am connecting to Oracle, DB2, etc. and specifying Owner, Tablespace or Database Names, and AllFusion ERwin DM is not retrieving any Tables. Why?

A: Starting with 4.1 SP 1 build 2522, Owner, Tablespace and Database Name fields for Reverse Engineer and Complete Compare are Case Sensitive.

아 참고로 로컬에 있는 디비와의 연결입니다.

다른 디비들도 비슷하게 연결시킬듯 보이네여^^;;

다들 아시는걸 장황하게 적은것 같아 멋적네여^^ 그럼 다들 화이팅요^^

아직 해결못한 문제는 ERwin과 model mart connect manager 를 이용한 커넥팅이 안되네여 아시는 분은 리플 달아주세여

DBMSConnection부분에 멀적는지 몰라서^^; 디비 이름 적는거 맞나요?

'DB' 카테고리의 다른 글

call dbms_java.set_output 에러 발생시  (0) 2006.10.13
오라클 테이블 스페이스 관련  (0) 2006.10.05
Posted by WJinsoo
DB2006. 10. 13. 18:14
>call dbms_java.set_output(2000);
call dbms_java.set_output(2000)
    *
ERROR at line 1:
ORA-06576: not a valid function or procedure name

==================================================================

You need to have installed the JVM. This can be accomplished either via the Installer or manually by running
%oracle_home%/javavm/install/initjvm.sql connected as user SYS or INTERNAL.

'DB' 카테고리의 다른 글

erwin 4.1+oracle 9i  (0) 2006.10.15
오라클 테이블 스페이스 관련  (0) 2006.10.05
Posted by WJinsoo
DB2006. 10. 5. 20:06
1. 테이블 스페이스 확인 sql
select a.tablespace_name, a.bytes/1024/1024 || 'M' total, substr(a.file_name,1,50), b.free || 'M' from DBA_DATA_FILES a,

(select tablespace_name, sum(bytes)/1024/1024 free from DBA_FREE_SPACE
group by tablespace_name) b

where a.tablespace_name = b.tablespace_name


2. db user조회

select * from dba_users

3. 테이블 스페이스 생성

create  tablespace testts
       datafile 'C:\ORACLE\PRODUCT\10.1.0\ORADATA\ORCL' size 500M
       default storage (
         initial 5M
         minextents 2
         maxextents 10
         pctincrease 0)  
online;

4. 유저 생성
create user testuser identified by test123
      default tablespace testts
      temporary tablespace temp;

grant connect, resource to testuser;
grant create session to testuser;

5. 테이블 생성

CREATE TABLE testuser.testtable (
Db_Gubun                 CHAR(1),
Alt_pid                  VARCHAR(10) NOT NULL,
alt_date                 char(14) NOT NULL,
alt_flag                 CHAR(1),
access_code              CHAR(4) not null,
jumin_bunho              char(13),
name                     char(18),
pat_type                 CHAR(2),
dept_code                CHAR(4),
dept_name                CHAR(50),
college_code             CHAR(4),
college_name             CHAR(40),
semester_cnt             char(1),
phone1                   CHAR(14),
zip1                     VARCHAR2(7),
addr1                    VARCHAR2(100),
PRIMARY KEY ( Alt_pid )
)
TABLESPACE testts
PCTFREE 10
PCTUSED 40
INITRANS 1
MAXTRANS 255
STORAGE (INITIAL 1048576
  NEXT 524288
  MINEXTENTS 1
  MAXEXTENTS 121
  PCTINCREASE 0
  FREELISTS 1
  FREELIST GROUPS 1);

- schema :

테이블의 소유자

- table_name:

테이블 이름

- column:

컬럼의 이름

- datatype:

컬럼의 데이터 유형

- TABLESPACE:

테이블이 데이터를 저장 할 테이블스페이스를 지정 합니다.

- PCTFREE :

블럭내에 이미 존재하고 있는 Row에 Update가 가능하도록 예약시켜 놓는 블럭의 퍼센트 값을 지정 합니다.

- PCTUSED :

테이블 데이터가 저장될 블록의 행 데이터 부분의 크기를 퍼센트지로 지정 합니다.
PCTFREE에 의해 지정된 크기만큼 Block이 차면 PCTUSED 값보다 작아져야 새로운 행 삽입이 가능  합니다.

- INITRANS :

하나의 데이터 블록에 지정될 초기 트랜잭션의 값을 지정합니다. (기본값은 1)

- MAXTRANS:

하나의 데이터 블록에 지정될 수 있는 트랜잭션 최대 수를 지정 합니다. (기본값은 255)

- STORAGE:

익스텐트 스토리지에 대한 값을 지정 합니다.

- LOGGING:

테이블에 대해 이후의 모든 작업이 리두 로그 파일 내에 기록 되도록 지정합니다. (default)

- NOLOGGING:

리두 로그 파일에 테이블의 생성과 특정 유형의 데이터 로드를  기록하지 않도록 지정 합니다.

- CACHE :

전체 테이블 스캔(full table scan)이 수행될 때 읽어 들인 블록이 버퍼 캐쉬 내의 LRU 리스트의 가장 근에 사용된 것의 자리에 위치 하도록 지정 합니다.

- NOCACHE :

전체 테이블 스캔(full table scan)이 수행될때 읽어 들인 블록이 버퍼 캐쉬 내의 LRU 리스트의 가장 최근에 사용 되지 않은 것의 자리에 위치하도록 지정 합니다.

'DB' 카테고리의 다른 글

erwin 4.1+oracle 9i  (0) 2006.10.15
call dbms_java.set_output 에러 발생시  (0) 2006.10.13
Posted by WJinsoo
Photo2006. 9. 15. 16:38
0

빛을 낚는 이들이란 제목으로 예전에 포스트 했던 사진

'Photo' 카테고리의 다른 글

가끔 다시 찾아 보게 되는 사진들  (1) 2006.09.15
Posted by WJinsoo
Photo2006. 9. 15. 16:11
0

새벽에 태양을 등지고 배를 띄우시고 그물을 걷으시던 분들.
당시 모든 렌즈들이 이 모습을 향하고 있었다.

'Photo' 카테고리의 다른 글

가끔 다시 찾아보게 되는 사진들  (0) 2006.09.15
Posted by WJinsoo