본문 바로가기
풀스택 개발/백앤드

5주차, 웹에 대해 공부하는 중

by act2 2024. 8. 8.
728x90

* 학습내용 요약

자바(이클립스)와 오라클 연동, JDBC

자바(이클립스)와 톰캣 연동

Servlet, Jsp, jQuery, JSON, Html, CSS, DOM, Javascript, ajax

깃허브 바로가기


 

웹에 대해 공부하는 중

 

Java_Web (Dynamic Web Project)

tomcat download

이클립스와 톰캣 연동 : --> 하단 Tomcat Server 클릭 --> 톰캣 포트번호를 8080에서 80으로 변경 --> Start

 

JAR 파일, 빌드 경로에 추가하기

이클립스에서 JSP 실행을 위해 JAR 파일을 웹 애플리케이션의 WEB-INF/lib 폴더에 붙여넣기

 

Servlet CRUD

  • Create : html 폼 -> Servlet -> DAO ->users 저장
  • Read : html에서 요청 -> Servlet -> DAO -> users
  • Update : html 폼 -> 새 데이터 입력 -> Servlet -> DAO -> 수정
  • Delete : html에서 삭제 요청 -> Servlet -> DAO -> 삭제
수정 > 암호수정용 폼(아이디는 뜨고, 암호는 비워둠) > 새 암호 입력 > 저장 > DB저장
수정 버튼 생성 > 누르면 > 수정폼(editPwd.jsp) 출력
저장 버튼을 누르면 > 해당 이용자의 암호가 서버에서 변경됨
성공/실패 메시지(jsp 없이 수정폼에 성공/실패 메시지 표시)

 

jQuery

jQuery download : jQuery CDN > https://releases.jquery.com > jQuery 3.x > minified

 

jsp 파일 <head> 부분에 jQuery 추가하기

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
728x90