전체 글112 [Spring] 스프링 프레임워크 개요 목차 Spring Framework 란? Spring의 배경 스프링은 자바 엔터프라이즈(J2EE) 개발을 편리하게 해주는 오픈소스 경량 애플리케이션 프레임워크입니다. 엔터프라이즈급 개발이란 대규모 데이터 처리와 트랜잭션이 동시에 여러 사용자로부터 행해지는 매우 큰 규모의 개발을 의미합니다. 2000년대 초반부터 시작된 엔터프라이즈급 개발은 안정된 품질의 개발을 필요로 했고, 그 결과 많은 프레임워크가 나오게 되었습니다. 프레임워크는 뼈대나 근간을 이루는 코드들의 묶음이라고 할 수 있습니다. 프로그램에 필요한 기본 흐름과 구조를 미리 코드로 만들어 놓았기 때문에, 프레임워크를 사용하면 일정한 품질이 보장되는 결과물을 얻을 수 있습니다. 하지만 EJB로 대표되는 과거 엔터프라이즈급 프레임워크들은 너무 복잡하.. 2022. 8. 13. [jQuery] Ajax 호출 후 추가된 엘리먼트에 이벤트가 작동하지 않을 때 목차 문제 상황 예를 들어 댓글 기능의 경우, 클라이언트의 페이지가 새로고침되지 않고 기능이 동작하게 하려면 ajax 비동기로 처리해야 할 것입니다. 그런데 댓글이 추가되는 상황을 생각해 봅시다. 댓글이 새로 추가되면 해당 댓글에 댓글 삭제 버튼도 함께 추가되고, 삭제를 클릭했을 때 다시 삭제가 비동기로 처리되어야 합니다. 그런데 비동기로 추가된 요소(삭제 버튼)에 대한 이벤트 처리를 다음과 같이 작성하면 이벤트 처리가 작동하지 않는 것을 확인할 수 있습니다. $(".commentDelBtn").on("click", function () { //댓글 삭제 코드 }); 원인 이는 버튼이 비동기로 새롭게 추가되었기 때문입니다. 이벤트 핸들러는 코드가 실행되는 시점에 페이지 내에 이미 존재하고 있는 엘리먼트에.. 2022. 8. 6. [jQuery] Ajax 비동기 처리 목차 Ajax 란? Ajax란 Asynchronous JavaScript and XML의 약자로서, 비동기 방식으로 서버와 통신할 수 있도록 하는 새로운 개발 기법입니다. 기존 방식의 웹에서는 웹 브라우저가 웹 서버에 요청을 전송하면, 웹 서버는 요청을 처리한 후 처리 결과를 HTML로 생성해 웹 브라우저에 전송합니다. 이렇게 되면 새로운 페이지 전체가 다시 로딩되기까지 사용자는 흰 화면에서 대기 상태에 놓여있어야 합니다. 반면, Ajax를 이용하면 페이지 전환 없이 한 페이지 내에서 서버로 값을 보내고 받아올 수 있으며 서버와 통신하는 중에도 다른 작업을 수행할 수 있게 됩니다. 이러한 방식을 비동기 처리라고 합니다. jQuery에서는 Ajax 기능을 손쉽게 구현할 수 있도록 여러 메소드를 제공하고 있.. 2022. 7. 24. [jQuery] 이벤트 (Event) 목차 이벤트 (Event) 이벤트(event)란 프로그래밍하고 있는 시스템에서 일어나는 사건(action) 혹은 발생(occurrence)입니다. 웹 페이지 안에서 발생한 여러 가지 이벤트를 이벤트 핸들러(event handler)를 이용해 처리할 수 있습니다. jQuery는 JavaScript보다 훨씬 간편하게 이벤트 처리를 할 수 있습니다. JavaScript에서의 이벤트 처리를 자세히 알아보고 싶다면 이 글을 참고해 주세요. jQuery 기본 이벤트 메소드 설명 .ready(function) HTML의 DOM 요소들이 모두 사용할 준비가 되면 function 함수가 실행된다. .bind(eventType [, eventData], function(eventObject)) 요소에 이벤트 핸들러를 연결.. 2022. 7. 23. [jQuery] 유틸리티 (Utilities) 메소드 목차 유틸리티 (Utilities) 메소드 jQuery의 유틸리티 메소드를 이용하면 배열 순회, 배열 필터링, 데이터를 배열 형식으로 변경, 배열 복제, 데이터의 공백 제거, XML 및 JSON 파싱 처리 등 효율적인 프로그램 개발이 가능해집니다. 메소드 설명 jQuery.each(object, function) 배열 및 Map 형태의 반복되는 데이터를 순회하면서 얻어온다. function 내에서 false를 리턴하면 반복 순회를 중지한다. jQuery.grep(array, function [, inverter]) 배열 형식의 데이터를 입력받아서 function에서 필터링 처리 후 다시 배열 형태로 반환한다. inverter 값은 false가 기본값이며, function의 동작 방식을 역으로 동작하고자 .. 2022. 7. 23. [jQuery] jQuery 기본 사용법, 선택자, 메소드 목차 jQuery 란? jQuery는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리입니다. jQuery를 이용하면 문서 객체 모델(DOM)과 이벤트에 관한 처리, 시각적 효과, Ajax 애플리케이션을 쉽게 구현할 수 있습니다. jQuery 특징 오픈소스로서 무료로 사용 가능합니다. 웹 브라우저 종류와 상관없이 개발 가능한 크로스 브라우징(Cross Browsing)이 가능합니다. CSS 선택자 기반의 DOM 처리가 가능하여 기존 JavaScript와 비교할 때 매우 쉽고 동적인 화면 처리가 가능합니다. 한꺼번에 여러 다른 동작을 처리하는 함수를 연결하여 사용하는 메소드체인 기능을 효과적으로 사용할 수 있습니다. Ajax 애플리케이션 개발이 쉽습니다. 다.. 2022. 7. 23. 이전 1 2 3 4 5 6 7 ··· 19 다음
