IT깡패's의 코딩스토리&게임&취미

제이쿼리에서 animate는 슬라이드 창같은 느낌을 주기 위해 사용하는데요~ㅎㅎ 또한 자동으로 모양을 움직이게 하기 위해서도 사용됩니다~ 여기서 소개할 animate는 크게 두가지 방법으로 사용한 것들인데요~! 자 두가지 소스를 살펴보도록 할까요~ « » 버튼 첫번째 소스는 슬라이드 느낌을 창을 버튼을 누르면 넘어가는 것이고, 두번째 소스는 버튼을 누르면 div창 안에 사각블럭모양이 자동으로 뜨게 해줍니다~ㅎㅎㅎ 여기까지 제이쿼리 animate에 대한 내용이였는데요~ jquery.js 파일도 꼭 넣어줘야 된다는 것도 잊지 말아야 되겠습니다~ㅎㅎ

자바스크립트를 사용한 유효성 검사를 하는 내용들은 많다고 하는데요~! 앞에 내용을 보면 누락에 대한 유효성 검사를 했는데요~ㅎㅎ 그것말고도 몇가지 검사를 하는 것들이 있는데 그것들에 대해서 알아보겠습니다~!! 일단 소스코드를 보고 먼저 파악해보겠습니다~!! 이렇게 우편번호, 전화번호, 주민등록번호, 아이디, 이메일 체크 같은 유효성 검사도 있습니다. 이것들은 나중에 jsp나 spring등에서 회원가입이나 로그인할 때, 많은 필요성을 느끼실 것 입니다. 자 이제 그럼 form창에서 잘 정리된 유효성 검사들을 smooth하게(?) 넘기는 작업도 해보도록 할까요~ㅎㅎ 잘 되신다면 alert창으로 올바른 형식, 잘 안된다면 잘못된 형식이 뜨게 됩니다. 자바스크립트에서 유효성 검사 기타 내용들은 일단 이 정도까지..

안녕하세요~ㅎㅎ IT깡패's인데요~ㅎㅎㅎ 자바스크립트에서 input창으로 function함수를 사용해서 페이지 넘기는 방법에 대해서 알아보겠습니다~!! 여기서 넘기는 방법은 두가지있는데요~ js파일을 써서 사용하던지 스크립트를 바로 써서 사용하는 방법들인데요~!! * js파일 써서 사용하는 방법 -a123.html 도서 정보 입력 제목 저자 출판사 가격 입고일 배송비 유료 무료 구입가능 서점 교보문고 알라딘 yes24 인터파크 보유수량 선택 1 2 3 4 5 - script.js function inputCheck(){ //alert(1); str = "입력한 항목은\n"; //if(document.myform.title.value.length==0){ if(document.myform.title.val..

자바스크립트의 alert, prompt, confirm 경고창에 대해서 한번 알아보겠습니다~ 1. alert(경고창) Alert함수는 사용자에게 중요한 내용이나 경고창을 띄워줄 때 주로 사용하는 함수입니다. 여러가지 창 중에서 가장 많이쓰이는 기본적인 형태의 팝업창입니다. alert("어서오세요!"); 2. Prompt(입력)창 Prompt함수는 사용자에게 입력값을 받을 수 있는 창을 띄워주는 함수입니다. 사용자에게 받은 값을 String타입의 리턴값으로 반환해주며 입력값이 없을경우에는 Null값을 리턴합니다. var userInput = prompt("당신의 이름은 무엇인가요?"+""); alert(userInput+"님 환영합니다."); 3. Confirm(선택)창 Confirm함수는 사용자에게 Tu..

* 참고 링크스프링 mvc 패턴 설명 - http://sky17777.tistory.com/34?category=830528안드로이드 mvp 패턴 정리 - http://sky17777.tistory.com/35?category=830528 이번 포스팅의 내용은 안드로이드 mvvm패턴의 기본 개념에 대해서 알아보겠습니다.안드로이드에서 사용하는 디자인 패턴은 스프링과 같은 MVC 패턴과 MVP 패턴, MVVM 패턴이 있습니다. MVVM(Model-View-ViewModel) 패턴이란?? MVVM(Model-View-ViewModel) 패턴은 마이크로소프트의 WPF(Window Presentation Foundation)와 실버라이트 개발에서 고안된 패턴입니다.MVVM패턴은 스프링 MVC패턴과 MVP패턴과 비..

프로그래밍 알고리즘 패턴은 다양합니다. 다양한 알고리즘 패턴 중 하나인 MVP 패턴에 대한 내용을 알아보겠습니다. 더 나아가MVC(Model-View-Controller) 패턴과 유사한 MVP를 왜 사용하며 어떻게 사용하는지를 나눠보겠습니다. MVP 이란??? MVP 는 Model-View-Presenter 로 구성됩니다. MVC에서 파생된 디자인 패턴으로 안드로이드에서 주로 사용하고 있습니다. MVP가 나오게 된 이유를 말하자면, View와 Model을 완전히 분리해서 사용하기 위함입니다. MVP는 Model의 역할인 비지니스 로직을독립적으로 테스트할 수 있습니다. MVP 패턴의 각 구성에 대해서 자세히 알아보도록 하겠습니다. MVP 패턴 구성 요소 MVP 모델은 Model-View-Presenter ..

스프링 MVC 패턴이란 무엇인가~!! 1. 스프링 MVC 패턴 'MVC(Model View Controller)'란 비지니스 규칙을 표현하는 도메인 모델(Model)과 프레젠테이션을 표현하는 View를 분리하기 위하여 양측 사이에 컨트롤러를 배치하도록 설계한 디자인 패턴입니다. 요새는 MVC 디자인 패턴에서 파생된 MVP, MVVM 패턴도 많이 사용되고 있습니다. 다음 포스팅에서 이것들도 설명하도록 하겠습니다. '스프링 MVC '란 스프링이 제공되는 웹 어플리케이션 구축 전용의 MVC 프레임워크입니다. 스프링 MVC를 이용함으로써 웹 어플리케이션의 Model View Controller 사이의 의존 관계를 DI 컨테이너에서 관리하고 통일된 유일한 웹 어플리케이션을 구축할 수 있습니다. 2. 스프링 MVC..

- MVC 패턴이란~Model, View, Controller 의 합성어로 소프트웨어 공학에서 사용되는 소프트웨어 디지인 패턴입니다.Model - 어플리케이션 로직을 담당하는 부분으로 데이터베이스와의 로직을 담당하는 부분을 말합니다.(dao, service)View - client에게 보여주는 부분이며, Model에서 생산된 Data를 client에게 제공하는 역할을 담당합니다.(JSP)Controller - 사용자의 요청을 받아서 요청을 해당하는 비즈니스 로직을 수행하도록 하고, 작업 결과에 따라 응답을 결정하는 역할을 합니다. Model과View사이의 데이터 전달 역할을 합니다. MVC 패턴에는 모델1방식과 모델2방식이 있는데 특히 모델2구조 기반의 MVC패턴 구현은 JSP개발자라면 무조건으로 알고 ..

이미지 태그 - 이미지를 넣고자 할 때 사용하는 태그 src : 보여줄 이미지의 주소. 필수 속성width : 이미지의 너비. 픽셀(px) 또는 %로 값 부여height : 이미지의 높이. 픽셀(px) 또는 %로 값 부여border : 이미지 테두리의 굵기 (HTML5에서 지원하지 않는다)vspace : 이미지와 텍스트 사이의 위아래 여백 (HTML5 에서 지원하지 않는다)align : 텍스트와의 상관관계 위치. top, middle, bottom, left, right가능 (HTML5에서 지원하지 않는다)alt : 이미지가 없거나 로딩되지 않을 때 대체되는 텍스트title : 마우스를 이미지에 올려 놓았을 때 풍선 도움말로 보이는 텍스트 비디오 태그 - 웹 페이지에서 동영상을 볼 수 있게 만들어 주는 ..

JSP에서 Get, Post방식을 사용하려면 HTML의 Form태그가 필요합니다. Form태그 사용자의 입력정보를 받기 위한 요소로 구성되어 있습니다. - type = "submit, button" : 버튼에 대한 속성이며, 특히 submit은 사용자 데이터를 처리할 페이지로 전달 합니다. action 속성 : 사용자 데이터를 전달할 웹페이지입니다. method 속성 : get 또는 post 방식이 있습니다. - get : 사용자의 입력 데이터를 url에 표시하며, 데이터 크기에 제한이였고 쿼리 형식입니다. - post : 데이터 크기의 제한이 없어 많은 양의 데이터를 전달할 수 있습니다. placeholder 속성 : 웹에서 HTML형식으로 글씨가 씌어진다. 전송방식 jsp 전송방식에는 get, pos..