JS5

• 

  Spring Boot Web Chatting : 스프링 부트로 실시간 채팅 만들기 (9) Kurento 를 이용한 그룹 화상 채팅 코드 분석 0. 시작하면서 1) MediaServer 의 구현 - SFU 의 모습을 기억해두자. 특히 이 모습과 코드를 비교하면서 보면 더욱 이해가 쉽다. 2) 동작은 어떻게?? 대략 이런 느낌이구나하고 넘어가고, 아래의 코드를 보면서 더 자세한 내용을 확인한다. 1. roomMap 을 통해 전체 room 을 조회, 추가, 수정, 삭제 한다 2. KurentoRoom 을 통해 화상 채팅 방을 만든다. 3. KurentoRoomManager 를 통해 KurentoRoom 에 대한 자세한 관리 - 조회, 추가, 수정, 삭제 -를 한다. 4. KurentoRegistry 는 이런 room 에 접속한 유저 - kurentoUserSession - 를 관리한다. 5. KurentoUserSession webrtc 를 위해 .. 토이 프로젝트/Spring&Java 갖고놀기 2023. 1. 27.

• 

  데이터 전달의 꽃 AJAX 다루기 - JS, JQuery, jsp(feat. 실시간 아이디 중복검사) 사실 ajax 를 몇번인가 사용했는데 이에 대한 정리가 하나도 없다는걸 깨달아서 마음먹고 정리해봤습니다. 순서상 JQuery 를 먼저 정리하고 정리해야하는데 jquery 는 다음 글부터 정리해야할듯ㅠㅠ AJAX 란 무엇인가 - Asynchronous Javascript and Xml Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다. 서버로부터 웹페이지가 반환되면 화면 전체를 갱신해야 하는데 페이지 일부만을 갱신하고도 동일한 효과를 볼 수 있도록 하는 것이 Ajax이다. 페이지 전체를 로드하여 렌더링할 필요가 없고 갱신이 필요한 일부만 로드하여 갱신하면 되므로 .. JavaScript 2022. 5. 12.

• DataPlay project - 1 : word cloud 생성기 코드 정리 이번 포스팅은 word cloud 를 만들기 위한 전체적인 코드와 찾아봤던 정보들을 정리하기 위한 글을 작성하도록 하겠다. 모든 코드는 git 에 올려두었고, 여기에는 크롤링 -> 데이터 파싱 -> Controller -> html 순으로 정리하도록 하겠다. 1. 크롤링 crewler - 크롤링을 위한 코드는 네이버 블로그 검색 API 와 아래 블로그의 Steele 님의 코드를 약간 수정해서 사용하였다 (주소는 아래 참조에 달아두었습니다) - 나름대로 로직을 이해하기 위해 주석을 달아서 정리하였으나, 보다 자세한 설명은 Steele 님의 글을 보는게 훨~~씬 도움이 되리라 생각한다. package HJproject.DataMining; import org.json.simple.JSONArray; impo.. 토이 프로젝트/Spring&Java 갖고놀기 2022. 5. 10.

• JavaScript 기본기 익히기 (3) : html에서 값 가져오기, form 값 가져오기,객체 다루기 1. html 문서에서 값 가져오기 : document html 문서에서 값을 가져오기 위해서는 document 객체의 get 함수를 이용한다. 대표적으로 아래 함수들을 사용하는데 특히 html 의 id, class, name 등을 이용해서 해당 태그 내 값을 가져온다. document.getElementById(); document.getElementsByClassName() document.getElementsByName() document.getElementsByTagName() document.getElementsByTagName() document get 함수를 통해서 가져오는 값들은 모두 ‘객체’ 이다. 이 때문에 객체의 값을 다시 가져오기 위해서는 value 를 사용해야한다. console... JavaScript 2022. 5. 2.

• JavaScript 기본기 익히기 (1) : 변수 선언, 배열, 제어문, 문자열 사실 JavaScript 는 이전에 웹 프로젝트를 할때부터 접해왔었다. 근데 당시에는 솔직히 너~~무 어려워서, 정말 뭔말인지 하나도 모르겠어서 정리하는 것조차 포기하고 있었다. 근데 진짜 신기하게도 java 를 공부하면서 이것저것 만들다보니 이번에 JS 강의를 들으면서는 확실히 이해가 되었다. 의외로 Java 와 비슷한 부분이 많아서 적어도 기초 부분에서는 나름 재미있게 공부하고 있다. 그런 의미에서 JS 도 공부하고 정리한 내용을 작성해보려고 한다. 1. JavaScript 자바 스크립트는 사용자와의 인터렉티브를 담당 → html 에서의 사용자와 상호작용을 담당하는데 쉽게 생각하면 전반적인 이벤트를 담당한다고 생각하면 된다 ECMAscript 라고도 한다 console.dir(객체명) 를 통해서 콘솔.. JavaScript 2022. 4. 23.