본문 바로가기

IT/Front-End7

React 현재 날짜 출력하기 const today = new Date(); // 현재 날짜를 가져옵니다. const formattedDate = `${today.getFullYear()}년 ${today.getMonth() + 1}월 ${today.getDate()}일`; // 원하는 형식으로 날짜를 설정합니다. 1. new Date() -> 함수를 이용해, today에 담는다. return ( {formattedDate} ); 2. 날짜포맷을 맞추어, formattedDate 변수에 담아 { formattedDate } -> 출력한다. 2023. 12. 15.
var, let, const의 차이 var는 아래와 같은 문제점이 존재한다. 변수 중복 선언 가능하여, 예기치 못한 값을 반환할 수 있다. 함수 레벨 스코프로 인해 함수 외부에서 선언한 변수는 모두 전역 변수로 된다. 변수 선언문 이전에 변수를 참조하면 언제나 undefined를 반환한다. ES6에서 나온 let과 const 키워드는 위의 세 가지 문제점을 해결했다. 1. 변수 중복 선언 불가 (1) let let 키워드로는 변수 중복 선언이 불가하지만, 재할당은 가능하다. let name = 'kmj' console.log(name) // output: kmj let name = 'howdy' // output: Uncaught SyntaxError: Identifier 'name' has already been declared name.. 2023. 12. 14.
JSTL 날짜 포맷 변경 방법 JSTL 날짜 포맷 변경 방법 흔히 말하는 JSTL은 JSTL과 EL를 합친 단어로 사용되고 있습니다. JSTL에 대한 간략한 소개 먼저 하죠! JSTL은 JavaServer Pages Standard Tag Library, 즉 자바서버 페이지 표준 태그 라이브러리이며, XML 데이터 처리와 조건문, 반복문 등을 처리합니다. 사용 예) EL은 Expression Language, 즉 표준 언어라고 불리며, 자바코드를 사용했던 모든 곳에 EL이 사용 가능합니다. EL을 사용하면 값이 없거나 형 변환 등에 신결 쓸 필요 없이 서버로 전송해서 형변환 없이 사용가능합니다. 사용 예) ${resultMap.Member_date} 그럼 JSTL로 날짜를 변경하는 방법에 대해 이야기하겠습니다. 우선, JSP 상단에 .. 2022. 2. 3.
[자바스크립트] 7일전 날짜 구하기 현재 프로젝트에서 7일전 날짜를 배열로 담아서, 비교해야 되는 부분이 있어 잘 사용하고 있습니다. 필요하신 분은 참고로.. var dateArray = new Array(); //일주일 날짜 배열 var today = new Date().toISOString().substring(0,10); console.log("today :"+today); for(var i=6; i >= 0; --i){ var resultDate = dateDel(today, i); dateArray.push(resultDate); } //7일전 날짜 구하기 function dateDel(date, delDays) { var datetmp = date.replace(/-/g,''); var yy = parseInt(datetmp.s.. 2022. 1. 27.
[자바스크립트] 현재날짜를 표기하는 방법 Date객체의 toISOString 메소드를 사용한다. new Date().toISOString() 위의 toISOString 메소드는 아래와 같이 날짜를 ISO 포멧으로 리턴한다 "2021-01-24T00:19:14.170Z" 위의 값에서 날짜만 표기하고 싶으면 아래 식으로 substring을 출력할 수도 있다. new Date().toISOString().slice(0, 10); 위의 식의 결과는 아래와 같다. "2021-01-24" 스크립트로 var today = new Date().toISOString().substring(0,10); console.log("today :"+today); 2022. 1. 27.
[JSTL] <c:forEach> 사용법 안녕하세요 용재형 입니다. 이번 포스팅은 사용법 입니다. c:forEach 에서 사용되는 속성은 다음과 같다. Items : 반복 데이터가 있는 아이템 Collectionbegin : 시작번호 기본값 0end : 종료번호step : 증가분var : 현재 아이템의 변수 이름varStatus : 반복 상태 값을 지닌 변수 request.setAttribute("AList", list);사용예는 다음과 같다. jstl을 위해서는 시작 부분에 다음과 같이 taglib를 추가한다. 의 사용예 2018. 12. 12.