국비지원 20

프로젝트 에러 - Uncaught ReferenceError: clickZzim is not defined

이건 되고 zzimBtn.onclick = function(){ $.ajax({ type : "get", url : "zzimClick_ajax", async : false, //전역변수 값 저장을 위해 필요 data : { "zzubcode" : ubcode, "zzmid" : loginId, "zzim_Check" : zzim_Check }, success : function(zzimCheck) { console.log("zzimCheck : " + zzimCheck); if (zzimCheck == 'CHECK') { //찜 했을 때 /* zzimBtn.classList.remove("blue"); zzimBtn.classList.add("red"); */ zzim_Check = 'CHECK'; u..

국비지원 2022.07.28

22/05/25 수업정리

WEN-INF 폴더 외부에서는 확인이안되고 컨트롤러를 거쳐서 내부에서의 요청은 확인이된다. 페이지이동을 위한 컨트롤러를 만들어서 사용한다. lombok 사용하기 더보기 lombok jar 파일 다운로드 https://projectlombok.org/download Download projectlombok.org 경로에 한글이 없도록 C드라이브에 넣어준다. 스프링을 종료하고 더블클릭해서 실행해준다. 혹시 실행이안된다면 cmd 창에서 자바 명령어로 실행해준다. 실행화면. 기다리면 인스톨이나 업데이트 할 수 있는 목록이 생성되는데 안생긴다면 직접 경로를 찾아서 지정해준다. 학원에서는 스프링에서만 사용할 꺼지만 이클립스도 목록에 나와있으니 같이 인스톨해준다. 금방 인스톨이 완료된다. 다시 스프링을 실행하고 적용..

국비지원 2022.05.25

22/05/24 수업정리

스프링은 처음에 설정하는 과정이 어려움 학원에서 수업 중 사용 할 스프링레거시프로젝트는 3버전까지만있다. 이후에는 부트전용으로바뀌었다. 그래서 사용하려면 헬프 -> 마켓플레이스에서 3버전(Add-on)인스톨해야함 스프링부트는 서버도 내장되어있어서 톰캣 설치안해도됨 XML 확장된 마크업랭귀지 = 태그로 (이루어진)쓰여진 문서 @Controller 어노테이션이 붙어있으면 서블릿을 상속한다는 뜻?, 컨트롤러로 사용할 수 있다. @service 등도 사용가능 ; 역할을 지정해주는 어노테이션? 객체도 자동으로 만들어준다. @RequestMapping 어노테이션 value와 요청해온 주소가 일치하면 메소드를 실행 ※ 추가매핑조건설정 -> method = RequestMethod.GET Get방식 일 경우 실행 UR..

국비지원 2022.05.24

스프링 다운받고 설정하기

https://spring.io/tools spring 사이트에 접속하여 Projects -> SpringTools4 클릭 ( 자기가 사용할 프로그램 선택해서 다운로드) 학원에서는 Spring Tools4 를 사용하였다. windows 버전 선택 다운로드한다. 다운이 완료 되면 압축을 풀어준다. (다운받으면 jar 파일인데 더블클릭하면 자동으로 압축풀린다. (알집이나 반디 없을 때) ) 자기가 편한 위치에 옮겨서 사용한다. 중요한게 스프링 폴더까지 가는 경로까지 한글로 된 파일이나 폴더가 없어야 된다. SpringToolSuite4 를 실행한다. help 탭에서 마켓플레이스를 클릭해서 연다. 검색창에 sts 를 쳐서 Add-on 을 설치한다. 설치가 끝나면 다시 마켓플레이스 검색창으로 와서 wqb dev..

국비지원 2022.05.20

22/05/18 수업정리

ajax 익숙해지기 게시판 수정 글상세페이지의 글정보와 댓글목록 출력코드 function getReplyList() { console.log("getReplyList() 호출"); console.log("boardNo : " + boardNo); $.ajax({ type : "get", url : "replyList", data : { "bno" : boardNo }, dataType : "json", //result 에 담겨있는 형식 async : false, // 비동기 동기 설정 success : function(result) { replyListPrint(result); } }); } function replyListPrint(result){ var loginMemberId = "${session..

국비지원 2022.05.18

22/05/12 수업정리

▶ 스크립트에서 JSLT if문 사용해서 파라메터 비교 JSLT에서 if문은 조건을 하나로 묶어서 작성하고 문자열일 때만 싱글쿼터(or 더블쿼터)를 사용한다. ▶ 잘못된 조건식 ▶ 저번에 했던 게시판 검색기능 다시 하는데 계속 에러가 발생했다. java.sql.SQLException: 내부 표기로 변환할 수 없습니다. 하다가 왜 이런 에러가 나는지 못찾겠어서 구글링했더니 정말 간단했다. SELECT 한 정보를 배열이나 객체에 담을 때(rs.get ) 순서가 잘못 되어 형식,타입이 안맞으면 에러가 난다. ※ int 타입의 필드에 문자형식의 값이 들어가서 에러. 작업 성공시 alert 메세지 띄우고 이동 이제 까지 실패할 때만 alert메시지를 띄웠었는데 오늘은 성공했을 때도 해봤다. 성공하고나서 다시 이동..

국비지원 2022.05.12

22/05/11 수업정리

1. 글목록페이지 (BoardList.jsp) 에서 로그인되어있을때만 글작성이 가능하도록 기능작성 ① '글작성1' 버튼은 JSLT를 사용해서 로그인이 되어있을 때만 버튼이 보이도록 설정하고 로그인이 되어있으면 onclick 이벤트 발생 시 boardWriteForm() 를 이벤트핸들러로 사용 ② '글작성2' 버튼은 onclick 이벤트 발생 시 boardWriteForm2() 에 세션에 저장되어있는 접속해있는 ID 값을 매개변수로 주는 핸들러로 사용 2. onclick 이벤트 발생 ① '글작성1' 버튼은 세션에 로그인정보가 없으면 안보이기떄문에 이벤트 발생 시 바로 글작성페이지로 이동한다. ② '글작성2' 버튼은 세션에 로그인정보가 있는지 확인하기 위해 조건문 사용. ㉮ 세션에 로그인정보가 없다. -> ..

국비지원 2022.05.11

22/05/10 수업정리

▶ id 중복체크 하기 jQuery의 .ajax({ }) 사용 $.ajax({ }) $.ajax({ type : "전송방식" , // get, post 등 url : "전송할 주소" , // "memberidCheck" 같은 매핑주소 등 data : { "전송한 속성(key)" : 전송할 값(value)} , // .setAttribute("", ) 같은형식 dataType : "전송타입" , // "json" 등 (리스트로 된 목록을 받을 때 필요) success : function(매개변수){ //성공 시 기능을 정의하는 블록 } error : function(){ //실패 시 기능을 정의하는 블록 // ex) alert("연결실패!!") } }) -----------------------------..

국비지원 2022.05.10

22/05/09 수업정리

-- > includes 폴더의 Navigation.jsp 파일의 기져와서 사용한다. 파일의 경로는 현재파일이 기준이다. Member 폴더안의 jsp에서 사용하려면 상위폴더인 webapp폴더안에 includes폴더가 있으므로 ../includes/Navigation MainPage.jsp 에서 사용하려면 같은 webapp폴더 안에 있으므로 /includes/Navigation 가 된다. 세션 브라우저가실행중일때 객체가생성되고 브라우저가 종료되지않는한 유지 세션에 사용자의 id를 담는다. 브라우저라는 클라이언트를 통해서 톰캣서버에접속 (요청) 파라미터로 넘긴게아니고 세션에 loginId 라는 값을 저장해놓은것 대기시간이 길어지면 소멸 클라이언트별로 구분 (현재는 브라우저) 톰캣서버의 프로젝트 session..

국비지원 2022.05.09