반응형
반응형
회사업무로 홈페이지를 만드는 도중 팝업을 만들 필요가 생겼습니다. 구글링과 네이버 검색을 하면 소스가 많이 나오지만... 제가 적용을 하려니 쉽게 안되는 문제도 생겨 저 나름대로 짬뽕?을 시켰더니 해결이 됬습니다. 먼저 제가 사용한 방법은 팝업을 여는 MAIN 페이지와 팝업을 열었을때 보이는 POP페이지 2개를 만들어야 합니다. 복사 붙여넣기 하시면 전혀 어렵지 않아요~ ■ 실행결과 업무중이라 회사 이름은 모자이크 처리했구요. 제가 설정한 크기대로 팝업이 잘 실행됬습니다. 아래 소스 중 CSS는 파업파일 HTML단에 각 부분마다 묻어 있어요. ■ 소스 Main.jspjQuery(document).ready(function($) { pevent(); }); function pevent(){ function..
HTML과 자바스크립트로 초기 작업을 한 게시판 글쓰기와 글삭제, 답변 파일을 마지막으로 알아보고 기능을 추가하도록 하겠습니다. 혹시 제 글을 보시면서 jsp파일이나 텍스트 문서가 필요하시면 스크롤 내려서 마지막 부분에 (2) 화면 설계 링크 글에서 받으시면 되겠어요. 일단 이 카테고리의 모든글은 제 공부 목적으로 쓰기 때문에 흐름이 꼬이더라도 링크를 타시면서 이해부탁드려요^^ ■ 게시판 글쓰기- 글쓰기 화면 (Board_Write.jsp) - - 등록을 누르면 바뀌는 화면 (Board_Write_action.jsp) - 게시판 만들기 카테고리를 통해 처음부터 보신분들이라면 이 글쓰기는 글수정하기와 HTML 코드는 완전 비슷하다고 느끼셨을거에요. 차이점이 있다면 등록버튼을 누르면 데이타 전송으로 페이지가..
이번에는 게시판 글을 클릭하면 읽는 화면인 글 읽기와 글을 수정하는 화면에 대해서 살펴보도록 하겠습니다. 역시 이 부분도 HTML로 화면을 꾸며야 되서 한참동안 멍때렸어요. 혹시 텍스트 파일과 jsp파일이 필요하신분은 제일 아래 (2)번 화면설계 글에서 다운받으시면 되겠습니다. ■ 게시글 읽기(Board_View.jsp) 게시판 목록보다는 덜 힘들었지만 디자인 부분은 취약하다보니 이정도에 만족합니다. 게시글 열람에 필수요소인 작성자와 작성일, 제목과 텍스트 공간을 넣었고 조회수도 추가했습니다. 여기서 버튼이 4개가 들어가 있는데 목록으로 돌아가는 기능과 수정기능, 답변기능, 삭제기능을 넣었습니다. 게시글 열람을 작성한 코드입니다. 저번글에서 나눔고딕 적용과 자바스크립트 function에 대해 언급했으니 ..
웹 기반 프로그래밍을 하기 위해 Java나 JSP, HTML 이정도만 알고 있으면 좋으련만 웹 컨테이너의 한계로 프레임워크를 또 공부해야 하네요. 스프링(Spring)은 현재 공공기간이나 대부분의 회사에서 사용될 정도로 배워두면 정말 유용하게 쓰일것 같은데요. 역시 영어로만 이루어져서 한 눈에 보기 어려워 머리가 아픕니다. 그래도 스프링을 안 배우면 웹개발자가 되지 못하니 열심히 정리해보겠습니다. 먼저 스프링을 다루기 위해서는 지원해주는 프로그램이나 플러그인이 있어야 되는데요. 이 카테고리에서는 이클립스에서 스프링 플러그인을 설치해 연동하는 방법을 설명하겠습니다. ■ 스프링 개발툴(STS)을 이클립스(Eclipse)와 연동 이클립스를 실행한다음 상단 메뉴인 Help의 Eclipse Marketplace를..
이클립스를 설치하고 아무 설정도 건드리지 않았다면 기본 인코딩 타입은 EUC-KR로 되있을 텐데요. 한국내에서 사용한다면 아무런 불편함을 느낄 수가 없지만 전세계적으로 공통된 타입인 UTF-8로 바꾸고 싶을떄는 일일이 바꿔줘야 하는 경우가 생깁니다. 그럴때 간편하게 설정하는 방법을 이번 포스팅에서 쓰려고 합니다. 초보자들도 쉽게 따라 할수 있는 방법이니 천천히 따라오세요. ■ 프로젝트 폴더에서 설정 ( Properties:등록 ) 만드는 프로젝트 폴더에 오른쪽 마우스를 클릭후 제일 밑에 있는 Properties를 눌러 변경하는 방법입니다. 프로젝트 설정창에서 Resource로 들어가 Other에서 UTF-8로 설정해주면 됩니다. ■ 상단메뉴에서 변경 ( Preferences:환경설정 ) 상단메뉴에 있는 ..
저번 주말까지 자바에 대한 기초 정리 포스팅을 마치고 오늘부터 jsp와 html, javascript을 동시에 공부해볼까 합니다. 왜냐하면 jsp를 하다보면 위 2가지도 같이 사용되거든요. 일단 jsp를 하려면 이클립스에서 어떻게 사용되는지에 대해 알아볼 필요가 있기 때문에 이번 글에서 포스팅 하겠습니다. 또한 웹컨테이너인 아파치 톰캣을 아래글을 눌러 미리 설치하고 오시면 좋습니다. 톰캣 설치하는 글 → 아파치 톰캣 환경설정 및 설치 쉽게 하자 톰캣 연동하는 글 → 이클립스와 톰캣 쉽게 jsp 연동하자 ■ 이클립스 화면 (Java EE는 웹을 이용한 프로그래밍이 가능) - 자바만을 사용할때 Java로 설정하고 사용한 Package Exploer 화면- - Jsp를 사용하기 위해 Java EE로 설정한 P..