728x90 [ Script ]9 [ jQuery ] Validation Plugin - 유효성 검사 오늘은 실무에서 DataTables와 함께 사용되고 있는 jQuery Validation Plugin에 대한 포스팅을 해보겠습니다. DataTables Plugin에 대해 알아보시는 분들은 아래 포스팅을 참고해 보시면 도움이 될 거 같습니다. [ JQuery ] DataTables - Ajax Table Data 출력 오늘은 실무에서 JavaScript Source의 바탕으로 사용되고 있는 DataTables 라이브러리에 대해 포스팅해보겠습니다. 현재 LG 프로젝트 진행 중에 소스를 분석하면서 DataTables라는 라이브러리를 접하면서 drg2524.tistory.com Validation Plugin jQuery Validation은 유효성 검사를 쉽게 사용할 수 있도록 도와주는 플러그인입니다. 웹 .. 2024. 1. 23. [ jQuery ] DataTables - Ajax Table Data 출력 오늘은 실무에서 JavaScript Source의 바탕으로 사용되고 있는 DataTables 라이브러리에 대해 포스팅해보겠습니다. 현재 LG 프로젝트 진행 중에 소스를 분석하면서 DataTables라는 라이브러리를 접하면서 당황스러움과 사용 방법에 대해 분석을 하면서 재미를 느꼈습니다. 제 생각 바탕으로 포스팅을 이어나가기 때문에 정답이 아닐 수도 있습니다. 설치법은 공식 사이트에 더 자세하게 알려주기 때문에 생략하겠습니다. DataTables | Table plug-in for jQuery DataTables Table plug-in for jQuery Advanced tables, instantly DataTables is a plug-in for the jQuery Javascript library.. 2024. 1. 18. [ JAVA Script ] Promise Constructor 오늘은 비동기 작업을 다룰 때 사용되는 Promise() 생성자에 대해 알아보겠습니다. Promise Constructor new Promise() Promise는 JS에서 비동기 작업을 다룰 때 사용되는 객체로 사용되며 비동기 작업의 결과를 나중에 받아오기 위한 방법을 제공해 주는데, 주로 네트워크 요청, 파일 읽기/쓰기, 타이머 이벤트 등과 같은 비동기 작업을 처리할 때 유용합니다. Promise를 사용할 때 알아야 하는 가장 기본적인 개념은 바로 promise states(상태)입니다. 여기서 말하는 states란 promise의 처리 과정을 의미하며, 위 예시처럼 new Promise()로 promise를 생성하고 종료될 때까지 3가지 상태를 갖습니다. Pending(대기) 초기 상태, 작업이 완.. 2023. 10. 21. [ JAVA Script ] Mobile Web UI구현 오늘은 스마트폰에서 흔히 보이는 모바일 웹 UI구현에 대해서 포스팅해보려 합니다. ■ Mobile Web이란? 앞서 말씀드린 것처럼 일상에서 우리는 흔히 스마트폰에서 검색하는 웹 페이지가 바로 일반적인 모바일 웹입니다. 모바일 웹은 모바일에서도 PC용 사이트의 글자 폰트와 이미지, 터치아이콘등 데이스탑 브라우저에서 실행되는 기능을 모바일에 맞춰 표현한 사이트로서 PC용 홈페이지를 모바일 스크린 크기로 줄여 놓은 것이라고 할 수 있습니다. 이러한 이유로 모바일 웹은 일반 PC용 웹 페이지에 비해서 간단한 UI를 가지고 있습니다. 이 글은 CSS와 JAVAScript를 활용한 모바일 웹 제작 방법과 jQueryMobile로 구현할 때의 몇 가지 팁에 대해 설명하겠습니다. ■ jQuery Mobile jQue.. 2023. 2. 28. [ JAVA Script ] Ajax 이전 포스팅으로 JQuery까지 알아봤습니다. 다음 포스팅으로 모바일 웹 포스팅을 끝으로 JSP 포스팅을 하려고 합니다! 오늘은 동기식, 비동기식인 Ajax에 대해서 포스팅해 보겠습니다! ■ Ajax(Asynchronous JavaScript And XML)이란? Ajax(Asynchronous JavaScript And XML)이란 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능입니다. 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법입니다. 즉, 자바스크립트를 통해서 서버에 데이터를 비동기 방식으로 요청하는 것입니다. ■ Ajax(Asynchronous JavaS.. 2023. 2. 27. [ JAVA Script ] jQuery 이전 포스팅으로 DOM에 대해서 알아봤습니다. 오늘은 javaScript DOM 작업을 쉽게 처리할 수 있도록 도와주는 jQuery에 대해서 포스팅해 보겠습니다! ■ jQuery란? jQuery는 지금까지 배운 javaScript의 코드 형식과 차이점이 있습니다. 일단 두 개의 차이점에 대해서 먼저 설명하자면, javaScript는 웹브라우저에서 작동하는 스크립트입니다. 기능을 포함하는 거의 모든 홈페이지들이 사용하고 있습니다. jQuery 또한 javaScript입니다. 다만 javaScript로 빈번하게 사용되는 기능들은 조금 더 함축적인 코드를 통해 사용하게 만든 라이브러리입니다. javaScript는 아래와 같이 크게 4가지 요소로 구성되어 있습니다. javaScript core 문법 javaSc.. 2023. 2. 25. 이전 1 2 다음 728x90
