본문 바로가기

안녕하세요!

javascript

[ Javascript ] window.onscroll로 페이지 상단 스크롤 바 만들기 window.onscroll로 페이지 상단 스크롤 바 만들기 Javascript window window window 객체는 브라우저 내에 있는모든 요소들이 담겨있는 객체이며, 전역적으로 사용이 가능하기에 '전역 객체'로 불리운다. window browser, 즉 브라우저 창을 제어하는 여러 가지의 메서드를 제공한다. 전역객체로서 존재하기 때문에 사실상 생략하여도 무관하다. onscroll onscroll onscroll 함수를 사용하면 사용자가 페이지를 스크롤할 때 발생하는 이벤트를 감지할 수 있다. window.onscroll window.onscroll = function() { createProgressBar() }; createProgressBar() 함수가 이 이벤트가 발생할 때마다 호출된다... 더보기
[ Java ] Dao, Service 활용한 휴일 삭제하기 휴일 삭제하기 HolidayDAO.java private String HOLIDAY_DELETE = "DELETE FROM SQL_HOLIDAY_LIST WHERE YEAR=? AND MONTH=? AND DAY=?"; public int DELETEHoliday(Connection conn, String year, String month, String day) throws SQLException { int resultVal = 0; preparedStatement pstmt = conn.prepareStatement(HOLIDAY_DELETE); pstmt.setString(1,year); pstmt.setString(2,month); pstmt.setString(3,day); resultVal = p.. 더보기
[ Java ] DAO, Service 활용한 휴일 등록하기 휴일 등록하기 HolidayDAO.java private String HOLIDAY_INSERT = "INSERT INTO SQL_HOLIDAY_LIST (YEAR, MONTH, DAY, REMARK) VALUES(?, ?, ?, ?)"; public int insertHoliday(Connection conn, String year, String month, String day, String remark) throws SQLException { int resultVal = 0; preparedStatement pstmt = conn.prepareStatement(HOLIDAY_INSERT); pstmt.setString(1,year); pstmt.setString(2,month); pstmt.setSt.. 더보기
[ CAP ] Node.js - Facade Pattern - @sap/cds Facade Pattern Facade 패턴은 low level Interface들을 하나의 high level Interface로 통합시켜 주는 패턴이다. 클라이언트 객체가 여러 low level의 Interface 동작을 통제하고자 한다면, 여러 개의 low level의 Interface 메서드들을 하나 하나 호출해야 하는데, Facade 패턴을 사용하게 되면 high level의 Interface 메서드 호출만으로한 번에 할 수 있게 된다. 따라서 Facade 패턴에서는 high level의 Interface를 low level의 Interface로부터 통합하여 'Unified Interface'라고 부른다. @sap/cds SAP에서는 '@sap/cds'를 사용하면 여러 가지 메서드들의 재사용을 .. 더보기
[ Node.js ] Node __dirname과 __filename 근래에는 SAPUI5로 view를 제작하고, mock 서버에 로컬에 있는 파일을 업로드하는 것과 CAP Node.js로 csv 파일에 임의로 지정해둔 데이터를 활용해 CDS view를 출력하는 것까지 진행하였었다. 그 이후에는 두 종류의 view를 connect하여 CDS view에서 Identification의 Action 파트를 이용해 버튼을 구현 및 SAPUI5 view 페이지를 invoke하는 것을 수없이 시도했으나, 미흡한 실력인지는 몰라도 계속헤서 실패하였다. 다만, 이 과정에서 javascript로 CDS view에서 융통적으로 활용할 수 있도록 Action의 조건 또는 기능을 다양하게 구현할 수 있다는 점을 깨달았다. 당연히 커스터마이징 하는 데에는 더 많은 공부가 필요하겠지만, 하나 하나.. 더보기
[ CAP ] CDS UI로 여러 가지 Chart 만들기 schema.cds entity ChartDataEntities entity ChartDataEntities : cuid { parent : Association to one RootEntities; criticality : Association to one Criticality; integerValue : Integer; integerValueWithUoM : Integer; uom : UnitOfMeasure; forecastValue : Integer; targetValue : Integer default 30; dimensions : Integer; areaChartToleranceUpperBoundValue : Integer default 90; areaChartToleranceLowerBoun.. 더보기
[ CAP ] objcect 페이지의 default 값 대입해 UI 비동기 갱신하기 schema.cds entity Contacts entity Contacts : cuid { name : String; phone : String; building : String; country : Country; street : String; city : String; postCode : String; addressLabel : String; photoUrl : String; } schema.cds에 aspect rootBasis에 여러 속성을 설정해두면 다른 entity에서 재사용할 수 있게 된다. contact의 경우에는 entity Contacts와 일대일 연결을 시켜주어 Contacts가 가지는 uuid에 연결된 유니크한 속성값들이 조인된다. 여기서 특이한 점 중 하나는 addressLabel.. 더보기
[ CAP ] 기본 entity 변경사항이 반영된 entity 데이터 값 보여주기 service.cds service service1 sap.fe.featureShowcase 네임스페이스를 persistence로 초기화하고, 이 경로에 있는 schema.cds를 사용 한다. schema.cds에는 앞으로 사용할 테이블의 Attribute와 Tuple의 값들을 나열해 놓은 entity들이 선언되어 있다. 이제 다양한 공간에서 여러 가지의 action을 사용하기 위한 service를 service1로 사용하게끔 입력해 준다. @Capabilities.SortRestrictions.NonSortableProperties 어노테이션을 쓰게 되면, 배열 값에 입력한 값을 제외하고 데이터 값들이 정렬된다. 즉, 생성 및 수정에 관한 정보는 데이터가 정렬될 때 정렬 기준에서 비활성화됨으로써 해당 .. 더보기
300x250
반응형
loading

티스토리툴바