분류 전체보기 183

이클립스 SVN 연결 오늘은 이클립스에 설치한 svn을 이용해 코드를 가져와보자! ▼ 이클립스 SVN 설치https://cottoncandysom.tistory.com/196  1) 먼저 이클립스 상단의 Window 메뉴 클릭 -> Show View -> Other 선택 2) SVN Repositories - Open  3) 방식은 2가지인데,  - 1 : 빈 공간 우클릭 -> Repository Location 클릭  - 2 : 상단 아이콘 클릭  4) URL에 프로젝트 URL을 입력하고, Browse 버튼을 눌러서 유효한 URL인지 확인한다.그리고 User ID와 PW를 입력하고 Finish  5) 그럼 SVN Repositories 탭에서 프로젝트를 확인해 볼 수 있다!   SVN 소스 로컬로 다운..

데이터 객체를 이용한 통신 실제 데이터를 가져와서 가져온 데이터를 화면에 적용하는 통신 방법에 대해 알아보자!  먼저 Outline 탭 하위의 Head 탭을 클릭하면 Submission이 보인다.Submission을 우클릭 -> Submission 추가를 선택!   그럼 아래와 같은 창이 뜨는데,ID : 고유 ID를 의미한다.그리고 submission에서 제일 중요한 부분은그 아래에 있는 Reference / Target / URL Action 이다! Reference : Request 정보. 이미 만들어진 데이터 객체 중 하나를 선택해서 지정!Target : Response에 해당. 직접 입력하는 것이 아니라 실제로 내가 사용할 데이터 객체를만들어서 지정해 주는 것!URL Action : 내가 직접 데..

1) 이클립스 상단 메뉴 Help -> Eclipse Marketplace... 선택   2) svn 검색해서 나오는 Subversive - SVN Team Provider  >> Install  3) 전체 선택 4) Confirm 5) Finish  6) 설치가 완료되면 Restart Now를 눌러 재실행한다.   그리고 여기서 또!SVN Connector를 깔아줘야 한다고 함 1) 이클립스 상단 메뉴 Window -> Preferences 선택 2) SVN에서 -> SVN Connector 탭 선택 -> Get Connectors... 선택    근데?오류가 나버림(っ °Д °;)っ   Connector discovery completed without finding any connectors. Pl..

회사에서 프로젝트를 위해 환경세팅이 필요한데,또 까먹을 것 같아서 정리ㅎ 아래의 링크 접속 (오라클 홈페이지)https://www.oracle.com/java/technologies/downloads/#java8 원하는 운영체제에 맞게 파일 다운로드!🎈 (오라클 회원가입 되어있어야 설치 가능) 파일을 받아 설치까지 완료되었으면 환경 변수 설정을 해줘야 한다.  내 PC 우클릭 -> 속성  좌측의 정보 -> 고급 시스템 설정 클릭 고급 탭 -> 환경변수 클릭   시스템 변수 쪽에 새로 만들기 버튼 클릭 이름은 JAVA_HOME 으로 작성하고,변수 값에는 jdk 파일 설치한 경로 설정해 준다. 그리고 시스템변수 목록을 보면 Path가 있는데이를 선택하고 편집 버튼 클릭!  환경 변수 편집이 나오면 새로 만..

컴포넌트 제어  컴포넌트는 속성 / 이벤트 / API를 통해 제어가 되고 있다.제어를 하기 위해 가장 먼저 할 일은? 내가 제어할 컴포넌트의 id를 적용하는 것!id 만들 땐 공백 사용 x, 특수문자는 언더바 외에 다른 것은 쓰지 말자! 이렇게 id를 지정해 줘야 해당하는 아이디가 이 페이지에서 전역변수처럼 사용이 된다.    $p 객체 사용 id 지정을 했다면API를 사용해 컴포넌트의 설정을 해보자! Script 탭으로 이동한다.  현재 설정하고자 하는 컴포넌트는 날짜를 나타내는 input 창이다.기본으로 오늘 날짜를 띄우고 싶은 상태.이때 웹스퀘어의 유틸성 자원을 이용해 설정해 줄 수 있다.  // 오늘날짜 가져오는 함수 // yyyyMMddHHmmss, 패턴 안넣으면 yyyyMMdd임! var cu..

테이블 그리기 테이블(표) 형태를 그리고 싶다면?tableLayout을 사용한다! Palette 뷰어에서 TableLayout을 찾아 클릭해 준다. 그럼 위와 같은 창이 뜨는데,열과 행, 테이블 모양 등을 지정할 수 있다.   테이블을 만들고 난 뒤 상단 메뉴에서 행/열 추가, 삭제 등 기능을 사용할 수 있다. 그리고 각 칸마다 안쪽에 자식노드로 컴포넌트를 넣어줄 수 있다.이때 퀵 툴바를 사용할 수 있는데, 원하는 컴포넌트를 클릭하고 스페이스 바 누르기!(모든 컴포넌트가 다 나오진 않음)  현재 상태에서 웹 브라우저를 실행시키고,웹 페이지 크기를 줄여보면 자식 노드로 들어있는 컴포넌트들이 크기가 변하지 않아이상한 형태로 보이게 된다. 사이즈에 따라 테이블 모양이 바뀌는 형태 > 적응형 UI를 사용해 위 ..

웹스퀘어에서 컴포넌트를 생성하게 되면 크기 조절은 가능하지만 위치 변경은 불가능하다.이 컴포넌트 위치 변경하는 방법을 알아보자! 컴포넌트 사용법 먼저, 웹에서의 CSS 방법은- Static / Relative / Absolute / Fixed / Sticky Position 이 있다.이 중 Static과 Absolute가 가장 많이 쓰인다. Static : 지정된 포지션 없음, 크기만 지정되어서 사용됨, 화면에 그려준 컴포넌트의 순서대로배치하는 방식. 절대적인 좌표값을 가지지 않고 그려진 순서대로(순차적으로) 그려나가는 방법이다.Absolute : 정해진 포지션이 있음. top/left 등과 같이 정해진 포지션이 따라 화면을 배치한다.흔히 말해 절대 좌표값  상단 툴메뉴에서 아래의 드롭다운 버튼을 클릭한..

WebSquare의 컴포넌트 활용법 WebSquare에서는 다양한 컴포넌트를 손쉽게 만들 수 있다.컴포넌트들의 종류와 특징에 대해 간략하게 알아보쟈!   입력 컴포넌트  SearchBox : 창 안에 x 버튼이 있는 input ( x 버튼을 누르면 입력한 내용 사라짐)Secret : 비밀번호 입력과 같은 경우 사용함입력값 자체를 보이지 않게 하기 때문에 input 컴포넌트에 비해 속성 등이 더 적음!InputCalendar : 달력을 통해 날짜 선택 가능속성에서 calendarValueType이 default로 yearMonthDate로 되어있지만, 연월/연단위 등으로 변경 가능하다.Spinner : 숫자의 증감 표시할때 사용Textarea : 여러 줄의 텍스트 입력 시 사용Editor (CKEditor..

컴포넌트 사용법  웹스퀘어에서 컴포넌트를 사용하려면 3가지 방법을 이용하면 된다. 1. 컴포넌트가 지니고 있는 속성2. 이벤트3. API  1. 속성 1) 원하는 컴포넌트 선택  2) 우측을 보면 Property 탭이 있음.Property - 속성탭 선택!  3) 해당하는 컴포넌트의 속성과 적용방법을 볼 수 있다.내용은 마우스오버 (마우스 가져다 대기), 더 자세히 보고 싶다면 F1 웹스퀘어의 컴포넌트는 id 중심이다.그래서 이곳에서 id를 반드시 입력해줘야 사용할 수 있다.설정 후 디자인 탭에서 컴포넌트에 마우스를 가져다 대면 툴팁이 나오는데,▼ 이 툴팁은 상단 버튼을 선택해 표시하거나 숨길 수 있다.  property 설정 내용 (간략)initValue : 초기값 설정dataType : 데이터 타입 ..

WebSquare WebSquare란?웹 표준을 준수한 UI 프레임워크.ActiveX를 사용하지 않도고 웹 표준에서 동작할 수 있는 기반의 UI 개발 도구이다. 화면 소스는 xml로 되어있고, 해당하는 xml 파일이 웹 브라우저에서 로딩될 때 웹스퀘어의 엔진을 통해 html 형태로 변경되어브라우저로 표현되는 방식으로 구현된다. 그러나 sp5 버전부터는 xml을 바로 html로 바꾸지 않고,wpack이라는 변환 기술을 거쳐 한 번 더 xml을 경량화해주는 구조를 가지고 있다. 웹 표준이기 때문에 JavaScript나 CSS 등의 기법들을 사용할 수 있다.    웹스퀘어 화면파일 만들기  1) WRE (프로젝트) 하위 > Web 루트 이하에서 생성 및 관리가 필요함.따라서 현재 프로젝트 하위의 WebCont..

오류 내용  A Java Runtime Environment (JRE) or Java Development Kit (JDK) must be available in order to run Websquare.No Java virtual machine was found after searching the following locations  회사에서 나가게 될 프로젝트에서 웹스퀘어를 사용한다고 하여 미리 공부하는 차원에서 파일을 다운받아exe 파일을 실행했더니 발생했다.오류 내용은 jdk를 찾을 수 없다는 내용이었다.  해결 방안 jdk 경로가 잘못 지정되어 발생된 문제였다. 1) 웹스퀘어 다운로드 한 폴더에서 websquare.ini 파일을 찾아 더블클릭 (실행)2) 실행하면 텍스트 파일이 열리는데, 맨 윗..

Axios란?node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트.서버와 통신하기 위해 사용된다. ✅ Axios의 특징HTTP 요청 처리를 한다.Promise 기반이라 비동기 요청에 용이하다.운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 Http Api를 사용한다.HTTP 요청과 응답을 JSON 형태로 자동으로 변환해 준다.  Axios 사용 방법먼저 axios를 사용하기 위해 아래의 명령어를 사용해 axios를 설치한다.npm install axios   axios(config)기본 문법은 위의 형태이고, HTTP 요청을 보낼 때 보내는 요청에 대한 설정을 config 객체에 담아야 한다.  config 옵션config내용url요청을 보낼 URL 주..