기초공사 (html,css,javascript)

1.이클립스에서 새로운 프로젝트를 만들어서 따로뺸다. 2.war로 배포한다. 설명 : html은 scp에 올리면 되지만 게시판도 있으므로, html을 jsp파일로 변환해줘야한다. jsp는 탐켓이 지정하고 관리한다. 검색 : WAS 호스팅 하는 방법 JSP호스팅하는 방법 검색해본다. tomcat 배포하는 방법이 나온다. https://www.lifencoding.com/web/28?p=1 [Tomcat] Tomcat에 war 배포하는 방법 war 파일은Web Application aRchive의 약자로웹 애플리케이션을 이루는 요소들을 한곳에 모아 배포하는데 사용되는 JAR 파일이다. 흔히들 이클립스를 사용하고 로컬에서 웹 애플리케이션을 실행한다면 www.lifencoding.com 같은 분 블로그 http..

// 발단 application메뉴중 AI VOICE Bot에서 콜봇이미지가 계속 올라온다. 코드를 확인한 결과 그 앞페이지에 '화자분리대면상담'에서 position:relative와 absolute를 썼었는데 ( '화자분리대면상담'에서 position빼도 가운데로 잘간다..왜 내가 이걸 쓴거지...) 그거때문에 이미지가 위로 올라온것이다. 이 예를 보고 postion에대해 더 깊게공부해보자. 아래코드 .little-img_container40 { max-width:50%; width:100%; height:100%; padding:10px; /* border:1px solid red; */ /* position:relative; */ } .little-img_container40 img { width:..

// 발단. grid를 쓰지않고 한줄에 li가 두개씩 배치하고싶을때. .ul-text-box80 li에 대한 width 속성이 calc(50% - 10px);로 설정되어 있기 때문에, 한 줄에 li 요소가 두 개씩 정렬됩니다. 이 코드에서 calc(50% - 10px);는 부모 요소의 너비의 50%에서 10px을 뺀 값을 li 요소의 너비로 설정하라는 의미입니다. 따라서 부모 요소의 너비를 기준으로 li 요소의 너비가 계산되며, 결과적으로 한 줄에 두 개의 li 요소가 들어갈 수 있는 너비가 됩니다. | VOIS# STT | 지속적인 모델학습배포를 통한 인식율 향상, 실시간 또는 배치모드 음성문자변환 지원 | VOIS# dTTS | 딥러닝(E2E)기반의 사람을 닮은 자연스러운 음성합성 | OSSMTM S..

//잘 설명된 사이트 https://laker99.tistory.com/120 코딩 58일 / 2022.09.14 / JSP Model 1 자료실 게시판 (글 작성, 첨부파일 업로드, 목록 페이지, 상세 페이 복습 첨부파일 업로드 위치 - 실제 업로드 되는 폴더 위치가 따로 있다 - 이클립스에 폴더를 만들어둬야 이 위치에 폴더가 생긴다 첨부파일 업로드 폼 - form 태그 안에 enctype="multipart/form-data" 속성 laker99.tistory.com //cos라이브러리 다운받고 설명 잘되있는 사이트 https://installed.tistory.com/entry/15-%ED%8C%8C%EC%9D%BC-%EC%B2%A8%EB%B6%80 15. 파일 첨부 * 라이브러리 등록 및 파일 u..

1. mysql에 가서 regdate 데이터길이를 20으로 늘려주었따. 2. dao에 위의 import부분을 추가해주었따. java8인데 왜 저렇게 추가해야하는지 모르겠다. 3. 4. import java.util.*; 를 dao에 추가해주었따. list.jsp에 추가를 해줬는데 dao에 왜 따로 써줘야는지 모르겠따. 이부분 알아보자. 5.JDBC드라이버 깔기. 이 부분이 너무 애먹었따. WEB-INF에 lib가 없으면 따로 폴더를 만들어줘도 된다. 다운받은 드라이브를 lib폴더에 붙여넣고.

Java MySQL 연결을 위한 MySQL Connector 설치방법 : 네이버 블로그 (naver.com) Java MySQL 연결을 위한 MySQL Connector 설치방법 안녕하세요!! 자바를 배우다 보면 데이터를 저장하기 위한 DBMS에 어떻게 연결을 할까?라는 ... blog.naver.com https://structuring.tistory.com/156 JDBC - 자바(이클립스), MySQL JDBC연동 1. 링크로 들어가서 본인의 버전과 SQL에 맞는 드라이버를 다운로드한다. https://www.mysql.com/products/connector/ SQL과 자바를 연결하는 드라이버이다. 2. 이클립스를 열고 자바 프로젝트를 누른 후 JRE를 structuring.tistory.com ..

java.lang.ClassNotFoundException: com.mysql.jdbc.Driver

1단계_드라이버 불러오기 Class.forName("cohttp://m.mysql.jdbc.Driver"); 2단계_데이터베이스 연결 String dbUrl="jdbc:mysql://localhost:3306/jspdb5"; String dbUser="jspid"; String dbPass="jsppass"; Connection con=DriverManager.getConnection(dbUrl, dbUser, dbPass); /* 다른분꺼 Class.forName("cohttp://m.mysql.jdbc.Driver"); String db_address = "jdbc:mysql://localhost:3306/pratice_board"; String db_username = "root"; String d..

// list.jsp 뉴스&미디어 전체 전체 전체 검색 뉴스&미디어 게시글 목록 번호 제목 작성자 등록일 조회수 ${msg.id} ${msg.btitle} ${msg.reguser} ${msg.regdate} ${msg.hits} 1 2 3 5 //view.jsp 뉴스&미디어 * 표시는 필수 입력 사항입니다. 작성자 --%> 제목 --%> 작성일시 --%> 조회수 내용 ${msg.content} 첨부파일 파일 첨부 //write.jsp 0) ? Integer.parseInt(tmp) :0; //새글쓰기 모드로 가정하고 시작 BoardDto dto = new BoardDto(); String action = "insert.jsp"; //글 번호가 주어졌으면, 글 수정 모드 if(id > 0){ dto = ..

forward는 특정 액션의 처리가 끝나고 그 결과를 다른페이지에 전달하여 해당 페이지를 보여주는 방식이다. 예) 사용자가 로그인 요청을 하고 이 요청이 서버에서 처리된 후, 그 결과를 다음페이지(예를들어, 메인페이지 또는 에러 페이지)에 전달하고 사용자에게 보여주는 작업을 forward라고 한다. forward를 사용하면 서버 내에서 페이지 이동이 이루어지기 때문에 사용자의 브라우저에는 이 이동이 노출되지 않는다. 이는 URL이 변경되지 않기 때문에 사용자가 페이지를 새로고침 하더라도 이전 요청이 다시 실행되는것을 방지할수 있다. 이와 다르게 redirect는 서버가 클라이언트에게 새로운 페이지의 URL을 알려주고 클라이언트가 그 URL로 다시 요청하는 방식이다. 이 경우 URL이 변경되므로 사용자가 ..