앞선 포스팅을 통하여 Ajax에 대해 기본적인 내용을 알아보았습니다. 이제 직접 사용해 보면서 Ajax를 알아보겠습니다. 제가 궁금했던 것은 Ajax 통신을 할 때 서버와 어떤 방식으로 정보를 주고받는지, $.ajax()의 프로퍼티들이 각각 어떤 역할을 하는지였습니다. 이를 테스트하기 위해서는 데이터를 받고 넘겨줄 수 있는 백엔드단이 필요했기에 간단하게 구성해 보았습니다. @Data public class Member { private String name; private int age; private String email; } @Repository public class MemberRepository { private static Map store = new HashMap(); private stat..

jQuery를 공부하면서 특정 단어를 많이 들었습니다. 그 단어는 바로 Ajax. Ajax를 사용하기 쉽게 해준다는 말이나 우리 회사에서도 jQuery로 Ajax 통신을 한다고 들었습니다. 슬슬 Ajax가 무엇인지 궁금해지겠죠? Ajax란? Ajax란 Asynochronous JavaScript and XML을 의미합니다. 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해줍니다. 백그라운드 영역에서 서버와 데이터를 교환하여 웹 페이지에 표시해 줍니다. 수많은 Ajax 프레임워크가 있지만, 가장 널리 사용되고 있는 Ajax 프레임워크는 jQuery라고 합니다. 제이쿼리와 Ajax 제이쿼리에서는 Ajax 기능을 손쉽게 사용할 수 있도록 여러 메서드를 제공하고 있습니다. 이러..

jQuery에 대하여 한 가지 중요한 사실은 제이쿼리가 JavaScript 라이브러리 일뿐이라는 것입니다. 제이쿼리의 모든 기능은 JavaScript를 통해 액세스 되므로 JavaScript를 잘 이해하는 것은 코드를 이해하고 구조화하고 디버깅하는 데 필수적입니다. 정기적으로 제이쿼리를 사용하면 시간이 지남에 따라 JavaScript 숙련도가 향상될 수 있지만, JavaScript의 내장 구성 및 구문에 대한 실무 지식 없이는 제이쿼리 작성을 시작하기 어려울 수 있습니다. (위 밑줄 친 부분의 내용들 때문에 JavaScript를 우선적으로 공부해야 한다고 생각했던 것이었습니다.) jQuery란 무엇일까? 제이쿼리는 빠르고 작고 기능이 풍부한 JavaScript 라이브러리입니다. 다양한 브라우저에서 작동하..