본문 바로가기
반응형

javascript18

[JavaScript] 배열을 Json형태처럼 만들기 let list = new Array(); let obj = new Object(); //Object에 obj.(key) = (value) 형태로 넣어준다. obj.id ="test" obj.pw="1234"; obj.num="010-xxxx-xxxx" list.push(obj); //출력 0 : {'id' : 'test', 'pw' : '1234' , 'num' : '010-xxxx-xxxx'} 2018. 9. 3.
[JavaScript] window.open시 get방식이아닌 post방식으로 data 넘기기 let form = document.createElement("form"); // form 엘리멘트 생성 form.setAttribute("method","post"); // method 속성 설정 form.setAttribute("action","/project/create"); // action 속성 설정 document.body.appendChild(form); // 현재 페이지에 form 엘리멘트 추가 let insert = document.createElement("input"); // input 엘리멘트 생성 insert.setAttribute("type","hidden"); // type 속성을 hidden으로 설정 insert.setAttribute("name","ids"); // name.. 2018. 8. 27.
[JQuery] 서버단에서 Object를 받았을때 javascript단에서 Object의 크기 알아내기 $(document).ready(function(){ $.ajax({ type : 'GET', url : '/userinfo', success : function(response) { if (Object.keys(response).length > 0) { alert('length > 0'); } else { alert('length < 0') } }, error : function(e) { alert("ERROR : " + e.statusText); } }); }); 2018. 8. 20.
[SpringFramework] WebSocket과 Stomp 연동하기 WebSocket은 웹 상에서 쉽게 소켓통신을 하게 해주는 라이브러리로 실시간 채팅 서비스등 여러 유용한 서비스의 기반이 된다.스프링 환경에서는 이러한 서비스를 구현하기 위해서 필요한 2가지가 있는데 WebSocket의 기능을 보완해주고 향상시켜주는 SockJS라이브러리와 메시징전송을 좀 더 효율적으로 지원해주기 위한 STOMP 프로토콜이 존재한다. 일반 WebSocket 환경에서는 핸들러만 구현해주고 직접 호출했지만 STOMP를 이용하면 핸들러와 브로커 라는 개념을 이용해서 서로간의 통신을 하게 된다. STOMP STOMP는 Simple/Streaming Text Oriented Messaging Protocol의 약자이며 텍스트 기반의 메시징 프로토콜 이다. TCP나 WebSocket과 같은 신뢰성있.. 2018. 8. 1.
[JavaScript] JSON을 자바스크립트 배열로 변환하기 예시) // evt로 JSON객체가 들어왔다고 예를들어보자 function(evt) { //jsontext에 JSON객체를 넣는다. var jsontext = evt.data; //JSON.parse를 이용해 jsontext를 파싱해 contact 변수에 넣어준다. var contact = JSON.parse(jsontext); //for문을 돌면서 contact[i]의 값을 출력한다. for (var i = 0; i < contact.length; i++) { console.log(contact[i]); } } 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2018. 8. 1.
Eclipse에 Javascript 코드 어시스트(javascript code assist) Tern Eclipse IDE 구축 유명한 코드 어시스트인 WebClipse를 설치해도 컨트롤 스페이스가 먹히지 않았다.. 그래서 다른 코드 어시스트를 발견하게되었다. 단점이라고 찾아보자면.. 수동 설정을 해줘야하는것정도? 10초면 충분하다. 이름은 Tern Eclipse IDE ! 설치방법 ※ WebClipse를 사용하고 계신분들은 Eclipse Marketplace에 들어간후 탭메뉴의Installed에 들어가신후 Uninstall 하신 후 설치해주시길 바랍니다. Eclipse Marketplace -> Tern 검색 -> Tern Eclipse IDE 1.2.0 설치 후 이클립스 재부팅. 그런다음 1. 프로젝트별로 수동 설정해줘야 하므로 (10초도 안걸릴것 같음) 적용 하고 싶은 프로젝트를 우클릭 후 Configure -> Conver.. 2018. 7. 23.
반응형