본문 바로가기

Front-end11

[AJAX] JQuery를 이용한 AJAX 테스트 TIL: 스스로 이해한 것을 바탕으로 정리하였기에 오류가 있을 수 있습니다. 틀린 부분은 댓글로 알려주시면 감사하겠습니다. 1. 버튼 클릭시 get방식으로 서버에 데이터 전송 및 응답 2. 버튼 클릭시 post방식으로 서버에 여러개의 데이터 전송 및 응답 3. 서버로 데이터 전송 후, 조회된 객체 (vo객체) 하나를 응답하기 4. 응답데이터로 여러개의 객체들이 담겨있는 ArrayList응답하기 2021. 4. 15.
[AJAX] AJAX란? 개요 및 속성 정리 TIL: 스스로 이해한 것을 바탕으로 정리하였기에 오류가 있을 수 있습니다. 틀린 부분은 댓글로 알려주시면 감사하겠습니다. AJAX란? Asynchronous JavaScript And XML의 약자로, 서버로부터 데이터를 가져와 전체 페이지를 새로 고치지 않고 일부만 로드할 수 있게 하는 기법이다. 우리가 form을 통해 요청했던 기존의 방식은 동기식 요청방식으로, 그에 해당하는 응답페이지가 돌아와야만 보여지게끔 되어있다. (+ 응답페이지 요청시 페이지 깜빡거림) 비동기식 요청은 페이지의 깜빡거림없이 현재 페이지 내에서 바로 요청하는 방식이며 이때 사용하는 기술이 AJAX이다. 동기식 요청 처리 후 그에 해당하는 응답페이지가 돌아와야만(다른페이지로 이동해야만) 그 다음 작업 가능 만약 서버 요청 후 호.. 2021. 4. 15.
[HTML] 하이퍼링크 관련 태그 ; <a href=""> </a> TIL: 스스로 이해한 것을 바탕으로 정리하였기에 오류가 있을 수 있습니다. 틀린 부분은 댓글로 알려주시면 감사하겠습니다. 하이퍼링크 하이퍼링크 기능은 웹문서가 또 다른 문서로 클릭만으로 이동할 수 있게끔 연결시켜놓은 기능이다. 텍스트문구를 클릭해서 이동하는 방법, 이미지를 클립해서 이동하는 방법, 페이지내에서 또 다른 위치로 이동하는 방법등 다양한 방법이 존재한다. 하이퍼링크 태그 1. 텍스트를 클릭해서 웹페이지 링크 연결하기 target은 새탭에서 여느냐 현재 페이지에서 여느냐를 나타내는 속성으로 target="_self" 는 현재 페이지에서 열리며, target="_blank" 는 새탭에서 열린다. 기본값은 "_self" 이다. 2. 이미지를 클릭해서 웹페이지 링크 연결하기 태그 사이에 이미지 주소.. 2021. 3. 7.
[HTML] 영역 관련 태그; div태그와 span태그, iframe태그 TIL: 스스로 이해한 것을 바탕으로 정리하였기에 오류가 있을 수 있습니다. 틀린 부분은 댓글로 알려주시면 감사하겠습니다. 블럭요소와 인라인요소 모든 태그에는 영역이 있으며, 해당 태그가 영역을 한줄이 잡히느냐, 옆으로 잡히느냐에 따라 블럭요소와 인라인요소로 나뉜다. 블럭요소 한 줄 단위로 영역을 차지하는 요소 줄바꿈이 적용되어 이미 존재하는 태그의 다음줄에 영역이 잡힌다. h태그, p, pre, ..., "div" 인라인요소 content 내용에 해당하는 부분만 영역을 차지하는 요소 줄바꿈이 적용되지 않아 옆으로 영역이 잡힌다 b, s, em, img, input, label, ..., "span" div vs span (페이지 영역을 분할하는 태그들) 차이점1. 줄바꿈 적용 div 태그 : 블럭요소 .. 2021. 3. 7.