본문 바로가기

자바 웹 개발자가 될거야/JSP

(39)
[JQuery] Jquery(제이쿼리) attr() 함수 - 특정 대상의 속성 정보를 처리하는 함수 - 대상.attr(); ① 이미지의 src 정보를 가져옴 ② 이미지의 테두리 두께를 5로 지정 ③ 이미지 3개의 테두리를 각각 5, 10, 15로 지정 $('img').attr('border',function(index){ return (index+1)*5; }); ④ 모든 img 태그에 테두리 - 5, 너비 - 100, 높이 - 200 으로 설정 $('img').attr({ border : 5, width : 100, height : 200 }); ⑤ 모든 img 태그에 테두리 - 5, 너비 - 100, 높이 - (100,200,300) 으로 설정 $('img').attr({ border : 5, width : 100, height : fu..
[JQuery] Jquery(제이쿼리) 요소의 속성 값 사용 방법 - 요소의 속성값을 가져오기 방법은 아래 포스팅 참고 [JQuery] Jquery(제이쿼리) 속성탐색 선택자, 위치탐색 선택자 - [객체].동작(); - 객체에 들어갈 수 있는 것들 · * : 전체 요소를 뜻함 ·태그명 : 특정 태그 요소만 접근 · id값 : 객체에 부여한 id값을 '#'로 호출 · class값 : 객체에 부여.. heezit.tistory.com var c = $('h2').css('color'); - 'h2' 태그의 글자색 정보를 가져와 변수 c에 저장함 ① 속성의 값을 여러개로 변경 - 배열을 사용함 $(document).ready(function(){ var col = ['red','green','blue',..
[JQuery] Jquery(제이쿼리) 속성탐색 선택자, 위치탐색 선택자 - [객체].동작(); - 객체에 들어갈 수 있는 것들 · * : 전체 요소를 뜻함 ·태그명 : 특정 태그 요소만 접근 · id값 : 객체에 부여한 id값을 '#'로 호출 · class값 : 객체에 부여한 class값을 '.'로 호출 $(document).ready(function(){ $('*').css('color','red'); $('h2').css('color','pink'); $('input').css('color','orange'); $('#title1').css('color','green'); $('.title2').css('color','blue'); }); 제목1 제목2 아이디 : 비밀번호 : - h2에 pink색이 깔려있고 그 위에 id값과 class값에 ..
[JQuery] Jquery(제이쿼리) 설치 및 사용 - 자바스크립트의 라이브러리 - HTML 문서를 좀더 다양하게 사용할 수 있도록 해줌 ① 제이쿼리 설치(다운로드)하기 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download jquery.com ..
[JSP] 게시글 삭제하기 - 본문 보기 페이지에서 삭제하기 버튼을 클릭하면 비밀번호 칸만 있는 페이지를 띄울 것이다. - 비밀번호가 일치하면 게시글을 삭제시킨다. [JSP] 게시글 본문 수정하기 - 게시글 본문 페이지에서 수정할 수 있는 버튼을 생성해 버튼을 클릭하면 글쓴이, 비밀번호, 제목, 본문 칸이 등장한다. - 비밀번호가 일치해야 게시글을 수정할 수 있다. ① co heezit.tistory.com - 위에 글보면 contents.jsp에 삭제하기 버튼도 만들어놨다. - deleteForm.jsp을 새로 만들어서 연결시켜준다. ① deleteForm.jsp - 삭제하기 버튼 클릭하면 deleteForm 페이지로 넘어온다. - 테이블 중에서 비밀번호 칸만 남겨두고 다른건 지운다...
[JSP] 게시글 본문 수정하기 - 게시글 본문 페이지에서 수정할 수 있는 버튼을 생성해 버튼을 클릭하면 글쓴이, 비밀번호, 제목, 본문 칸이 등장한다. - 비밀번호가 일치해야 게시글을 수정할 수 있다. ① contents.jsp - 본문 아래 버튼 4개를 추가해보겠다. - 버튼을 클릭하면 이벤트가 발생하는 것이므로 onclick 속성을 사용 ② updateForm.jsp - 수정하기 버튼을 클릭하면 updateForm 페이지로 넘어온다. - boardWrite.jsp 복붙했고 , 아래 submit 버튼의 value 등 알맞게 고쳐주면된다. 글 수정 페이지 ITWILL 게시판(수정) 글쓴이 : 글 비밀번호 : 글 제목 : 글 내용 : - 기존에 DB에 있던 게시글의 글쓴이, 제목, 본문을 들고와 페이지에서 보여준다..
[JSP] 목록 글 클릭하여 게시글 본문보기 ① notice.jsp 수정 - 글제목 클릭하면 글 본문을 볼 수 있도록 notice.jsp 안 게시글 목록에 contents.jsp로 링크걸어줌 // notice.jsp - &pageNum= · 뒤로가기 눌렀을 때 해당 페이지에 머무를 수 있도록 · 3페이지의 글 중 하나 보다가 뒤로가기 누르면 1페이지로 돌아가는게 아니라 3페이지로 ② contents.jsp - 새로 만든 contents.jsp에 boardWrite.jsp 코드 전부 복붙한 후 바꿔줌 글 본문 보기 페이지 ITWILL 게시판 글쓴이 : 글 제목 : 글 내용 : // contents.jsp - num은 DB로 갈거니까 int형으로 바꿔주고 pageNum은 DB로 안가니까 String 형태 그대로 저장 - DB 테..
[JavaScript] 자바스크립트 호출방법 - 자바스크립트 호출방법으로 5가지가 있다. - 외부호출, head 호출, body 호출, 버튼 호출, 하이퍼링크 호출 ① 외부호출 - 외부호출은 같은 파일 내가 아닌 다른 파일 내용을 불러오는 것으로 경로지정이 필요하다 - 경로지정은 src로 한다 - head 안에서 선언해준다 ② head 호출 - ③ body 호출 - 태그 안에서 호출하는 방법이다 ④ 버튼 호출 - 버튼을 누름으로서 자바스크립트를 호출하는 방법이다. ⑤ 하이퍼링크 호출 - 화면에 보여지는 링크를 클릭함으로서 자바스크립트를 호출하는 방법이다. 자바스크립트 링크 - 외부호출과 head 호출은 태그안에 기술했고, body 호출, 버튼 호출, 링크 호출은 태그 안에 기술했다.