안녕하세요! 프로그래밍 언어/Javascript 썸네일형 리스트형 [ Javascript ] window.onscroll로 페이지 상단 스크롤 바 만들기 window.onscroll로 페이지 상단 스크롤 바 만들기 Javascript window window window 객체는 브라우저 내에 있는모든 요소들이 담겨있는 객체이며, 전역적으로 사용이 가능하기에 '전역 객체'로 불리운다. window browser, 즉 브라우저 창을 제어하는 여러 가지의 메서드를 제공한다. 전역객체로서 존재하기 때문에 사실상 생략하여도 무관하다. onscroll onscroll onscroll 함수를 사용하면 사용자가 페이지를 스크롤할 때 발생하는 이벤트를 감지할 수 있다. window.onscroll window.onscroll = function() { createProgressBar() }; createProgressBar() 함수가 이 이벤트가 발생할 때마다 호출된다... 더보기 [ 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의 조건 또는 기능을 다양하게 구현할 수 있다는 점을 깨달았다. 당연히 커스터마이징 하는 데에는 더 많은 공부가 필요하겠지만, 하나 하나.. 더보기 [ Javascript ] What is the 'httpRequest.readyState == 4'? readyState readyState - XMLHttpRequest 객체의 현재 상태를 나타낸다. - UNSET(숫자 0) : XMLHttpRequest 객체가 생성된다. - OPENED(숫자 1) : open() 메서드가 성공적으로 실행된다. - HEADERS_RECEIVE(숫자 2) : 모든 요청에 대한 응답이 도착하게 된다. - LOADING(숫자 3) : 요청한 데이터를 처리 중이다. - DONE(숫자 4) : 요청한 데이터의 처리가 완료되어 응답할 준비가 완료되었음을 의미한다. status status - 서버의 문서 상태를 나타낸다. - 200 : 서버에 문서가 존재함을 의미한다. - 404 : 서버에 문서가 존재하지 않음을 의미한다. onreadystatechange onreadystate.. 더보기 [ Javascript ] How to use 'json.stringify()'? JSON(JavaScript Object Notation) JSON(JavaScript Object Notation) - 데이터를 문자열의 형태로 나타내기 위해 사용 - 네트워크를 통해 서로 다른 시스템들이 데이터를 주고 받을 때 사용 json.parse() JSON.parse() - JSON 문자열을 인자로 받아 결괏값 JavaScript 객체로 변환 1) JSON 문자열을 'aaa'라는 변수에 저장 * JSON 문자열에서는 키(name, age, married, jobs)를 나타낼 때 쌍따옴표 반드시 사용 const aaa = '{ "name" : "derrik", "age" : 30, "married" : false, "jobs" : "Pythonchobo" }'; 2) 'JSON.parse()' .. 더보기 [ Javascript ] What is the 'jQuery'? jQuery jQuery - 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리 - 문서 객체 모델(DOM)과 이벤트에 관한 처리 손쉽게 구현 가능 - Ajax 응용 프로그램 및 플러그인도 제이쿼리를 활용해 빠르게 개발 가능 - jQuery 사용 시, html 파일에 복사 및 붙여넣기만 하면 자동으로 설치 - SAP 1.58 버전부터는 jQuery를 사용하지 않는다고 한다. OData V2 Mock Server - Calling a function Import ○ 시간 설정을 통해 이미 지나간 스케줄은 화면에서 제외하고 이제 남은 스케줄만 보여주기 - [ metadata.xml ] - [ App.view.xml ] 1) 보여주고자 하는 리스트의 경로 설정 2.. 더보기 이전 1 다음
