jsp6 Chart.js를 사용한 차트 만들기 안녕하세요 IT여행자입니다. 이번 여행지는 Chart.js 라이브러리를 사용하여 차트 만들기 입니다. 차트를 만드는 라이브러리나 API는 그 종류가 굉장히 많이 있지만 Chart.js는 자바 스크립트를 사용하여 간단히 차트를 만들수 있는 라이브러리 입니다. 여행 방법은 아래와 같습니다. 1. CDN 형태로 라이브러리 가져오기 라이브러리를 다운로드 받아 프로젝트내에 포함시킬 수 도 있습니다. " target="_blank" rel="noopener">https://cdn.jsdelivr.net/npm/chart.js"> 2. 기본 골격 데이터를 생성하는 언어는 JSP를 사용하였지만 어떤 언어이든 상관없습니다. 데이터를 자바스크립트로 전달 할 수만 있으면 상관 없습니다. line type 1 특별한 이유는 .. 2023. 1. 16. Servlet에서 JSP의 useBean 사용하기 안녕하세요 IT여행자입니다. JSP를 사용하여 웹을 개발할 때 안에 있는 정보를 VO객체에 담을 수 있는 방법 중 가장 손쉬운 방법은 아마도 을 사용하는 것이 아닐까 합니다. 그런데 Servlet 구조를 사용하게 되면서 처럼 손쉽게 안에 있는 값들을 VO에 담을 수 있는 방법이 없게 되었습니다(이 부분은 아마도 제가 방법을 알지 못할 수도 있습니다.) 그래서, Servlet 코드 안에서 태그 안에 있는 값을 VO로 만들어주는 메서드를 정의해서 사용하곤 합니다. 항목이 몇 개 되지 않는다면 별 문제가 되지 않지만 항목의 수가 많아질수록 그 수고로움이 말도 아니게 됩니다. 즉, String id = request.getParameter("id"); ... MemberVo vo = new MemberVo();.. 2022. 11. 8. 선택한 것만 미리보기 하면서 멀티 파일 전송하기 사용자가 파일을 다중 선택하거나 탐색기에서 파일을 드래그 앤 드롭을 사용하여 파일을 선택하도록 한 후 최종적으로 전송할 파일을 선택 또는 취소하여 파일을 전송하는 솔류션입니다. 그 흔한 jquery를 사용하지도 않았습니다. 자바스크립트의 기본 기능만을 사용했습니다. 물론 jquery를 사용한다면 소스가 조금 단순해지긴 할 것 같네요~ ^^ 먼저 움짤을 보고 가시죠~ 보다 다양한 기능은 처리하지 않았지만, file 태그를 사용하여 파일을 선택하거나, 탐색기에서 파일을 다중으로 선택할 수있고, 최종 선택된 이미지를 보면서 최종 선택 여부를 결정하여 파일을 전송할 수 있습니다. [체크사항] servlet.com에서 재공하고 있는 cos.jar API는 사용할 수 없습니다. 이 글이 포스팅되는 시점에서도 아직 .. 2020. 6. 3. 12장 페이지 동적 삽입 11장 메인 페이지와 로그인 처리 만들기에서 이미 언급되었지만, JSP에서 외부의 페이지를 삽입하는 방법을 보다 자세하게 알아보고 진행하도록 하겠습니다. JSP에서 외부 페이지를 삽입하는 방법은 크게 두 가지로 나뉩니다. 정적 삽입 : 지시문 사용 동적 삽입 : 액션 태그 사용 정적 삽입 방법 : 파일명 대신 변수를 사용할 수 없다(파일의 가변성이 없다) 파일의 소스 코드가 그대로 삽입된다. 따라서 변수명 등의 중복 트러블 등이 발생할 수 있다. 동적 삽입 방법 : 파일명을 변수에 담아 대입할 수 있다(파일의 가변성이 있다) 파일의 실행 결과가 삽입되기 때문에 정적 삽입처럼 변수명의 중복 트러블 등과 같은 문제가 발생하지 않는다. 위에서 언급한 특성뿐만 아니라 더 복잡한 내용들이 포함되어 있습니다. 보다.. 2020. 5. 10. 11장 메인 페이지와 로그인 처리 만들기 프로젝트의 시작과 전체 페이지의 운영을 담당하는 메인 페이지를 만들겠습니다. A. 관련 파일명 WebContent/index.jsp, header.jsp, footer.jsp, log.jsp, login_out.jsp WebContent/css/index.css, board.css WebContent/js/index.js, board.js 메인 페이지에서 구현할 기능은 아래와 같습니다. 전체 레이아웃 구성. 로그인 여부에 따른 로그인/로그아웃 페이지 표시 메뉴나 사용자 요청에 따른 페이지 처리 A.1 전체 레이아웃 설정 위의 그림과 같은 골격을 갖기 위해 먼저 index.jsp 페이지에서 태그들을 사용하여 기초작업을 합니다. HTML5에 의하면 메뉴나 링크 모임 같은 것은 태그를, 헤더는 모든 페이지를 .. 2020. 5. 10. 10장 파일구조및 목록 게시판 하나만을 만드는 것이라 파일의 개수가 적을까 생각했다면 아마도 너무 놀랄 수도 있지만 차근차근 만들어가다 보면 어느새 파일의 내용들이 모두 채워져 있을 거라 생각합니다. 파일의 개수만 보고 좌절하거나 낙심하지 마시고 차근차근 만들어 갑시다. Dao 및 Vo (src/bean) BoardController.java ( 요청정보 처리) BoardDao.java (게시판 전반에 걸친 처리) DBConn.java (데이터 베이스 연결) Page.java ( 게시판 목록의 페이지 처리) BoardVo.java (게시판 입출력 자료 저장) AttVo.java (첨부 파일 정보) FileUpload ( 파일 업로드) 게시판 관련 웹페이지 (WebContent/board) insert.jsp (입력 페이지) m.. 2020. 5. 10. 이전 1 다음 반응형
