■ Web

0. 목적 JSP와 MySQL을 JDBC드라이버를 통해 연결한 후, 파일 업로드 / 다운로드 기능이 구현된 게시판을 만들어 보도록 한다. 게시판의 기능은 글 쓰기 / 글 열람 / 파일 업로드 / 파일 다운로드의 총 4가지 기능을 구현하도록 한다. CSS는 이용하지 않고 오직 기본 HTML 템플릿만 이용하여 구성하도록 하자. 또한, 각 게시글마다 서로다른 파일을 업로드 할 수 있으며, 사용자가 다운로드 요청 시 해당 게시글에 업로드된 파일이 정상적으로 다운로드 되어야 한다. 1. 참고 ▣ 개발환경 프로그램 버전 MySQL DBMS 8.0.31 Eclipse for Web Developers 2020-06 Apache Tomcat v9.0.65 J-Connector 공식 홈페이지 제공 최신 버전 ▣ DBMS..

0. 목적 JSP와 MySQL을 JDBC드라이버를 통해 연결한 후, 간단한 게시판을 만들어 보도록 하자. 게시판의 기능은 글 쓰기 / 글 열람 / 글 수정 / 글 삭제의 총 4가지 기능을 구현 해 보자. 간단한 JSP 게시판이므로, CSS는 이용하지 않고 오직 기본 HTML 템플릿으로만 구성한다. ▣ 상세한 프로그램 실행구조 더보기 ① 메인 화면인 main.html 을 Apache Tomcat 서버를 이용해 실행한다. ② 글 보기 버튼을 클릭하면, MySQL에 위치한 pratice_board 스키마의 post 테이블의 정보를 가져온다. ③ post_list.jsp 로 연결되어, post 테이블의 정보를 출력한다. (게시글 리스트를 출력한다.) ④ 게시글의 제목을 누르면, post_read.jsp로 연결되..

0. 목적 JDBC 드라이버를 이용해, JSP와 DBMS를 연동하는 방법에 대해 알아보자. DBMS라 함은, 데이터베이스 관리 시스템의 약자로 MySQL DB, Maria DB 등등이 이에 포함된다. 본 포스트에서는 DBMS의 대표적인 MySQL DB와 Maria DB들을 JSP와 연동하는 방법에 대해 안내하고자 한다. 또한, JSP와 DBMS를 연동하는 방법을 숙지하고 있어야 로그인 폼, 게시판 폼 등 기본적인 기능을 제공하는 웹사이트를 제작할 수 있기 때문에 가히 필수적인 부분이라고 할 수 있다. 1. 참고 본 포스트에서는 Eclipse IDE for Web Devloper 2020-06 버전과 MySQL 8.0.31, Tomcat v9.0을 사용했으니 참고하자. 타 버전 사용자이더라도, 필자와 크게..

● 목적 HTML의 table태그에서 사용되는 속성값들을 살펴보고, 사용 방법에 대해 알아본다. ● 참고 [HTML 기초] table 태그와 th, tr, td 태그 사용방법 살펴보기 ● 목적 HTML에서 사용되는 태그와, 함께 사용하는 , , 의 개념과 사용 방법에 대해 알아본다. ● 참고 일반적으로 우리가 '아래아한글' 에서 사용하던 것과 비슷한 개념의 표를 제작할 때 사용한 acredev.tistory.com table태그의 기초적인 사용 방법은 위 포스트를 참고하면 도움이 될 것 같다. ● table 태그의 속성값 종류 참고 속성 정의 ※ 태그에서만 사용 colspan n개의 열을 하나의 열로 병합한다. rowspan n개의 행을 하나의 행으로 병합한다. ※ 태그에서만 사용 border 표 테두리..

● 목적 HTML에서 사용되는 태그와, 함께 사용하는 , , 의 개념과 사용 방법에 대해 알아본다. ● 참고 일반적으로 우리가 '아래아한글' 에서 사용하던 것과 비슷한 개념의 표를 제작할 때 사용한다. HTML5에서는 권장되지 않지만, 이전에는 태그를 통해 웹페이지 레이아웃을 제작하기도 했었던 태그이다. 이제는 가급적이면 태그를 통해 웹페이지 레이아웃이 아닌 데이터값이 들어있는 표만 사용하는 것이 권장된다. ● table, th, tr, td 태그 태그 Table Head의 약자로, 표의 제목을 만드는 역할을 한다. 기본값은 볼드체와 중앙 정렬. 태그 Table Row의 약자로, 표의 가로줄을 만드는 역할을 한다. 기본값은 좌측 정렬. 태그 Table Data의 약자로, 표의 셀을 만드는 역할을 한다. ..

● 목적 HTML에서 사용되는 Input 태그 요소의 Type 속성값들의 종류들을 확인하고, 사용하는 방법에 대해 알아본다. ● Input 태그의 Type 종류 ※ VS Code의 태그 순서대로 나열함. ● Input 태그의 Type 종류별 사용방법과 예시 상기 살펴보았던 HTML 언어의 Input 태그의 Type 종류마다 수행하는 역할과, 사용방법에 대해 간단히 알아보도록 하자. ▣ HTML 삽입 미리보기할 수 없는 소스 위와 같이, 우리가 일반적으로 알고 있는 버튼을 정의하기 위해 사용하는 태그. onclick은 마우스 클릭 시 수행할 동작으로, 상기 코드에서는 '버튼을 클릭해 보세요.' 버튼을 클릭 시 '버튼을 클릭했습니다.' 라는 메시지박스가 출력되게 작성되었다. onclick을 생략하고 아래와 ..