본문 바로가기

분류 전체보기

 (109)
Chapter 1 데이터 통신 1.1 데이터 통신 데이터 통신(data communication) 시스템의 기본 특성 네 가지 1. 전달(delivery) 시스템은 정확히 목적지에 데이터를 전달해야 한다. 데이터는 반드시 원하는장치나 사용자에게 전달되어야 한다. 2. 정확성(accuracy) 시스템은 데이터를 정확하게 전달해야 한다. 전송 도중에 변형되어 수전된 데이터는 사용할 수 없다. 3. 적시성(timeliness) 시스템은 적시에 데이터를 전송해야 한다. 적정시간보다 늦게 전송된 데이터는 쓸모가 없다. 화상이나 오디오 및 음성의 경우 적정시간에 이루어진 전송이란 데이터가 만들어진 그대로, 만든 순서대로, 그리고 과도한 지연 없이 전송된다는 것을 뜻한다. 이와 같은 전송을 실시간 전송이라고 한다. 4. 파형 난조(jitter) ..
modal close 모달창 닫는 이벤트 만들기 closeBtn.addEventListener("click", e => { detail_marker_modal.style.display = "none" });​ X ..내용채워넣기 모달창을 만들어준다. 우선 모달창은 style display:hidden으로 설정해준다. 그리고 이벤트가 생겼을 때에 style속성을 없애주거나 display:bolck 처리하면 모달이 생겨난다. 모달창 닫는 공간을 div로 만들어 준후 const closeBtn = modal.querySelector(".close-area") querySelector를 이용해서 닫기 버튼을 const변수에 지정해준후 closeBtn.addEventListener("click", e => { modal.style.display = "none"..
[ mariaDB ] 게시판 글 목록 rownum 생성하기 마리아 버전이 올라가면서 현재는 row_number() row()라는 함수로 rownum을 생성할 수 있게되었다. 하지만 내가 다니는 회사는 마리아 버전이 낮기 때문에 지원하지 않는 함수였다.. 따라서 rownum을 수동으로 만들어야 하기 때문에 변수(@)를 사용해서 rownum을 만들어주었다. SELECT t.* FROM( select @rownum := @rownum + 1 AS rownum , t2.* FROM ( select seq, wr_title as title, wr_content as contents, DATE_FORMAT(wr_date, '%y-%m-%d') as upload_date, wr_hit readCount , wr_thumb as thumb from news n JOIN (SE..
[html] input tag 자동완성 기능 없애기 input태그에 입력하려고 할 때 클릭시 이전에 입력했던 텍스트가 뜨는 경우가 있다. 좀 지저분해 없애고 싶다면
[mybatis/mariaDB] auto increment값 가져오기 데이터 베이스에 insert를 하다보면 PK를 시퀀스처럼 자동증가하는 값으로 설정하는 경우가 있을 것이다. 그럴때 PK를 가져오고 싶은데 insert할때 값으로 넣지 않는 경우 가져올 수가 없다. 그럴때 mybatis기능을 사용하면 된다. sql문에 다음과 같은 속성을 넣어준다 . useGeneratedKeys="true" keyProperty="seq" INSERT INTO sample(test) VALUES (#{test}); test = "me"; Map map = new HashMap(); map.put("test", test); int result = sampleService.Sample(map); String seq = map.get("seq").toString(); 이렇게 하면 String ..
[javascript/ajax] ajax의 구성 및 기능 ajax는 비동기 JavaScript and XML의 약어라는데 간단히 말하자면 페이지가 빨리 로딩되는 함수?기능?이다. ajax는 아래처럼 생겼다. $.ajax({ method: "GET", dataType: "json", data: { "test": test, "test2": test2 }, url: "/sample", success: function(data) { },error:function(error){ } }); 속성이 여러개 있지만 이정도만 사용하면 왠만한건 다 구현할 수 있었다. method get타입으로 보낼건지, post방식으로 보낼건지 정하는 옵션이다. get은 보안이 좀 약하고 post는 보안이 좀 가미된 느낌 ajax에서 보낸 데이터를 spring에서 controller단에서 받을..
[javascript] kakaomap api 도형 event listener 배열 객체 등록 꿀팁 카카오맵에 도형을 나타내고자 할때 전역배열로 도형을 넣는다면 삭제(초기화)도 쉽게 할 수 있다. 하지만 전역배열로 도형을 넣을 때의 단점도 있는데 도형을 클릭했을때 실행되는 이벤트 리스너에 배열을 객체로 등록하면 도형의 메서드를 사용하지 못한다는 점이다 ( 예를 들면 getBounds나 getPosition 같은 메서드들 ) 해결 방법은 이벤트리스너를 새로운 함수 안에 넣어 배열을 매개변수로 해서 매개변수의 메서드를 사용하게 만드는 것이다. 말이 좀 이해가 안되는 것 같아 코드를 첨부한다. 아래처럼 배열을 객체로 등록하지 않고 kakao.maps.event.addListener(circle[i], 'click', function(mouseEvent) { ... } 이런식으로 함수로 한번 감싸서 사용해야한..
[Spring] 정적인 파일 경로 설정하기 정적인 파일(img, css, js)들은 루트 webapp/static/안의 폴더에 넣어놓고 사용하면 된다.

티스토리툴바