개발하다 놀땐 뭐하지?

jQuery ajax를 통해 호출한 API의 JSON 응답 데이터를 jQuery로 html을 만들고 화면에 페이지 번호를 그려주는 javascript 공통 함수를 만들어 봤다. 현재까지 3개 웹사이트에 적용했는데 복사 붙여넣기만으로 아직까지는 별다른 수정 없이 잘 돌아가고 있다. 동작방식 Backend에서 데이터 목록의 페이징과 관련된 정보를 보내준다. 받은 정보와 html을 그려줄 target 등 필요한 정보를 initPagination javascript 함수에 parameter로 넣어서 호출한다. 화면이 그려진 이후 page 번호 클릭 시 원하는 페이지로 이동한다. (또는 ajax로 Backend에 다른 페이지의 데이터 요청) Backend - Java Spring Framework Controll..

jQuery를 이용한 HTML Form 의 select 컨트롤 예제 선택 된 option의 value 가져오기 var selected_value = $("#[id]").val(); for 문으로 서버에서 받아 온 option html로 출력하기 for(var i = 0; i < obj.length; i++){ $("#[id]").append("" + obj[i].name + ""); } value 에 해당하는 option 선택하기 $("#[id]").val("1").prop("selected", true); //값이 1인 option 선택 option 인덱스로 선택하기 $("#[id] option:eq(index)").prop("selected", true); //index에 해당하는 option 선택 ..

서버에서 json response를 받을 때 날짜가 "YYYY-MM-DDThh:mm:ss" (LocalDateTime) 형식으로 온다는 가정하에 한국 시간 기준 yyyyMMdd 등의 포맷으로 바꿔주는 공통 함수를 만들어 보자. 굉장히 무식하고 단순한 방법이지만 Frondend에서는 yyyyMMdd로 표시할 때도 있고, yyyy-MM-DD로 표시하거나 yyyyMMdd hh:mm:ss 등 다양하게 표시가 되기 때문에 서버에서는 항상 LocalDateTime으로 내려주고 필요에 따라 front에서 변환을 하는 것이 조금 더 편리했다. 서버 응답 데이터 created_date: "2023-04-29T08:46:23.000+00:00" 한국 표준시로 변환 서버의 데이터를 javascript에서 new Date로 ..