Front37 [JavaScript] Safari 에서 new Date() NaN 오류 이슈 Safari 브라우저에서 Date가 안나오고 NaN이라고 뜨는 이슈가 있다. 아래와 같이 자바스크립트에서 흔히 사용하는 Date 객체에 String 타입의 날짜를 담아 사용할 때, 문제를 뱉는다. new Date('2021-11-01'); 이 이슈 해결하기 위해서 두가지 방법이 있다. 1. moment.js 라이브러리를 사용하는 방법. moment.js를 사용하면 어느 브라우저에서나 호환이 된다고 한다. 2. 아래 예시와 같이 2021-11-01T00:00:00 을 2021/11/01 00:00:00 형식으로 바꿔서 넣어주면 된다고 한다. // $("#countDownDate").val() == '2022-11-30 23:59' let countDownDate = new Date($("#countDown.. 2022. 11. 21. [Thymeleaf] 타임리프 th:onclick 사용하기 타임리프 템플릿을 사용하면서 onclick 이벤트를 걸 때, 자꾸 헷갈리고 잊어버리는 부분이 있어서 기록함. 1. location.href 이용한 경로 이동th:onclick="|location.href='@{/notice/info}'|" 2 .태그 내에 attribute를 주어서 함수 호출 할 때, 파라미터로 넘기기 3. location.href 경로 이동 시에 requestParam으로 파라미터를 넘기는 경우1) 단일 파라미터인 경우아래와 같은 예시는 실제로는 Url이 이렇게 찍힌다 -> ( /notice/ranking?rankCode=RANK_0001 )공지 랭킹 2) 파라미터가 여러 개인 경우아래와 같은 예시는 실제로는 Url이 이렇게 찍힌다 -> ( /event/ranking?rankCd=RAN.. 2022. 7. 30. [Thymeleaf] 유용한 타임리프 문법 #2 1. application.properties 값 조회 2. message 조회 3. 세션 정보 조회 4. Parameter 정보 조회 5. PathVariable 가져오기 2022. 5. 12. [JavaScript] 숫자 3자리(천단위) 마다 콤마 찍는 방법 상황 input text 안에 숫자를 입력할 때 마다 숫자만 입력되도록 처리하고 (replace) 천단위 마다 콤마가 입력되도록 해야 한다. 방법 - onkeyup 이벤트를 이용한다. $(".currency").off("keyup").on("keyup",function() { //콤마(,)찍기 $meetingReg.fnCurrencyFormat( this ); }); fnCurrencyFormat : function(obj) { obj.value = $meetingReg.comma($meetingReg.uncomma(obj.value)); }, comma : function(str) { str = String(str); return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g,.. 2022. 3. 30. [Thymeleaf] 유용한 타임리프 문법 #1 알아두면 정말 쓸모있는 타임리프 문법들이 있다. 📌th:classappend : 다양하게 쓰일 수 있지만 보통은 일정 조건일 경우에 class에 덧붙이고 싶을 때 유용하다. 국문 📌th:value 📌th:checked : checkbox 에 체크여부 처리가 쉽게 가능하다. 📌th:text 📌th:src 📌th:selected 1 2 3 📌th:href : 아래 예시 처럼 th:target도 존재한다. 취소 📌th:style : css와 관련된 것을 타임리프로 처리하고 싶을 때 사용한다. 삭제 2022. 3. 16. [Thymeleaf] a 태그 문자열 조합하여 사용하기 상황 a 태그를 사용할 때, 문자열을 조합하는 방법이 계속 헷갈려서 기록해두려고 한다. ✔️적용 위 예제처럼 mailto: 라는 문자와 넘겨받은 데이터 문자를 조합해야 할 때, {email} 변수처럼 선언하고 () 괄호 안에 email=${} 이렇게 email이 무엇인지 정의해주면 된다! 또 다른 방법 타임리프 문법 중에 문자열 치환하는 것이 있는데 | | 이걸 사용해도 된다. 답변작성 2022. 3. 10. 이전 1 2 3 4 5 6 7 다음