본문 바로가기
SMALL

분류 전체보기527

프레임워크) Framework란?, 프레임워크와 라이브러리의 차이점 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. Framework이란? - 개발자가 소프트웨어를 개발함에 있어 코드를 구현하는 시간을 줄이고, 재사용성을 증가시키기 위해 일련의 클래스 묶음이나 뼈대, 틀을 제공하는 라이브러리를 구현해 놓은 것 특징 ① 개발자가 따라야하는 가이드를 제공 ② 개발할 수 있는 범위가 정해져있음 ③ 개발자를 위한 다양한 도구, 프러그인을 지원 종류 구분 설명 종류 영속성 Framework 데이터의 저장, 조회, 변경, 삭제를 다루는 클래스 및 설정 파일들을 라이브러리화하여 구현한 프레임워크 - Mybatis - Hibernate 자바 Framework Java EE를 통한 웹 어플리케이션 개발에 초점을 맞추어 .. 2022. 8. 2.
Ajax) 검색어 자동완성 기능 (Autocomplete) 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 검색어 자동완성 https://jqueryui.com/autocomplete/ Autocomplete | jQuery UI Autocomplete Enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering. The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for progr jqueryu.. 2022. 7. 12.
Ajax) text/html 처리 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. HTML text.jsp csv No 이름 프로필 구분 document.querySelector("#btn-celeb-html").addEventListener('click', (e) => { $.ajax({ url : '/celeb/html', method : 'GET', success(html) { console.log(html); document.querySelector("#tbl-celeb tbody").innerHTML = html; }, error(jqxhr, statusText, err) { console.log(jaxhr, statusText, err); } }); }); C.. 2022. 7. 12.
Ajax) text/csv 처리 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. CSV text.jsp csv CelebCsvServlet @WebServlet("/celeb/csv") public class CelebCsvServlet extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throw.. 2022. 7. 12.
Ajax) text/plain 처리 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. text text.jsp 검색 $.ajax({})안에 필요한 데이터들을 담아 전송합니다. 서버 응답이 오류없이 넘어오면 success의 매개변수로 담기게 되고, 서버 응답 시 오류가 발생하면 error()가 실행됩니다. SearchServlet @WebServlet("/jquery/search") public class SearchServlet extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServlet.. 2022. 7. 8.
Ajax) 동기와 비동기 차이, Javascript로 비동기처리 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 동기와 비동기 차이 사용자가 서버에 요청/서버 응답까지의 시간을 기다리느냐 기다리지 않느냐에 대한 차이가 있는 것을 알 수 있습니다. javascript로 처리하는 비동기식 - 폼 전송은 무조건 동기식 요청! - 서버는 동기적 처리 / 비동기적 처리를 구분하지 않음 GET방식 helloAjax.jsp Ajax - js 검색 폼 제출은 무조건 동기적 통신이기 때문에 submit 이벤트를 이용해서 비동기 처리를 할 수 있습니다. 객체 생성 후, readyState에 대한 change 핸들러를 바인딩 처리하였으며 open의 매개인자로 전송방식과 url을 넘겨주었습니다. readyState는 0 .. 2022. 7. 8.
LIST

티스토리툴바