web developer👩🏻‍💻

location.href 전체 URL 문자열 location.protocol 마지막 ':'를 포함한 프로토콜 정보 location.host URL의 호스트 정보 URL에 포트번호가 있으면 ':'과 포트번호를 포함 location.hostname URL의 호스트명 location.port URL의 포트 번호 location.pathname hostname 뒤의 '/'문자 뒤의 경로 location.search '?' 뒤의 쿼리 스트링 참고 : https://hianna.tistory.com/464

* JSON 객체의 parse String -> Object : String 객체를 json 객체로 변환 who, loginVO.getId()는 인자값으로 값이 담겨있다. JSON 객체는 중괄호({})로 둘러쌓아 표현 또한, JSON 객체는 쉼표(,)를 사용하여 여러 프로퍼티를 포함 TextMessage tmpMsg = new TextMessage("{\"code\" : \""+ who +"\", \"id\" : \""+ loginVO.getId() +"\"}"); var msg = JSON.parse(event.data); console.log("msg :::::::::::",msg); * JSON 객체의 stringify Object -> String : json 객체를 String 객체로 변환 wh..

원인 : JSON문법(형식)을 지키지 않아 나는 오류 (= JSON.parse 는 JSON 텍스트만 파싱) 해결방법 : JSON 의 경우에는 key 에 해당하는 값이 무조건 큰따옴표(double quote)로 감싸져 있어야 한다. 결과가 {"Key":"value","key":"value"} 구조로 넘어오는지 확인하기

[Spring] WebSocket sockJS Q&A 실시간 알림 구현하기 (1) WebSocket : 웹소켓에서는 서버와 브라우저 사이에 양방향 소통이 가능 웹 소켓은 HTML5 이후에 나왔기 때문에 Socket.io와 SockJS 이용해서 HTML5 이전 기술로 구현된 서비스에서도 웹 소켓처럼 사용할 수 truecode-95.tistory.com [Spring] WebSocket sockJS Q&A 실시간 알림 구현하기 (2) [ 개발 부분 ] WebSocketHandler.java package egovframework...; import java.util.Map; import java.util.concurrent.ConcurrentHashMap; import org.apache.commons.la..

1. oninput 이벤트, 정규식, replace() 함수 활용 oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" 연락처 - - 2. input type "number" 연락처 - - 3. 입력된 keycode 체크하기 function checkNumber(event) { if(event.key === '.' || event.key === '-' || event.key >= 0 && event.key

[PostgreSQL] [MySQL] AND title LIKE CONCAT('%', #{search01}, '%') [Oracle] AND title LIKE '%' || #{search01} || '%' [Mssql] AND title LIKE '%' + #{search01} + '%' 출처 : https://fruitdev.tistory.com/60

Log4j – Download Apache Log4j 2logging.apache.org* 개발환경에서 확인이클립스 개발환경에서는 pom.xml파일을 오픈한후Dependency Hierarchy 탭을 오픈한후 목록에서 log4j-core : 2.X.X가 있는지 확인 최종적으로 적용되는 버전은 "Resolved Dependency"목록에서 확인 가능 또는 이클립스 개발환경에서 Maven Dependency 항목의 목록에서log4j-core-2.X.X.jar 파일이 있는지 확인 * 운영환경에서 확인WAS 서버에서 웹프로젝트가 배포된 디렉토리에서WEB-INF/lib 디렉토리에서 log4j-core-2.X.X.jar 파일이 있는지 확인 JDK8은 Log4j-core 2.17.0 이상 최신버전을 적용 org.ap..

[AJAX] 다중 fileupload / formData 이용하여 JSON 파라미터 넘기기 html js file은 JSON에 포함될 수 없다. 그래서 FormData 안에 file과 JSON (= data)를 append 시킨다. //FormData 새로운 객체 생성 var formData = new FormData(); // 넘길 데이터를 담아준다. var data =.. truecode-95.tistory.com 업로드 이후로 다운로드 기능을 정리해보았다. xml SELECT file_no, board_no, original_file_name, stored_file_name, file_size, create_date, create_user, del_y_n FROM commonfiles WHERE b..

$('input[name="file_path"]').change(function(){ setImageFromFile(this, '#preview'); }); function setImageFromFile(input, expression) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(expression).attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } input file 에서 파일이 선택되면 onchange 가 동작 file 객체를 담아서 filereader 를 호출 및 이미지를 계산

[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) ​ 태그에 자동완성 기능을 해제하는 autocomplete="off" 추가 ​ autocomplete="off" = 자동완성을 금지한다. * 단, 크롬이나 사파리 등에서 나타나는 [구글/애플/삼성 계정에 이 계정 저장하기]를 통해 저장된 정보는 금지되지 않는다. 이 또한 금지시키려면 아래에 나오는 new-password 값을 사용