Web81 JSP vs SPA(AJAX) MPA (multi page application) 사용자가 페이지를 요청할 때마다, 웹서버가 요청한 UI와 필요한 데이터를 HTML로 파싱해서 보여주는 방식의 웹 어플리케이션 기존 웹은 요청시 마다 새로고침이 발생해서 서버로부터 리소스들을 받아 렌더링 하는 방식(SSR)이었다. 서버로 부터 form 데이터를 전달해 새로운 페이지 렌더링을 요청한다. 다시 말해 서버에서 html파일을 만들어두고 클라이언트가 요청하면 각종 프로그래밍 언어들을 통해 데이터베이스에서 데이터를 꺼내 ASP, JSP, PHP 같은 파일들에 넣어준 후 HTML 포멧으로 만들어 전송한다. 서버에 담긴 jsp파일이 있다면, 서버는 자바코드를 통해 데이터베이스와 연결해 데이터를 가져와 이 jsp파일에 담긴 결과물을 html 처럼 만들어 .. 2023. 9. 15. [JS] 그래프 연동 Controller // 그래프 연동 @PostMapping("/graph.com") public String graph(@RequestParam("u_id") String u_id) { Map 2023. 8. 4. [JS] 웹에 웹캠 거울버전으로 2개 영상 송출 jsp js /** * */ document.addEventListener("DOMContentLoaded", () => { new App(); }) class App { constructor() { const video = document.querySelector("#videoElement"); if (navigator.mediaDevices.getUserMedia) { navigator.mediaDevices.getUserMedia({ video: true }) .then( (stream) => { // function 의 this와 화살표 함수의 this 가 다름 video.srcObject = stream; }) .catch(function (error) { console.log("Somethin.. 2023. 7. 19. [JS]웹캠 영상 송출 참고 블로그 https://gaibeelife.tistory.com/25 2023. 7. 19. [NodeJS] nodejs로 한 화면에 2개의 rtsp 영상 송신 기본 설정_설치 파일 js와 html 파일이 존재하는 경로로 이동하여 npm install -S rtsp-relay express 설치! jsp js const Stream = require('node-rtsp-stream'); const streamUrl1 = "${rtsp 주소}"; // rtsp 영상 주소가 없다면 아래 첨부해놓은 주소 쓰면됨 stream1 = new Stream({ name: 'foscam_stream', streamUrl: streamUrl1, wsPort: 9999, // 10000이나 10001 등으로 안겹칠만한 포트번호로 설정하면 된다. width: 720, height: 480 }); const streamUrl2 = "${rtsp 주소2}"; // rtsp 영상 주소가 .. 2023. 7. 18. [NodeJS]rtsp 주소(실시간 영상) 웹으로 불러오기 환경설정 FFmpeg 다운로드 https://www.gyan.dev/ffmpeg/builds/ Builds - CODEX FFMPEG @ gyan.dev FFmpeg is a widely-used cross-platform multimedia framework which can process almost all common and many uncommon media formats. It has over 1000 internal components to capture, decode, encode, modify, combine, stream media, and it can make use of dozens o www.gyan.dev 사이트를 조금 내려가보면 release 부분이 있는데 거기서 가장 위에 있는.. 2023. 7. 17. 이전 1 2 3 4 ··· 14 다음
