분류 전체보기
-
01 데이터의 표현앵귤러/03 템플릿&데이터 바인딩 2017. 8. 18. 22:30
데이터의 표현HTML 템플릿의 컨트롤을 앵귤러 엘리먼트의 속성에 바인딩하여 데이터를 표시할 수 있습니다.이 페이지에서는 영웅의 목록이 있는 컴포넌트를 만듭니다. 영웅 이름 목록을 표시하고 목록 아래에 조건부로 메시지를 표시합니다.최종 UI는 다음과 같습니다.. 보간으로 컴포넌트 속성 표시컴포넌트 등록정보를 표시하는 가장 쉬운 방법은 보간을 통해 속성 이름을 바인딩하는 것입니다. 보간법을 사용하면 두 개의 중괄호로 묶인 뷰 템플릿에 속성 이름을 넣을 수 있습니다. {{myHero}}.display-data라는 새 프로젝트를 작성하십시오.그런 다음 템플릿과 컴포넌트의 본문을 변경하여 app.component.ts 파일을 수정합니다.완료되면 다음과 같이 보입니다.ng new my-app src/app/app...
-
03-08 의존성 주입(Dependency Injection)앵귤러/02 앵귤러 기초 - 아키텍처 2017. 8. 18. 21:38
의존성주입 의존성주입은 클래스의 새로운 인스턴스에 필요한 완전한 형태의 의존성을 제공하는 방법입니다. 대부분의 의존성은 서비스입니다. Angular는 새로운 컴포넌트에 서비스를 제공하기 위해 의존성 주입을 사용합니다.Angular는 생성자 매개수의 유형을 살펴봄으로써 컴포넌트에 필요한 서비스를 알수 있습니다. 예를 들어 HeroListComponent의 생성자에는 HeroService가 필요합니다. src/app/hero-list.component.ts (constructor) constructor(private service: HeroService) { } Angular가 컴포넌트를 만들면 먼저 컴포넌트에 필요한 서비스를 인젝터에 요청합니다.인젝터는 이전에 생성한 서비스 인스턴스의 컨테이너를 관리합니다..
-
03-07 서비스앵귤러/02 앵귤러 기초 - 아키텍처 2017. 8. 18. 21:31
서비스 서비스는 응용프로그램에 필요한 모든 값, 함수 또는 특성을 포괄하는 광범위한 범주입니다.거의 모든 것이 서비스가 될 수 있습니다. 서비스는 일반적으로 잘 정의된 목적을 가진 클래스입니다. 그것은 정의된 일을 잘 수행해야 합니다.예 :l 로깅 서비스l 데이터 서비스l 메시지 버스l 세금 계산기l 응용프로그램 구성Angular는 서비스에 대하여 구체적인 것은 없습니다. Angular는 서비스에 대한 정의가 없습니다. 서비스 기본 클래스가 없으며 서비스를 등록할 곳도 없습니다.그러나 서비스는 Angular 응용프로그램의 기본입니다. 컴포넌트는 서비스를 자주 사용합니다.다음은 브라우저 콘솔에 기록하는 서비스 클래스의 예입니다. src/app/logger.service.ts (class) export cl..
-
03 이클립스에서 Jco3 테스트ABAP/JCO3 2017. 8. 18. 13:39
이클립스에서 Jco3 테스트이클립스에서 개발환경을 구성한 다음 다운받은 예제 프로그램을 실행해 보겠습니다. 1. 이클립스에서 신규 자바 프로젝트를 생성합니다.이클립스 메뉴 : File -> New -> Java Project프로젝트 명 : jco3(임의로 지정함)’2. 프로젝트에 다운로드 받은 드라이버를 저장할 폴더를 생성합니다.폴더명 : lib(임으로 지정함0 3. 다운받은 앞축파일을 풀어서 sapjco3.dll, sapjco3.jar 파일을 프로젝트의 lib폴더에, examples폴더에 있는 자바파일을 모두 프로젝트의 src폴더에 복사합니다. 4. 프로젝트 jco3에서 마우스 오른쪽 버튼을 클릭하여 Properties를 클릭합니다. 5. Java Build Path메뉴의 Libraries 탭화면으로 ..
-
02 테스트용 SAP RFC함수 만들기ABAP/JCO3 2017. 8. 18. 13:34
테스트용 SAP FUCNTIONS 만들기다운로드한 압축파일의 예제를 실행하기 위해서는 테스트용 RFC함수를 생성해야 합니다.예제 자바프로그램 중 StepByStepClient클래스를 실행하는데 필요한 RFC함수는 Z_INCREMENT_COUNTER와 Z_GET_COUNTER입니다. 먼저 Z_INCREMENT_COUNTER함수를 생성합니다.T-CODE : SE37 Function Module : Z_INCREMENT_COUNTER생성버튼을 클릭합니다. Function 그룹과 단문을 입력하고 Save버튼을 클릭합니다. Attibutes탭화면에서 Remode-Enabled Module 체크Remode-Enabled Module을 체크해야만 자바에서 호출이 가능합니다. FUNCTION Z_INCREMENT_CO..
-
01 JCO3 드라이버 다운로드ABAP/JCO3 2017. 8. 18. 13:17
Jco3ERP를 사용하는 회사에서는 자바에서 SAP 를 호출해야 하는 경우가 종종 발생합니다.자바와 SAP를 연결해서 작업할 수 있도록 도와주는 SAPJCO3라고 하는 JCO드라이버를 사용하면 됩니다.SAP Jco드라이버 다운로드다운로드 URL : http://service.sap.com/connectors JCO를 다운받기 위해서는 SAP서비스를 사용하기 위한 회사용 SAP ID와 비밀번호를 입력합니다. 좌측 메뉴에서 SAP Java Connector -> Tools & Services를 클릭하면 우측화면이 나타납니다.Download SAJP JCo Release3.0링크를 클릭합니다. 해당 OS 및 CPU에 맞는 드라이버를 다운받습니다.주의할 점은 32비트와 64비트는 OS가 아닌 설치된 자바 버전에..
-
03-06 디렉티브앵귤러/02 앵귤러 기초 - 아키텍처 2017. 8. 15. 22:16
디렉티브 Angular 템플릿은 동적입니다. Angular가 표시할할 때 디렉티브가 제공하는 명령에 따라 DOM을 변형합니다.디렉티브는 @Directive 데코레이터가 있는 클래스입니다. 컴포넌트는 템플릿이 있는 디렉티브입니다. @Component 데코레이터는 실제로 템플릿지향 기능으로 확장된 @Directive 데코레이터입니다.두 가지 다른 종류의 디렉티브가 있습니다: 구조 디렉티브와 어트리뷰트 디렉티브.어트리뷰트처럼 엘리먼트 태그 내에 나타나기도 하고, 때로는 이름으로 표시되기도 하지만 할당이나 바인딩의 대상으로 표시되는 경우가 많습니다.구조 디렉티브는 DOM의 엘리먼트를 추가, 제거 및 교체하여 레이아웃을 변경합니다.예제 템플릿은 두 가지 내장 구조디렉티브를 사용합니다. src/app/hero-li..
-
03-05 데이터 바인딩앵귤러/02 앵귤러 기초 - 아키텍처 2017. 8. 15. 20:58
데이터 바인딩 프레임워크가 없으면 데이터 값을 HTML 컨트롤로 푸시하고 사용자 응답을 작업 및 값 업데이트로 변환 할 책임이 개발자에게 있습니다. 그러한 푸시/풀 로직을 직접 작성하는 것은 지루하고 오류가 발생하기 쉽고 숙련된 jQuery 프로그래머가 입증할 수 있기 때문에 악몽처럼 읽을 수 있습니다. Angular는 템플릿의 일부를 컴포넌트의 일부와 조율하는 메커니즘인 데이터 바인딩을 지원합니다. 템플릿 HTML에 바인딩 마크업을 추가하여 Angular에 양면을 연결하는 방법을 알려줍니다.그림에서 볼 수 있듯이 네 가지 형태의 데이터 바인딩 구문이 있습니다. 각 양식은 방향(DOM으로, DOM에서부터, 또는 양방향)을 나타냅니다.HeroListComponent 예제 템플릿에는 세 가지 형식이 있습니다..