web동곤

부트캠프 60일차 (model2의 Comment부분)

1) Comment(댓글)1-1) 댓글테이블생성1-2)Comment테이블생성1-3) view/board/info.jsp에 댓글부분 추가1-4) controller 및 Dao , Mapper 생성1) Comment(댓글) 1-1 ) 댓글(comment) 테이블생성create table comment( num int references board(num) , seq int, writer varchar(30), content varchar(2000), regdate datetime, primary key (num,seq)); 1-2) Comment클래스생성package model.comment;import java.util.Date;public class Comment { private int num; pr..

주말공부 (joinForm리팩토링 및 pw찾기 시 랜덤한번호(임시비번생성 ))

일단 5월7일부터 본격적인 프로젝트코딩이 시작될것같은데그전에 좀 써먹어보려고 몇개의 기능을 구현해보려고한다 1) joinForm리팩토링 (유효성검사추가) 기존joinForm (비밀번호,이메일,전화번호 유효성검사X) 사진등록 아이디 중복검색 비밀번호 이름 성별 남 여 전화번호 이메일 회원가입 바꾼 joinForm(주요하게봐야할 곳 password , email , tel의 하위에 태그하나 추가)(tChk(this) , pChk(this ) , eChk( this )함수와 valid(text,type)함수 , input_check함수) 사진등록 아이디 중복검색 비밀번호 이름 성별 남..

1) 크롤링2) model2에 환율정보넣기(한국수출입은행) 1) 크롤링 ( 네이버시장지표)https://finance.naver.com/marketindex/ https://finance.naver.com/marketindex/환전 고시 환율 2025.04.25 13:15 하나은행 기준 고시회차 353회finance.naver.com /jsoupStudy/src/main/webapp/ex03_naver.jsp codes = new ArrayList(); //통화량 List values = new ArrayList(); //환율 List changes = new ArrayList(); //상승하락 try{ doc = Jsoup.connect(url).get(); Elements hlist = do..

1) model2의 script추가 (writeForm을 위해)1-1) writeForm수정(글에 이미지업로드를위해)1-2) updateForm과 replyForm도 수정 2) 웹크롤링2-1)테이블데이터가져오기(연습)2-2) 키움히어로즈(야구선수단) 웹에 들어가 선수사진만 가져와보자1) model2의 script추가 (writeForm을 위해)해당부분에 밑의 코드 넣자 summernote를 위해 jqery와 bootstarp의 버전을 바꾸는거임 (기존꺼를 지우지않아도됨) 1-1) writeForm수정(글에 이미지업로드를위해) 게시판 글쓰기 글쓴이 비밀번호 제목 내용 첨부파일 ..

1)차트작성1-1) 프로젝트 생성1-2)기본1-3) bar와 line1-4)파이그래프 , 도넛그래프 2)DB연동2-1) 게시물(board)에서 게시글 작성자별 건수;2-2) 날짜별로 게시물 갯수 3) model2에 그래프 적용시켜보기3-1) 작성자별 게시물수 (pie) 3-2) 날짜별 게시물수(bar) 1) 차트작성 https://www.chartjs.org/ Chart.jsSimple yet flexible JavaScript charting library for the modern webwww.chartjs.org(차트에관한정보들이있음) 해당사이트에 접속해 getStarted 클릭밑줄친부분의 script부분을 잘 가지고있자!!!!! 1-1) 프로젝트생성 다음이름과같이 DynamicWebPro..

1)jquery이용해 DB연결1-1) 간단한로그인폼1-2) 아이디중복버튼 기능 추가1-3) 아이디 리스트추출(자동완성)1-4) ajax를 이용해 XML문서분석1-5) JSON방식 이용한 조회 2) model2Study 프로젝트로 넘어가기2-1) ajaxController 및 select 구현 (태그선택시 txt파일의 모든 시를가져옴)2-2) 구군 , 동리 선택창 구현 (집에와서곰곰히생각해보니 떠오름 난이도높음) 1) jqeury이용해 DB와연결1-1) 간단한 로그인폼 ex08_login.html 아이디 : 비밀번호: (해당jar파일들이 있어야 실행가능함 WEB_INF/lib/에넣자) ex08_login.jspselect * from member where id=? and pass=?${param..

1) AJAX설명 JavaScript를이용하여비동기식으로클라이언트와서버가데이터(XML)를 주고받는(통신) 방식데이터형식은XML 뿐만아닌Text, HTML, JSON, CSV 등다양한형식사용 가능특징전체 페이지를 갱신 하지 않고 일부분만 업데이트 가능사용자에게 즉각적인 반응과 풍부한 UI경험 제공 가능ActiveX나 플러그인 프로그램설치없이 이용가능Javascript방식, jQuery방식으로 구현가능 단점오픈소스로 차별화가 어려움 연속적인데이터 요청시 서버 부하가 증가하여 페이지가 느려짐페이지내 복잡도가 증가하여 에러발생시 디버깅이 어려움 JavaScript 방식-XMLHttpRequest 객체객체생성 : script문에 요청을 위한 XMLHttpRequest 객체 생성서버응답 처리 함수 생성 및 지정..

1) 검색기능 구현(/board/list)2)ajax사용2-1)ajax 맛보기2-2) ajax를 POST방식 or GET방식2-3) JSON 사용2-4) fetch ( jsp사용) (최신방법)2-5) fetch( json 사용)2-6) fetch (파라미터값 사용가능)2-7) jquery를 사용한 ajax3) AJAX문제 1) 검색기능 구현(board / list)/webapp/view/board/list.jsp ${boardName} 선택하시오 작성자 제목 내용 제목+작성자 제목+내용 작성자+내용 제목+작성자+내용 Search 등록된게시글이없어요 0}"> 글 갯수:${boardcount} 번호제목 작성자등록일 조회수 ${num} (FI..

1)book1-1)bookForm, bookList1-2) siteMeshFilter변경1-3)bookClass 생성 및 테이블생성1-4) mapper , controller , Dao 생성1-5) 결과(bookList) 1)book 1-1) bookForm , bookList 해당 폼이 작동되도록 Controller , 객체 , mapper 등 다 만들어보자/view/book/bookForm.jsp 방명록쓰기방문자제목내용 해당폼은http://localhost:8080/model2Study/book/의 url로 작동하게 만들것임 /view/book/bookList.jsp 회원목록 작성자제목내용등록일${num} ${b.writer}${b.title}${b.cont..

1)list 날짜format2)답변게시판(replyForm)3)수정(updateForm)4)삭제(deleteForm)5)list수정(접근권한관련)6) Book ( 주말에할거임) 1) list부분 날짜 표시 변경 {b.regdate}위의 방식에서 밑에 코드로 변경했음!!(fmt태그를 사용한 format)(type="both"를 쓰거나 pattern을 사용한다) 또한 오늘날짜에 등록한 데이터는 시간만표시한다//Controller에서 오늘날짜로 속성을 만들어 넘길거임request.setAttribute("today", new Date()); //오늘날짜 2) 답변 게시판num grp grplevel grpstep replyFor..