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

Spring 관련 정보를 공유하는 슬랙방이 있는데 프로그래머스에서 SpringBoot 과제 테스트가 있다고 해서 주말동안 해보았다. 타이틀부터 탑 프로그래머스 선발관 '상위 5% 탑프로그래머스'를 선발하기 위한 과제입니다...인데 겁도없이 시작했다가 큰 코 다치고 나왔다. 어제, 오늘 총 3시간 정도 할애했는데 코드는 한 줄도 치지 못하고 쓰여진 명령어들을 해석하는데 시간을 다 썼다. 그래도 혼자 SpringBoot 웹 프로젝트도 거의 완성시켰는데, 이렇게 막막할 줄이야. 왜 막막했을까? JSON으로 응답한다는 게 생소했다. 내 프로젝트는 MVC로 Model을 JSP View 파일에 던져 Java EL로 던져주면 되었지만 과제에선 HTTP status, 사용자 인증정보, 상품조회 등 모든 정보들을 JSO..

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..