Light Purple Pointer
게시판 만들기 5 -수정하기 /삭제하기
·
BACKEND/Jsp
write.jsp 복사해서 update.jsp 만들기 수정을 누르면 업데이트 하기전에 한번 읽어서 표시를 해줌 updateAction.jsp JSP 게시판 메인 게시판 안녕하세요${userID}님 접속하기 로그아웃 수정 버튼 눌렀을 경우 아래와 같이 수정 게시판 출력됨 BbsDAO 수정 update메소드 추가 // id의 게시글을 업데이트 하기 public int update(int bbsID, String bbsTitle, String bbsContent) { String SQL = "update bbs set bbsTitle = ? , bbsContent =? where bbsID = ?"; try { PreparedStatement pstmt = conn.prepareStatement(SQL); p..
게시판 만들기 4 -페이징, 게시글 상세보기
·
BACKEND/Jsp
BbsDAO.java 에 추가 // 가능한 모든 글의 갯수 + 1 리턴 public int getNext() { //데이터를 지워도 되는데, 백업이 필요할 수 있으니 바로 삭제안하고 숨김표시할거임 String SQL = "SELECT COUNT(*) FROM bbs WHERE bbsAvailable = 1"; try { PreparedStatement pstmt = conn.prepareStatement(SQL); rs = pstmt.executeQuery(); if (rs.next()) { return rs.getInt(1) + 1; //현재 총 게시글의 +1 만큼 리턴 } return 1; // 첫 번째 게시물인 경우 } catch (Exception e) { e.printStackTrace(); }..
게시판 만들기 3 - 메인 페이지 ,게시판 ,글쓰기, 게시판 출력
·
BACKEND/Jsp
login.jsp 복사해서 main.jsp 만들기 JSP 게시판 메인 게시판 안녕하세요${userID}님 접속하기 로그인 가입하기 로그아웃 nav에 만약 userID를 불러오고 만약 NULL이면 가입하기, 로그인만 보여주고, 아니면 로그아웃 보여주기 1. 로그인 전 2. 로그인 후 안녕하세요${userID}님 캐로셀 Previous Next bbs.jsp 생성 JSP 게시판 메인 게시판 안녕하세요${userID}님 접속하기 로그인 가입하기 로그아웃 번호 제목 작성자 작성일 1 안녕하세요. 홍길동 2021-1-10 글쓰기 Java Resources에서 bbs패키지 생성 후 Bbs.java 생성 package bbs; public class Bbs { private int bbsID; //게시글ID priv..
게시판 만들기 2 - 회원가입 , 로그아웃
·
BACKEND/Jsp
login.jsp 복사해서 join.jsp 만들기 JSP 게시판 메인 게시판 접속하기 로그인 가입하기 회원가입 화면 남성 여성 ***input minlength="4" maxlength="20" 4자이상 20이하 테스트 UserDAO.java 에서 회원가입 메소드 추가 //회원가입 메소드 public int join(User user) { String SQL = "insert into user values ( ?, ?, ?, ?, ?)"; try { pstmt = conn.prepareStatement(SQL); pstmt.setString(1, user.getUserID()); pstmt.setString(2, user.getUserPassword()); pstmt.setString(3, user.ge..
게시판 만들기-1( db연결확인 ~ 로그인 )
·
BACKEND/Jsp
https://youtu.be/wEIBDHfoMBg?list=PLRx0vPvlEmdAZv_okJzox5wj2gG_fNh_6 이 강의를 그대로 만들 예정 bbs 프로젝트 생성 index.jsp 생성 index.jsp **location.href : 현재 브라우저의 위치 \login.jsp로 바꾼다. -> login페이지로 이동 부트스트랩 다운로드 이 예제에서는 4.1 버전을 사용했음. 압축풀어서 아래의 파일들 빼고 다 삭제 제이쿼리 다운로드 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The un..
로또 번호 가져오기
·
FRONTEND/기타
로또번호요청.html 생성 https://kadosholy.tistory.com/23 로또 api를 이용하여 로또번호 가져오기 로또 api를 이용하여 로또번호 가져오기 로또 관련 앱이나 프로그램을 만드려고 하면 로또 당첨번호를 알 필요가 있는데 현재 복권 판매 홈페이지나 관련 웹 사이트를 찾아봐도 공식적으로 로또 kadosholy.tistory.com CORS 에러 보안에러임 https://inpa.tistory.com/entry/WEB-%F0%9F%93%9A-CORS-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95-%F0%9F%91%8F 🌐 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏 악명 높은 CORS 에러 메세지..
jQuery 를 활용해 AJAX 사용 load()
·
FRONTEND/기타
TEXT. HTML 파일 가져오기 load() 제이쿼리파일가져오기.html 생성 text.html html 문서입니다. 화면 출력 html,txt 등 파일을 load()를 통해 가져올 수 있음 만약 잘못된 파일 ( 없는 파일) 을 가져오려고 시도 했을 경우 오류 발생하도록 코드 작성할 수 있음. 상태가 성공이면 이상없음 alert창 출력 에러면 에러 내용 alert창 출력 그래서 만약 text.html 이 아닌 text11.html (없는 파일) 을 가져온다고 시도하면 위와 같은 alert창이 발생한다. JSON 타입 가져오기 위의 제이쿼리파일가져오기.html 복사해서 제이쿼리JSON가져오기.html 생성 가져올 user.json 생성 [ { "id": 1, "first_name": "Jeanette",..
Dom 응용실습
·
FRONTEND/기타
jQuery Dom 사용 버튼 1 첫번째 문장입니다. 두번째 문장입니다. script 만약 p태그의 para1의 color와 background color을 바꾸자고 한다면 $("p.para1").css("color", "red"); $("p.para1").css("background", "yellowgreen"); 이렇게 작성했을 것이다. 위의 두 줄을 한줄로 줄여서 아래와 같이 사용가능하다. // css를 여러개 입력 시 객체형식으로 가능{키:'값',....} $("p.para1").css({ color: "red", background: "yellowgreean" }); 그리고 아예 css를 따로 만들어서 원하는 태그를 선택하여 클래스를 추가해 줄 수 있음. 예) .myclass 추가 .myclas..
jQuery - event
·
FRONTEND/기타
jQuery cdn head에 넣음 셀렉터 html 복사해서 수정 jQuery 이벤트 Mouse Events Button 1 Button 2 $("#btn1").click(function(){ alert('Button Clicked!"); }); = id btn1을 클릭하면 alert함수가 실행된다. 실행 결과 button1를 클릭하면 alert 창이 뜸 button2를 클릭하면 아무런 이벤트가 발생하지 않음. 원래 script 는 body태그 제일 하단에 쓰는데 , 아래와 같이 코드를 작성하면 script를 어디에 작성하던 HTML이 준비되면 해당 내용 실행함 button1을 누르면 해당 내용을 숨기고 button 2를 누르면 숨겨놓은 내용을 다시 보이게 만들어 보기 Mouse Events Button..
jQuery ?
·
FRONTEND/기타
jQuery는 자바스크립트 라이브러리임 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.com /**사용방법 1. cdn 사용 2. 다운로드 받아서 파일주소 링크 **셀렉터(Selector) jQuery 시작하기 Heading One Lor..