XMLhttpRequest 정의 : 동기/비동기 방식으로 데이터 전송이 가능한 HTTP 요청 메서드입니다. 예시 : 1 2 3 4 5 6 var xhttp = new XMLHttpRequest(); xhttp.open("POST", "/productEdit/ajax", true); xhttp.onload = function() { console.log("status" + xhttp.status); } xhttp.send(formData); cs open() : (전송방식"GET/POST", URL, 동기"false"/비동기"true) onload() : 전송완료 후 원하는 function을 실행시킬 수 있음, send()보다 이전에 call 해줘야 되는 이유는 onload 이전에 요청이 끝날 수도 있기 ..

querySelectorAll 정의 : 선택한 HTML 문서 요소들을 리턴받을 수 있는 메서드입니다. querySelector와 달리 여러 개의 요소들을 리턴받을 때 쓰기 때문에 리턴 타입은 NodeList 입니다. (* NodeList는 Array가 아니지만 foreach() 반복문은 사용할 수 있습니다. Array.from() 메서드를 사용해 Array로 변환해줄 수 있습니다) 예시 : 1 2 3 4 5 6 //문서 내 태그 const matches = document.querySelectorAll("p"); //문서 내 태그 id= "pr_img_ex" Array로 변환 var imgExArr = Array.from(document.querySelectorAll("#pr_img_ex")); Colo..

HttpServletRequest 정의 : 사용자의 요청 데이터를 HTTP 서블릿에 제공하는 인터페이스 입니다. 서버에 데이터를 GET, POST 방식으로 전달할 때 HttpServletRequest로 받아줄 수 있습니다. 예시 : 서버로 formData 전송 1 2 3 4 5 6 var xhttp = new XMLHttpRequest(); xhttp.open("POST", "/productEdit/ajax", true); xhttp.onload = function() { console.log("status" + xhttp.status); } Xhttp.send(formData); cs Spring Controller HttpServletRequest에서 데이터 전달받음 1 2 3 4 @RequestMa..

HTTP GET, POST 정의 : HTTP를 통해 정보를 요청하는 방식입니다. HTTP는 사용자와 서버 간 request-response를 가능하게 해주는 프로토콜(규약)입니다. GET 방식은 보여주는 화면 View에 특화되어 있습니다. 여러번 재요청이 가능하며 전달되는 데이터는 URL에 추가됩니다. POST는 데이터를 insert/update할 때 활용되며 HTTP request body에 저장돼 보안을 지킬 수 있습니다. 참고자료: W3School - HTTP Methods GET vs POST

JSON stringify 정의 : JSON(JavaScript Object Notation)은 언어나 서버, 웹에 구애받지 않고 데이터를 주고 받을 수 있는 Javascript 형태의 데이터 타입입니다. stringify()는 JSON의 메서드인데 JavaScript 객체를 String으로 변환해줍니다. 설명 : 서비스를 만들면 Front-end에서 Back-end 서버로 데이터를 전송할 경우가 발생합니다. 이때 편리한 JSON 형식으로 많이 보내게 됩니다. 하지만 JavaScript 객체를 String으로 변환하지 않고 JSON에 입력하면 읽지 못하거나 데이터가 변경되는 상황이 발생할 수도 있습니다. 따라서 서버로 데이터를 전달할 땐 JSON.stringify()를 이용해 String으로 변환한 뒤 ..

Logger 정의 : 애플리케이션, 시스템 콘솔에 log 메세지를 작성해주는 클래스 입니다. 서버로 구동했을 때 특히 유용합니다. 에러가 발생했을 때 디버그도 log 메세지로 확인할 수 있기 때문이죠. 저는 서버에서 애플리케이션이 구동될 때 점검이 필요한 부분은 값을 log 메세지로 확인했습니다. 예시 : 사용법 : LoggerFactory 클래스의 getLogger 메서드로 Logger를 생성해줍니다. 메서드를 사용해 원하는 종류의 log 메세지를 입력할 수 있습니다. print out과 비슷하지만 가장 큰 차이는 어떤 종류의 메세지인지(INFO,ERROR,DEBUG...)와 패키지, 클래스가 함께 출력되기 때문에 더 다양한 정보들을 얻을 수 있다는 점일것 같습니다. 1 2 3 4 private fin..