머털&보약의 기록

// 입력일("yyyymmdd" 형식)과 현재날짜를 비교 후 boolean type으로 return function isPreviousDay(dt) { //입력 날짜 년월일 const year = dt.substring(0, 4); const month = dt.substring(4, 6); const date = dt.substring(6, 8); //yyyy-mm-dd 포맷 세팅("-"를 붙이지 않으면 Invalid Date로 세팅됨) const inputDt = new Date(year + "-" + month + "-" + date); console.log("inputDt : " + inputDt); //현재날짜 const now = new Date(); console.log("now : " + ..

//시작일, 종료일 사이 일수 계산(yyyymmdd 형식) function calDiffDays(startDate, endDate) { //시작일 const strDt = new Date(startDate.substring(0,4), startDate.substring(4,6), startDate.substring(6,8)); //종료일 const endDt = new Date(endDate.substring(0,4), endDate.substring(4,6), endDate.substring(6,8)); //일수 차이(절대값) let diffDays = Math.abs(endDt.getTime() - strDt.getTime()); //하루(밀리세컨드)로 나눈 뒤 반올림 return Math.floor..

미래의 내가 보기 위해 javascript에서 thymeleaf값을 사용하는 방법을 기록한다. 코드로 대체한다. javascript(thymeleaf안의 script) // script에 th:inline 붙여야 함 controller @GetMapping("/list") public String list(Model model) { List list = userService.selectUserList(); model.addAttribute("list", list); return "view 페이지"; } reference: https://stackoverflow.com/questions/25687816/setting-up-a-javascript-variable-from-spring-model-by-usin..

목차 오늘도 역시 미래의 내가 보기 위해 기록을 남긴다. 동적 엘리먼트에 feather 아이콘 추가 😃 feather 아이콘은 처음 사용해봐서 삽질할게 전혀 아니었는데.. 삽질을 좀 했다. 우선 아래처럼 feather.js를 불러온 다음 만든 엘리먼트에 data-feather를 부여 후 script에서 feather.replace()를 호출하면 아이콘이 이쁘게 생긴다. 물론 아이콘은 data-feather에 포함된 것만 된다. home 동적 엘리먼트에 feather를 추가할 경우엔 아래처럼 하면 된다. 내 경우는 아래처럼 해서 아이콘으로 변환되지 않았었다. 당연히 엘리먼트를 그려주는 스크립트 범위안에서 feather.replace()를 해야 한다. reference: https://github.com/f..