뭐라도 하자::기술 블로그

자바에서 변수명으로 클래스를 인스턴스화 하는 방법이 있습니다. 방법 1-인수는 없고 생성자만 있는 클래스에만 해당 클래스에 인수가없는 생성자가있는 경우 메서드를 사용하여 Class객체를 가져오고이 메서드를 사용하여 인스턴스를 만들 수 있습니다. Class domainClass = Class.forName("com.femarket.domain." + domainName); Object domain = domainClass.newInstance(); 방법 2 클래스에 인수가없는 생성자가없는 경우에도 작동하는 더 안전한 방법은 클래스 개체를 쿼리하여 해당 Constructor개체 를 가져오고이 개체에 대한 newInstance()메서드를 호출하는 것입니다. Class clazz = Class.forName("..

자바스크립트에서 현재 날짜 및 시간을 구하기 위해서는 Date 객체를 사용하면 된다. Date 객체를 사용하여 현재의 날짜를 출력하면 YYYY-MM-DD와 같은 형식의 날짜 포맷으로 출력되지 않기 때문에, Date 객체에서 제공하는 추출 함수를 사용하여 날짜 포맷을 변환하는 작업이 추가적으로 필요하다. 현재 날짜, 시간 구하기 var today = new Date(); console.log(today); // 결과 : Sun May 30 2021 15:47:29 GMT+0900 (대한민국 표준시) // 결과 : Sun May 30 2021 15:47:29 GMT+0900 (대한민국 표준시) Date 객체를 사용하여 현재 시스템의 날짜를 가져와서 출력하면, 평상시에 사용하는 날짜 포맷(YYYY-MM-DD ..

ajax 사용하던 중 한가지 의문이 생겼습니다. 왜 JSON.stringify를 사용하지 않고 데이터를 보내면 왜 스프링 @RequestBody에서 받질 못하는지 말입니다. 그래서 data : {test : "test"} 와 data : JSON.stringify의 타입들을 콘솔로 찍어본 결과 전자는 object이고 후자는 string이였습니다. 여기서 아하! 했습니다. 내가 흔히 말하는 json과 js에서 사용하는 javacscript Object는 다른거구나! 그래서 이거에 대해 글을 찾아본 후 정말 잘 설명해주신 글이 있어서 가져와봤습니다. 이글은 yongseong.log 님의 글입니다. [개발상식] JSON과 JavaScript Object의 차이점 안녕하세요. 김용성입니다.정말 비슷하게 생겨먹은..

var data = {"name":"John Doe"} $.ajax({ type : "post", url : "/test", dataType : "json", //서버에서 받을 데이터 타입 contentType: "application/json; charset=utf-8", //서버로 보내는 데이터 타입 data : JSON.stringify(data), success : function(result) { alert(result.success); }, error: function(e){ alert("fail"); } }); 맨날 까먹어서 제가 보기 위해 씁니다. $.ajax({ type : `http method type`, url : `url`, data : `서버에 전송할 데이터`, contentTy..

무한 스크롤은 이커머스 관련된 웹이나 앱을 사용하면 쉽게 접할 수 있는 기능입니다. 스크롤의 위치가 어떠한 조건을 충족하게 되면 추가적으로 상품들을 불러옵니다. [JavaScript] 무한 스크롤 시 상품 위치 유지 무한 스크롤 기능을 구현하는데 있어 반드시 병행되어야 할 기능이 있습니다. 바로 무한 스크롤로 렌더링된 상품을 누르고 다시 [뒤로가기]를 했을 시 여전히 그 상품의 위치로 와야 한다는 것 kingofbackend.tistory.com 그럼 어떻게 구현하는지 바로 알아보겠습니다. 무한 스크롤 코드입니다. var stopping = false; var end = false; $(window).scroll(function () { var cst = $(window).scrollTop(); var ..

무한 스크롤 기능을 구현하는데 있어 반드시 병행되어야 할 기능이 있습니다. 바로 무한 스크롤로 렌더링된 상품을 누르고 다시 [뒤로가기]를 했을 시 여전히 그 상품의 위치로 와야 한다는 것입니다. [JavaScript] 무한 스크롤 기능 구현하기 무한 스크롤은 이커머스 관련된 웹이나 앱을 사용하면 쉽게 접할 수 있는 기능입니다. 스크롤의 위치가 어떠한 조건을 충족하게 되면 추가적으로 상품들을 불러옵니다. 그럼 어떻게 구현하는지 kingofbackend.tistory.com 만약, 이 기능이 구현되어 있지 않으면 상품을 누르고 맘에 들지 않아 [뒤로가기]를 눌렀을 때 다시 이 상품이 나왔던 곳까지 스크롤을 내려야 합니다. 오늘의 집, 아이디어스은 어떻게 되어있는 지 한번 보겠습니다. [오늘의 집] 오늘의 집..

function setSessionStorage(key, value){ sessionStorage.setItem(key, value); } function getSessionStorage(key){ return sessionStorage.getItem(key); } function setJSONSessionStorage(key, value){ sessionStorage.setItem(key, JSON.stringify(value)); } function getJSONSessionStorage(key){ return JSON.parse(sessionStorage.getItem(key)); } function removeSessionStorage(key){ sessionStorage.removeItem(ke..

쿠키(Cookie) 저장하기 var setCookie = function(name, value, exp) { var date = new Date(); date.setTime(date.getTime() + exp*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/'; }; // setCookie(변수이름, 변수값, 기간); setCookie("expend", "true", 1); 쿠키(Cookie) 가져오기 var getCookie = function(name) { var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$..

자바스크립트 뿐만 아니라 프로그래밍 언어를 배우면서 처음에는 그저 코드 짜기에만 급급했습니다. 그 언어의 작동원리 같은 건 봐도 도무지 이해가 안갔기에 관심이 없었습니다. 시간이 점차 흘러 우연히 자바스크립트의 작동원리 관련 글을 다시 보게되었는데 글이 어렵지 않고 이해가 되기 시작했습니다. "그때 작성했던 코드가 이래서 이런식으로 작동했구나" 를 깨달으면서 자바스크립트에 대해 더 자세히 알게 되고 나니 한층 더 코딩이 재미있어졌습니다. 그래서 이번에는 자바스크립트의 작동원리에 있어 핵심 원리인 JavasScript Engine(V8), Web API, Callback Queue, 이벤트 루프 그 중 특히 이벤트 루프 에 대해 자세히 알아보려고 합니다. 틀린 부분이나 질문 사항이 있으시면 언제든지 댓글로..