목록전체 글 (200)
디케이
AJAX (Asynchronous Javascript And XML) AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다. 즉, 쉽게 말하자면 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다. 비동기 방식이란? 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식이며 Ajax를 통해서 서버에 요청을 한 후 멈추어 있는 것이 아니라 그 프로그..
이클립스 JSP, html 이용시 초기 셋팅 window >> preference 실행 html 검색 HTML Files >> Editor 선택 Inline Elements 에서 아래 항목 삭제 a, b, br, i, img, input, label, li, s, select, span, strong, td, th, title
K.html, a.html, b.html 3개에 페이지가 있다고 가정할때 페이지 이동 방법은 크게 3가지가 있습니다. //1번째 방법
GET 위와 같은 폼에서 전송으로 get처리 하면 아래와 같은 url생성 http://localhost:8021/usr/home/main?age=11 기본적인 HTTP Request(요청서) --- Header --- 주소: http://localhost:8021/usr/home/main 쿼리 파라미터: age=11 --- Body --- POST 위와 같은 폼에서 전송으로 post처리 하면 아래와 같은 url생성 http://localhost:8021/usr/home/main?age=11 기본적인 HTTP Request(요청서) --- Header --- 주소: http://localhost:8021/usr/home/main 쿼리 파라미터: --- Body --- age=11 정리 get은 부가정보 쿼..
현재 스프링부트를 사용해 서비스를 구현 중 개발 기록을 정리 하기위해 인터셉터에 대해 정리 해보려고 합니다. 1. beforeActionInterceptor - 정보강화 - 없는 정보를 만들지는 않지만 세션 정보를 꺼내서 기존에 있는 정보를 정리 해둔다 - 가장 먼저 동작 @Component("beforeActionInterceptor") // 컴포넌트 이름 설정 public class BeforeActionInterceptor implements HandlerInterceptor { @Autowired private MemberService memberService; @Override public boolean preHandle(HttpServletRequest request, HttpServletRe..
추상클래스 인터페이스 왜... 사용할까? 우리는 추상클래스와 인터페이스에 대해서 알고 있냐고 누가 물어본다면 알고 있다고 대답을 하고있습니다. 그런데 이론적인 내용 말고 정작 "왜 사용하나요?", "차이점이 뭔가요?", "추상클래스를 사용할지 인터페이스를 사용할지 어떻게 정하나요?" 이런 실무적인 질문이 들어오면 시원하게 대답하기가 생각보다 힘들겁니다. 힘드셨기 때문에 지금 이 글을 읽고 계실거라고 생각합니다. 저도 마찬가지였고 단순히 추상클래스와 인터페이스가 무엇인지 보다 왜 사용하는지가 궁금하셨다면 아래 제 생각들을 천천히 읽어주시면 도움이 될 수 있을것이라 생각합니다. 일단 기본적으로 추상클래스와 인터페이스가 무엇인지 알아봅시다. 추상클래스란? 추상클래스는 일반 클래스와 별 다를 것이 없습니다. 단..
입력 양식은 전체 영역을 정의하기 위한 태그 안에 입력 항목의 그룹을 위한 태그가 포함된 형태로 정의됩니다. 또한 태그 안에는 그룹의 제목 지정을 위해 태그가 사용될 수 있습니다. 기본적으로 태그와 태그는 생략이 가능합니다. 제목입니다. 데이터 전송(submit) 하기 (1) 버튼 표시하기 input 태그의 type 속성은 submit, button, reset, image 중 하나를 선택하면 됩니다. submit과 image 속성은 둘 다 입력한 내용들을 웹프로그램에게 전송하는 기능을 합니다. image 속성의 경우 버튼에 이미지를 표시합니다. (value 속성 대신 src 속성이 사용됩니다.) * HTML5에서부터는 fromaction(action 주소)을 설정하는게 가능합니다. button은 아무런..
JavaScript에서 발생하는 오류(Error)의 종류 일반적으로 프로그래밍 중 발생할 수 있는 오류는 3가지가 있습니다. 1. 구문 오류(Syntax Error) JavaScript가 요구하는 규칙대로 프로그램을 작성하지 않을 경우 발생합니다. 예를 들면 다음과 같은 코드입니다. ▼ 구문 오류 발생 예제 console.log("안녕하세요" consoe.log 호출 시 )를 누락하였습니다. 따라서 코드를 실행해보면 SyntaxError: missing ) after argument list라는 오류 문구를 출력합니다. 2. 실행시간 오류(Runtime Error, Exception) 이런 종류의 오류는 프로그램을 실행할 때 발생합니다. 다시 말해 실행(평가)해보기 전까지는 그곳에 오류가 있는지 알 수 ..
html 요소 삽입하기 jQuery를 이용해 요소를 삽입하는 메소드는 before, after, prepend, append 등이 있다. 각각의 메소드마다 요소가 삽입되는 위치가 조금씩 다르니 자신이 원하는 위치에 따라 알맞게 사용해야 한다. $(selector).before(content) // 이때 content에 들어갈 수 있는 값은 HTML elements, jQuery objects, DOM elements이다. .before()는 selector 이전에 content를 삽입하는 메소드이다. $("h1").before("Hello"); // 이전에 Hello 삽입 $(selector).after(content) .after()는 selector 이후에 content를 삽입하는 메소드이다. $("..
.is(:속성) / .prop(속성) $("선택자").is(:속성) / $("선택자").property(속성) 선택자가 속성을 가지는지 아닌지 확인하여 true, false 값을 내놓음 is() prop() .html() $("선택자").html() 선택자의 코드 및 내용을 표기, 혹은 선택자 안의 내용을 html 괄호 안의 내용으로 교체 .text() $("선택자").text() 선택자가 가진 내용만 표기, 혹은 선택자 안의 내용을 text괄호 안의 내용으로 교체 .attr(속성) / .attr({속성변동}) $("요소").attr(속성) 속성을 가진 요소 선택 $("선택자").attr({속성변동 함수}) 선택자의 속성을 함수값 등에 맞게 변동 출처: https://kingji8life.tistory...