전체 글 (39) 썸네일형 리스트형 세미프로젝트) jsp 페이지에 서버에 저장된 이미지 출력하기 servlet에서 파일 저장시 지정했던 경로에서 뒤에 getRealPath부분을 img src에 추가 하면 된다. 서블릿 String saveDirectory = getServletContext().getRealPath("/files"); // 웹서버상의 절대경로. jsp 이미지 업로드가 필수가 아니라면? JSTL 태그를 사용하고 있어서 이렇게 걸어주었다 세미프로젝트) 제목 클릭시 맨 위에 있는 리뷰내용만 보여짐. 리뷰 내용이 undefiend로 잡히는 문제 이걸로 한 반나절 날려먹은것 같다. 리뷰 제목을 꽁! 누르면 각각의 리뷰 내용이 아코디언으로 내려와야하는데, 맨 처음에 있는 리뷰내용만 나오고 아래는 안나온다..................... F12를 눌러서 확인해보면 제대로 리뷰내용들이 들어가있긴 했다. 그래서 javascript를 사용하기로 했다. 1. 각 리뷰 한 줄 당의 ID값을 부여한다. 부여하는 ID값 끝에 el태그로 가져온 ID값을 부여함. // 클릭하면 리뷰내용 보여줄 리뷰 제목 //리뷰 내용 클릭 이벤트를 처음에는 index로 처리할 생각이었는데 서로 index가 반대로 부여되어있고, 제목 클릭시 리뷰 내용을 못찾고 계속 undefined가 나와버리는 문제가 발생했다...ㅠㅠ 그래서 리뷰 제목 id만 찾고 그 리뷰 제목id 라면? 부.. 세미프로젝트) body의 height가 100% 로 인식이 안되서 div가 body 안에 담기질 않음. 그로 인해 footer와 겹치는 현상 발생 리뷰 조회 페이지를 만드는데 리뷰 제목 클릭시 아코디언 형태로 보여주는 걸 만드려고했다. 아코디언은 성공했는데 리뷰 내용이 보이도록 열면 footer와 겹치게 되더라...... 구글링 미친듯이 한 결과를 넣는다.. body의 height가 100% 로 인식이 안되서 리뷰내용이 body 안에 담기질 않음. html,body태그에 min-height: 100% !important; 부여 리뷰콘텐츠의 height가 안묶인 이유 그룹핑을 잘못해서 안묶였음. 그래서 리뷰를 묶는 div 안에 각 항목들을 div로 묶었던 것을 태그 적힌 리뷰 하나, 1개의 리뷰 리스트를 담은 하나로 변경하고 리뷰 리스트 안에과 그 해당 리뷰의 내용을 담은 를 추가함 ${r.reviewNo} ${r.recipeName} ${r.nic.. 세미프로젝트) 데이터 등록하는데 file값이 null 혹은 undefined로 넘어가는 현상 이걸로 거의 2시간정도 애먹은것 같다........ 결론은 file저장할 때 만든 String 이름을 VO에 담지 않아서 그랬음!! 그냥 jsp에서 넘긴거를 넣으려고 하니까 안됐다~~~~~~~~하하하하하하 다신 삽질하지 않기 위해 기록남김... String saveDirectory = getServletContext().getRealPath("/files"); // 웹서버상의 절대경로. String encType = "UTF-8"; int maxSize = 5 * 1024 * 1024; try { // saveDirectory 폴더가 없다면 생성 File path = new File(saveDirectory); System.out.println("path : " + path); if (!path.exis.. 세미프로젝트)form 하나에서 두개의 servlet으로 보내기 리뷰 등록을 작업하는 와중에 문제가 발생했다. 폼은 하나를 만들었는데 버튼을 클릭하면 하나는 등록작업을 실행하는 servlet으로 가야하고, 나머지 하나는 리뷰조회 jsp를 실행하는 servlet으로 가야했다. 그런데 onclick시 링크는 하나만 가능하고.. form action부분에 직접 등록작업으로 가는 servlet을 등록해버리면 둘 중 하나만 작동했기 때문이다......... 그래서 ajax를 사용했다! 참고사이트는 아래와 같다. (https://m.blog.naver.com/PostView.nhnblogId=racoon_z&logNo=221080162986&proxyReferer=https:%2F%2Fwww.google.com%2F) https://2ham-s.tistory.com/307 //.. 세미프로젝트 ) 요리 레시피 조회 및 구매 사이트 (CookingDom) 학원 세미프로젝트를 21-04-26부터 시작했다. 그간 오류 나고 해결한 사항들을 노션에 정리했었는데, 블로그에 정리해놔야 나중에 찾아보기도 더 편할 것 같아서... 더 늦기전에 정리하려고 한다! 나는 사이트에서 각 레시피별 리뷰와 댓글을 맡았다. JavaScript. 전체선택/해제 체크박스. 하나라도 체크해제하면 전체선택 체크해제. 체크박스로 체크된 것을 아래 박스에 값 입력하기. 학원 과제로 내 준 것을 하나씩 포스팅하면서 기억에 남겨보려고 한다. Javascript 짜면서 전반적으로 할만 했는데, 하나라도 해제되면 체크박스 해제하는 부분에서 애먹었다.. 체크박스 이벤트가 발동하지 않는것때문이었다.. 다른 이벤트처럼 바로 쓰려고 했었는데 console.log 찍어보는데 아예 들어가지도 않더라.. 무한 구글링+이것저것 시도해본 결과, 함수를 따로 만든 다음에 for문에서 호출 하니까 쉽게 해결되었다. (나는 왜 이걸로....다신 까먹지 않으리,,,) JavaScript HTML 입력 Practice1 취미 전체선택 종합 소설 시/에세이 경제/경영 자기계발 아동 여행 과학 역사/문화 외국어 컴퓨터 만화 카테고리 선택 위의 코드를 실행시키면 이런 화면이 나온다. 나중에 입맛에 맞게 수.. 이전 1 2 3 4 5 다음