Nexaweb 총판 Probe Design (Tel: 02-2278-1895)

몇일전 텍스트큐브에 사장님께서 세미나를 하셔서

듣게 되었는데......

3rd party 인 넥사웹도 Open Source로 고고싱 하면 좋으련만..

그럼 넥사웹으로 올블러그,믹시,블로그코리아등등...좋은거

만들수 있을텐데..ㅎㅎㅎ

이상 미르짱의 단상이었다.

넥사웹

신고
Posted by 미르짱
분류없음 l 2008.04.03 23:14
사용자 삽입 이미지

출처 : Nexaweb Dev Center Blog
http://dev.nexaweb.com/blogs/nexablog/?p=25


신고
Posted by 비회원
분류없음 l 2008.04.03 11:59
Nexaweb stylesheet 는 Ajax 에서와 Java 각각 다르게 적용된다.
Ajax 에서는 기존 HTML 과 같이 CSS 를 이용하며
Java 에서는 Stylesheet  를 GUI 를 통해서 제어할 수 있다.
이번 포스티에서는 Ajax 기반에서 Stylesheet 를 사용하는 방법을 알아보자.

1. Ajax

 (1)CSS Import
 Ajax Nexaweb 프로젝트에서 지정한 CSS 를 불러들이기 위해서는
 XAL 파일을 import 하는 HTML 페이지에서 CSS 를 불러와야 한다.
 주로 ajax-index.html 파일에서 css 를 불러오기 때문에 실제 샘플 코드는 다음과 같다.

<style type="text/css">
            <!--
            @import url(nxAjax/css/xapDefault.css); //기존에 Nexaweb 제공 CSS
            @import url(style.css); //개발자가 만든 CSS import 코드
             -->
 </style>

  위와 같은 방법으로 CSS 를 만든 후에 HTML 에서 import 코드를 넣어주면 된다.

 (2)CSS 작성법
 Nexaweb 에서의 CSS 의 작성법은 일반 HTML 에서 CSS 작성법과 동일하다.
 CSS 작성법은 크게 두가지로 나누어 지는데 하나하나 살펴보도록 하자.

 [1] 모든 태그에 적용되도록 하는 CSS
     ex)CSS 선언시 button, label, combobox .... 적용하기 원하는 태그 이름을
          선언한다.
       >style.css
          button{
            border:#ffffff;
            color:#f4f4f4;
          }


 [2] 특정 스타일을 지정해 놓고 추후에 원하는 UI Component 에만 사용하는 CSS
     ex) CSS 선언시 앞에 " . " 을 붙인다. ".btn" , ".label_style1"
        >style.css 
          .btn{
            border:#ffffff;
            color:#f4f4f4;
          }
      >XAL 파일
        <button class="btn" />
      Stylesheet 는 Nexaweb GUI 를 통해서도 적용할 수가 있다.
      UI 컴포넌트마다 Property 를 보면 Style Class 라는 항목이 있는데
      여기에다가 Style 이름을 넣어주면 된다.
     
사용자 삽입 이미지


      또한 Nexaweb stylesheet 에서는 HTML 에서 사용가능한 CSS 를 모두
      제공하지 않는다. 지금까지 사용가능한 CSS를 조사해본 결과는 다음과 같다

      사용가능한 CSS 속성

       margin, padding, font, font-family, font-size, cursor,
       bakground-image, background-color, display, line-height
       letter-spacing 등...


실제 CSS 사용 예 코드

display:none;
background-image: url(img.jpg);
font-family:arial;
padding-right:20px;
letter-spacing:5px;
font-style:italic;
margin-top:5px;
background:#dddddd;
cursor:pointer;
background-repeat: repeat;
border-color:red;
line-height:100px;
letter-spacing:5px;
 

여기까지 Ajax Client 에서 CSS 사용법이었습니다.

By Nedduri from Probedesign
신고
Posted by 비회원
분류없음 l 2008.03.17 11:23

넥사웹 스튜디오 베타버전이 출시되었습니다. (2008 년 3월 3일자)

몇가지 괄목할만한 특징입니다.

1. 데이타 프레임웍이 완벽하게 수정,보완 되었습니다.

2. 클라이언트측에서 수행되는 macro 기능이 수정되었습니다.

3. 데이타소스로 사용되는 JSON 데이타의 가시화를 제공합니다.
    (계층 구조로 다이어그램화 하여 볼 수 있는 기능을 제공한다는 말인듯 합니다)

4. 유저빌리티 테스트 결과출력 기능이 추가되었습니다.

5. and more..

신고
Posted by 비회원
분류없음 l 2008.03.05 18:57

Richtext 란 UI 컴포넌트들의 text 속성을 보다 화려하게 표현하고자 할때 사용한다.

예를들자면 bold, italic, underline 등 기본적인 text 속성뿐만아니라 img, link 등까지도

이용할 수 있다.

만약 특정 UI Component Text 에 richtext 를 적용하고 싶다면

Richtext 속성을 True 로 설정해 놓고 Text 속성에 <b> </b> 와 같이 태그를 적용하면

Richtext 를 이용할 수 있다.

그럼 실제로 그림과 함께 richtext 를 적용하는 방법을 알아보자

사용자 삽입 이미지
 


1. 우선 위와 같이 Rich Text 속성을 true 로 설정한다.

2. richtext 속성이 true 인 component 에서 마우스 오른쪽 클릭후
   edit Component Text 를 선택한 후 적용하고자 하는 태그를 입력한다.

사용자 삽입 이미지



















사용자 삽입 이미지


※ Tip RichText를 사용할 때 text 는 wizard 상에서 적용하는게 쉽다.
    위와 같이 wizard 상에서 text속성을 변경하면 < 은 '&lt;' 로 소스상에서
    바로 적용된다.

예를 들어 위와 같이 button 에 richtext 와 text 를 적용하게 되면 소스코드는 아래와 같이
적용된다.

<button height="25px" text="&lt;b&gt;&lt;u&gt;richtext&lt;/u&gt;&lt;/b&gt;" width="100px" x="50px" y="90px" richText="true"/>

이와 같이 소스상에 나타난다.

아래는 RichText 가 적용된 버튼의 샘플이다.

사용자 삽입 이미지










아래의 그림은 RichText 를 이용해서 UI component 들을 꾸민 화면을 나타낸 것이다.

사용자 삽입 이미지


신고
Posted by 비회원
분류없음 l 2008.03.05 18:52

원문: 코드 센터

Guide Highlights Run Demo
Java
Ajax
EasyTrader 실시간 데이터, 챠트, 주문 기입 및 클라이언트 쪽 정합성 검사를 포함하는 주식 거래 어플리케이션 예제. 또한 서드파티 챠트 패키지를 통합하는 방법을 보여 줌
bullet start bullet start
EasyMortgage 애니메이션 변화, 클라이언트 쪽 로직 및 기타 기능을 포함한 주식담보대출 계산기 예제
  bullet start
XPath 데이터셑과 UI DOM에 대한 XPath API 사용을 보여줌
bullet start bullet start
XModify UI DOM에 대해 수정을 가하는 XModify 문장 사용을 보여줌
bullet start bullet start
Macros 넥사웹에서의 매크로 사용을 보여줌
bullet start bullet start
Struts 스트럿츠 프레임워크를 이용한 서버측 이벤트 핸들링을 보여줌
bullet start bullet start
Print 넥사웹에서의 프린트 및 리포팅 기능을 보여줌
bullet start bullet start
Event Handling 서로 다른 서비측 및 클라이언트측 이벤트 핸들링을 보여줌
bullet start bullet start
DataBindingAjax 데이터소스, 이터레이터(반복자), 바인딩 및 포맷터 등 모든 데이터 프레임워크 컴포넌트의 사용법을 보여줌
  bullet start
RSSAjax 단순 RSS 결집기(aggregator)를 보여줌
  bullet start
Login 사용자로부터 입력 받아 서버로 보내 처리하는 워크플로우를 끝내는 출발점을 보여줌
bullet start bullet start
Web Services 넥사웹 어플리케이션에서 SOAP 요청 사용법을 보여줌
bullet start bullet start
UI Explorer Explores Nexaweb's user interface widget set.
넥사웹 사용자 인터페이스 위젯 집합 탐구 예제
bullet start bullet start
신고
Posted by 김민재
분류없음 l 2008.01.26 14:35
넥사웹의 CEO Coach Wei의 블로그 포스트를 아래 요약했습니다.
역시 Robert Buffone은 실제 구현물에 대한 결과값을 볼 수 있도록 해 놓았네요.
Awesome!!

Ajax 성능상의 쟁점들

Safari가 일반적으로 몇 백 퍼센트 차이로 인터넷 익스플로러를 앞질렀다.
IE는 Ajax 성능이 안 좋은데,, 시장 점유율은 높다. 참 문제다.

다른 브라우저도 성능상의 병목현상이 있다.

좀더 구체적으로 쟁점을 나열하면,
1. 일반적인 모든 브라우저에서의 배열 성능
2. 일반적인 HTML DOM 성능
3. Computed Box Model과 Style 계산
4. FireFox: "eval" 객체 생성과 "in" 오퍼레이션
5. IE: "String" 조작 성능
6. Safari: "pop" 오퍼레이션 성능

어떻게 하면 브라우저 벤더들이 귀 기울일까?

소음을 내자..
OpenAjax Alliance(http://www.openajax.org)에서 "Runtime Advocacy Task Force"라는 프로젝트 팀을 구성해서 Ajax 런타임 환경에 대한 쟁점들을 토의하고 있다.
신고
Posted by 김민재
분류없음 l 2008.01.23 16:07
사용자 삽입 이미지
넥사웹으로 구현한 게시판
신고
Posted by 비회원
분류없음 l 2008.01.15 17:30
1 

카테고리

분류 전체보기 (8)

달력

«   2017/12   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
tistory!get rss Tistory Tistory 가입하기!

티스토리 툴바