날아라쩡글이의 블로그입니다.

조회버튼을 이용하여 정보를 조회하기 앞전에 확인한 것처럼 웹스퀘어는 통신할때 form을 이용해서 전송, 이동하지 않고 submission이라는 객체를 통하여 통신한다. addSubmission버튼으로 통신할 수 있다. 그러나 해당컬럼에서는 UI가 보이지 않기 대문에 subMission탭을 활용하면 편하다. 열러진 편집창에서 우선 id를 입력한다. 공백과 -을 사용하지 않는 고유식별자를 사용한다. reference는 request정보를 setting한다.request정보를 담아 줄 data의 객체를 생성하고 지정한다. target은 response정보를 setting한다. respose정보를 담아 줄 data객체를 생성하고 지정한다. URL action은 실제 서버와 통신한url을 연결해준다. mode에서..

각 컴포넌트에 기본Data를 setting하는 방법 기본값설정에 필요한 컴포넌트는 td의 객체 내의 각 컴포넌트들과 조회버튼이 필요하다. 기본값 셋팅에 필요한 컴포넌트들에 대하여 모두 id를 부여하고, 웹스퀘어에서의 컴포넌트들은 id를 부여하면 해당 id는 전역변수로 인식되어 script에서 바로 사용이 가능하다. id를 작성시 주의사항은 공백은 허용하지 않으며 -의 문자는 파싱의 과정에서 오류를 일으킬 가능성이 있어서 사용을 권장하지 않는다. 기본적이지만 id를 적용할 때의 중요한 사항은 유니크한 id를 사용해야한다는 점이다. id는 중복되는 경우 오류를 발생할 수 있다. 날짜util API를 입력할 때에는 $p객체를 이용할 수 있으며, $p를 입력하고 .를 입력하면 웹스퀘어에서 사용가능한 utilAP..

브라우져에 html UI태그들이 그려지는 기준을 고정위치와 상태위치로 나눌 수 잇다. 어떤 방식으로 구성할 지는 CSS의 속성의 position으로 결정된다. static - 소스코드의 순서대로 배치 absolute - 기준점을 중심으로 배치 relative - static의 확장으로 위치의 속성을 사용할 수 있다. fixed - absolute기반의 고정좌표 sticky - relative기반의 고정좌표 상단의 change Draw Mode를 클릭한다. Palette에서 원하는 해당 컴포넌트를 사용하고 absolute의 mode를 사용하면 개발자가 원하는 위치에 컴포넌트를 배치할 수 있게 만들수 있다. span을 선택하며 컴포넌트의 위치를 변경할 수 있다. trigger을 사용하여 버튼을 쉽게 만들수 ..

실행된 스튣디오에서 가장 먼저 Open Perspective기능을 확인한다. 기본적으로 웹스퀘어 5는 3가지의 화면을 가지고 잇다. default는 기본개발자모드, debug는 디버깅모드, old는 신규스튜디오 이전버젼의 기본 개발자 모드이다. defult로 설정하면 오른쪽 상단에서 perspective가 websquare로 선택된것을 확인할 수 있다. 기본 웹스퀘어에서 보이는 view를 확인할 수 있다. 만일 현재보여지는 view의 위치등을 조절하여 변경하고자 하면, 우선 view 위치조정 및 추가적으로 보고자 하는 view를 window -> showview -> other을 통해 open한다. 예를들면 console, server을 클릭해서 open이 가능하다 변경된 view의 모드를 저장할려면 w..

웹스퀘어는 자동으로 확장자 명이 xml으로 되어있기 때문에 따로 폴더명을 설정하지않고 설정한다. script에서는 javascript의 로직을 작성한다. websquare5 파일을 생성하면 onpageload-페이지로딩 후 실행 ,onPageunload-페이지종료 후 실행 이벤트가 자동 등록된다. 그리고 웹스퀘어 5에서는 기본 namespace기반의 코딩을 하며 default로 사용하는 객체의 명은 scwin이다. 웹스퀘어 5에서는 제공하는namespace를 사용하면 페이지를 닫을 때 해당자원을 자동을 delete시켜주는 기능을 이용할 수 있으며 scwin이라는 namespacea명은 설정을 통해 변경이 가능하다. DataColletion에서는 data객체를 생성하고 관리한다. Datamap은 단건 da..