이 모듈에서는 이미 생성된 LoopScreen이라는 스크린이 있고 안에 하나의 Screen Action이 있습니다. 화면에는 숫자 입력 매개변수와 연결된 값 3과 함께 Power Of Two Screen Action을 호출하는 버튼이 있습니다. 구현 2의 거듭제곱은 주어진 값만큼 숫자 2를 곱하는 수학 함수입니다. 따라서 3이면 2^3 즉 8(2*2*2)이 나와야합니다. 이 수학 함수를 구현하기 위해 루프를 사용합니다. Ad-hoc 루프는 Ifs를 사용하여 구현할 수 있습니다. Ad-hoc 루프란? outsystems에서 Ad-hoc 루프는 반복 횟수를 미리 알 수 없는 상황에서 사용하는 반복문입니다. Ad-hoc는 즉석에서, 임시적으로 라는 뜻을 가지고 있습니다. IFs란? OutSystems에서 "i..
이 모듈에서는 이미 Screen을 만들고 그 안에 하나의 Screen Action을 만들었습니다. 이제 화면에 버튼을 추가하여 화면 작업을 호출해 보겠습니다. 숫자가 홀수인지 짝수인지 확인하기 위해 Screen Action을 사용합니다. 그리고 이를 위해 액션에 입력매개변수를 추가하여 숫자를 전달할 수 있습니다. 이제 Screen Action에 입력 매개변수가 있으므로 버튼에 값을 설정해야 합니다. 100을 설정해줍니다. 이제 화면 동작 로직을 구현할 차례입니다. If위젯을 사용하여 숫자가 홀수인지 짝수인지 확인합니다. 그리고 If를 두번 클릭하여 if조건의 표현식 편집기를 열어 조건을 입력해줍니다. 조건에는 숫자가 홀수인지 확인하기 위해 2로 나눈 나머지가 0이 아닌지 확인할 수 있습니다. Mod(Nu..
Service Studio에는 주문을 생성하거나 편집할 수 있는 화면이 있는 모듈이 이미 열려 있습니다. (모듈 참조 : https://www.outsystems.com/ko-kr/training/Learn_Lesson_View.aspx?LessonId=2031&LessonName=demo-how-to-create-and-use-actions&LearningPathId=1) Error Handler | OutSystems www.outsystems.com 이때 Screen의 UI는 정의되어 있지만 Database에 순서를 저장하는 로직은 정의되어 있지 않습니다. 화면에는 이미 생성된 저장 버튼이 있습니다. 버튼을 클릭하면 지금까지 주문한 화면으로 이동합니다. 그러나 주문을 생성하거나 업데이트하는 로직을 ..
변수 변수는 데이터를 저장할 수 있는 메모리의 위치입니다. Outsystems에서 변수는 입력 매개변수, 로컬 변수 , 출력매개변수가 있습니다. 아래 사진을 보시면 BookRoom 이라는 서버액션에서 3개의 입력매개변수가 있습니다. 체크인 날짜, 체크아웃날짜, 게스트 수와 같은 여러 입력 매개변수가 있습니다. 그리고 객실번호, 객실 가격과 같은 출력매개변수도 있습니다. 또한 특정 방에 대한 정보를 보유할 지역 변수도 있습니다. 이러한 모든 변수는 BookRoom 작업 범위 내에서 상호 작용하고 동작합니다. 자세히 하나하나 살펴보겠습니다. 입력 매개변수(Input Parameter) 입력 매개변수를 사용하면 외부 범위에서 상위 범위로 값을 전달할 수 있습니다. 각 입력 매개변수에는 몇가지 속성이 있으며 이..
OutSystems에서 정의 할 수 있는 세 가지 유형의 로직이 있습니다. Screen Actions Screen Actions은 화면 내부에서 정의되며 일반적으로 해당 화면의 일부인 위젯에 바인딩됩니다. 예를 들어 버튼을 누를때마다 화면 액션이 실행될 수 있습니다. 화면 내부에서 정의되기 때문에 해당 범위에는 해당 화면 수준에서 정의된 내용이 포함됩니다. 따라서 화면 위젯 위에도 정의된 집계, 화면 입력 매개변수 및 로컬 변수도 포함됩니다. Screen Actions의 범위는 정의한 화면으로 제한됩니다. Client Actions Client Actions은 Screen Actions와 다소 유사합니다. 그러나 클라이언트 작업은 모듈 전체에서 사용되며 단일 화면 내에서 구체적으로 바인딩되지 않습니다. ..
Container Widget을 사용하여 화면과 그 내용에 일부 스타일과 서식을 조정하고 추가하는 방법을 보여드리겠습니다. 각각 소설 미디어 아이콘을 표시하는 세 개의 섹션을 화면에 만들 것입니다. 열려 있는 화면에 Container를 추가하는 것으로 시작하겠습니다. 컨테이너 컨테이너는 기본적으로 화면의 HTML Div이며 너비를 쉽게 사용자 지정할 수 있습니다.(본인은 4col로 크기를 줄여줌) Style classes 속성을 사용하여 위젯에 CSS스타일을 적용할 수 있습니다. 카드 스타일 클래스는 흰색 배경과 콘텐츠 주위의 패딩을 추가하는 내장 CSS 클래스입니다. 컨테이너에 아이콘을 추가해보겠습니다. 도구상자에서 icon을 클릭한 후 컨테이너 안으로 드래그해줍니다. 그리고 기존 컨테이너의 오른쪽에 ..
IfWidget이라는 이름의 새로운 스크린 화면을 만들어 진행하겠습니다. 지역변수를 먼저 생성하고 이름은 Number 타입은 Integer로 설정하겠습니다. 그리고 지역변수를 증가 또는 감소시키는 두개의 버튼을 생성하고 버튼을 더블클릭합니다. 그럼 다음과 같은 화면이 뜹니다. 도구모음에서 Assign을 드래그하여 statr와 end사이에놓고 assign을 클릭하여 오른쪽하단의 속성에 위의 처럼 작성합니다. 위의 사진은 Increase이고 Decrease에서는 Number-1을 해주면 됩니다. 결과를 확인해보면 증가버튼을 눌렀을 경우 증가 감소버튼을 눌렀을 경우 감소가 잘 됨을 알 수 있습니다. 이제 본론으로 돌아와 if위젯을 사용해보겠습니다. 기존 Expression을 삭제하고 그 자리에 도구모음에서 i..
Calculator이라는 새로운 Screen을 만들어 시작하겠습니다. 이제 화면에 입력 매개변수를 추가하고 필수가 아닌 것으로 설정하겠습니다. 이제 Number 변수의 값을 증가시키는 버튼을 추가해보겠습니다. 왼쪽 도구 모음에서 버튼을 화면에 끌여다 놓고 버튼을 선택하면 버튼을 클릭할 때 수행할 작업을 지정할 수 있습니다. 그리고 이것은 Onclick 이벤트 속성을 설정하여 수행할 수 있습니다. 우리의 경우 동일한 화면으로 이동하여 숫자 입력 매개변수를 늘리고자 합니다. 아래의 값처럼 설정해줍니다. 이제 화면에서 결과를 볼 수 있도록 숫자입력매개변수의 값을 표시해 보겠습니다. 변수 또는 입력 매개변수를 화면으로 드래그하면 해당 값을 표시하는 표현식이 생성됩니다.(오른쪽의 Number를 드래그하여 화면에 ..
표현식 위젯을 사용하기 위해 아래의 빈화면에서처럼 시작하겠습니다. 표현식 위젯을 추가하려면 도구 상자에서 왼쪽으로 끌어서 화면안에 놓기만 하면 됩니다. 표현식을 스크린화면에 끌어 놓으면 표현식 편집기가 뜹니다. 여기에서 런타임에 계산될 표현식을 실제로 입력한 다음 최종사용자에게 표시될 텍스트를 생성합니다. 간단하게 3*5 곱하기를 화면에 나타내겠습니다. 3*5를입력하고 publish 해보겠습니다. 결과화면입니다. 런타임 시, 즉 브라우저에서 최종사용자는 계산된 값을 텍스트로 보게 됩니다. 표현식 값이 잘 나옴을 알 수 있습니다. 추가적으로 문자열, 숫자와 문자열을 연결한 표현식을 보여드리겠습니다. 먼저 2개의 표현식위젯을 화면에 끌여다 놓습니다. 문자열의 텍스트편집기에는 아래와 같이 입력해줍니다 "Hel..
이벤트 우리가 이용하는 웹사이트에는 수많은 기능을 제공합니다. 특정 메뉴 버튼을 클릭할 때 정보가 노출되거나 반대로 정보를 입력하면 서버에 저장 기능 등 이러한 기능들이 없다면 웹페이지는 그냥 글자만 있는 전자문서와 다를게 없습니다. 주로 우리들은 이 웹페이제 있는 기능을 이용하기 위해서 마우스나 키보드를 조작하여 기능을 실행합니다. 바로 이러한 행위들을 이벤트라고 부릅니다. 핸들러 이벤트가 발생하면 특정 함수를 할당해서 실행할 수 있는데, 이것을 핸들러(Handler)라고 합니다. 핸들러 표현 방식 : on+이벤트 타입 HTML DOM Event 종류 : https://www.w3schools.com/jsref/dom_obj_event.asp HTML DOM Event Object W3Schools o..
자바스크립트를 이용한 css style 제어 아래와 같은 코드가 있습니다. id를 이용해 html의 css을 scipt 안에서 바꿔보겠습니다. Box Red Green Blue script 태그안에 다음의 코드를 추가해줍니다. 주의하실점은 일반적으로 css를 작성할때 background-color:red; 와같이 대시를 사용하지만 script 안에서는 카멜케이스(camel case)로 작성해줍니다. 아니면 익숙한 방법으로 작성하실려면 대괄호를 이용해줍니다. box.style["background-color"]="blue"; 콘솔창에서 한번확인해보겠습니다. 콘솔창에 box.style을 입력해줍니다. 보시면 카멜케이스로 작성이 된 걸 알 수 있습니다. 여러속성을 동시에 적용할 수 도있습니다. border의 ..
클래스 다이어그램 클래스 다이어그램의 기초 클래스 다이어그램의 구성 요소 클래스 : 자료 타입 그 자체를 나타냄 연관관계 : 클래스 인스턴스 사이의 관계를 나타냄 속성 : 클래스와 그 인스턴스 안에서 발견될 단순자료 오퍼레이션 : 클래스와 그 인스턴스에 의하여 수행될 함수를 나타냄 일반화 : 클래스를 상속 구조로 그루핑 클래스와 가시성 클래스는 박스로 표현하며 그 안에 이름을 적는다. 다이어그램은 속성과 오퍼레이션을 나타낼 수 있다 오퍼레이션의 원형은 다음과 같이 표시한다 operationName(parameterName parameteType,..): return Type 속성 객체의 상태 또는 성질을 나타냄 객체에 대한 정보를 나타냄 속성은 변수와 동의어는 아님. 추상적으로 정의한 성질 객체 외부에서..
01. 소프트웨어공학 정의 : 고객의 문제를 해결하기 위해 고품질 소프트웨어를 정해진 자원으로 개발하거나 발전시키는 체계적인 프로세스 고객의 문제 해결 체계적인 개발과 발전 잘 이해하고 있는 기술을 조직된 원리와 방법으로 적용하는 과정 표준으로 받아들여진 기술 - ISO, IEEE, KS 대부분은 발전적(evolution) 개발 대규모 고품질 S/W 시스템 홀로 완성시킬 수 없기 때문에 엔지니어링 기술 필요 팀워크와 협동이 필요 작업의 분할과 시스템의 각 부분이 잘 작동하느냐가 관건 최종 제품은 충분히 좋은 품질을 가지고 있어야 비용, 시간, 기타 제약 한정된 자원 얻는 이득이 비용을 초과하여야 더 빠르고 싸게 개발하도록 다른 기업과 경쟁 비용과 시간의 부정확한 예측으로 대부분의 프로젝트가 실패로 끝남 ..
자바에서의 표준 출력 printf : 서식 문자열에 맞게 변수의 내용을 출력 형식 : System.out.printf(서식문자열,변수) c언어의 printf()함수와 사용법 동일 print : 값이나 변수의 내용을 형식없이 출력 형식 : System.out.print() 문자열을 출력할 때 큰따옴표로 묶어줘야 한다 문자열 또는 문자열 변수를 연속적으로 출력할 때는 +를 이용 System.out.print("abc123"+"def") println : 값이나 변수의 내용을 형식없이 출력한 후 커서들 다음 줄의 처음으로 이동 형식 : System.out.println() 출력 후 다음줄로 이동한다는 절을 제외하면 print() 메소드와 사용법 동일 파이썬 람다(lambda) 형식 : lambda 매개변수 :..
UML 시스템 분석, 설계, 구현 등 시스템 개발과정에서 고객 또는 개발자 상호 간의 의사소통이 이루어지도록 표준화한 대표적인 객체지향 모델리 언어 UML의 특징 : (우마루 가구는 명문이다) 가시화, 구축, 명세화, 문서화 UML의 구성요소 3가지 : 사물,관계,다이어그램 사물 : 다이어그램 안에서 관계가 형성될 수 있는 대상들 관계 : 사물과 사물 사이의 연관성을 표현 다이어그램 : 사물과 관계를 도형으로 표현 사물의 종류 4가지 : 구조사물, 행동사물, 그룹사물, 주해사물 구조사물 : UML의 사물의 종류 중 시스템의 개념적, 물리적 요소를 표현하는 것 행동사물 : UML의 사물의 종류 중 시간과 공간에 따른 요소들의 행위를 표현 그룹사물 : UML의 사물의 종류 중 요소들을 그룹으로 묶어서 표현하..
