국비지원 20

22-05-06 수업정리

JSLT foreach문의 varStatus 속성 값 반복할 구문과 내용 ${status.current} 현재 for문의 해당하는 번호 ${status.index } 인덱스 번호 ${status.count } 인덱스 ${status.first } 첫번째 인덱스인지 여부(boolean) ${status.last } 마지막 인덱스인지 여부(boolean) ${status.begin } for문의 시작 번호 ${ststus.end } for문의 끝 번호 ${status.step } for문의 증가값 페이지에 파일업로드 하기 위한 세팅하기 servlets.com 에서 COS file Upload Library 다운로드 다운받고 압축풀기 ▶ 데이터파일 전송을 위해 form 태그의 enctype 속성을 주고 mul..

국비지원 2022.05.06

22-05-04 수업정리

게시판 글 삭제 다른 기능은 어렵지 않게 했는데 글 삭제 실패 시 다시 상세보기 페이지로 이동하는 코드를 짜는데 고민을 많이 했다. 선생님이 알려주신 대로 URL에 추가하는 걸 생각 못하고 처음에는 밑에 그림처럼 서블릿 주소가 아닌 원주소를 그대로 작성해봤더니 데이터가 없이 넘어가서 내용이 보이지 않았다. 그래서 매핑된 주소를 입력했더니 null 값이라고 에러가 나네.. 생각해보니 보여줄 상세페이지의 글 번호가 없으니 글 내용을 불러 올 수가 없다. 글 번호를 추가해야 하는데 어떻게 하나 고민하다가 상세페이지 기능을 보니 똑같이 글 번호로 글 정보를 SELECT 하고 있다. 그래서 필요한 부분을 가져와서 작업했다. 근데 선생님이 하시는 걸 보고 아 저 방법이 있었지 싶었다. 그냥 sendRedirect로..

국비지원 2022.05.04

22/05/03수업정리

서블릿(컨트롤 소스)에 매핑되어있지 않은 주소를 사용하면 페이지에서 링크를 눌렀을 때 404 에러가 발생한다. 그럴 때는 주소가 정확히 작성되었는지 확인한다. ※주소가 잘못되었기 때문에 요청한 리소스를 찾을수 없어서 에러 매핑이란 하나의 값을 다른 값으로 대응 시키는 것을 말한다. URL을 그대로 사용하면 주소가 너무 길어져서 많은 서블릿들을 관리하기 힘들다. 폴더명과 상세경로가 노출되기 때문에 보안상의 위험도 있다. 서블릿의 매핑은 URL주소를 보다 간결하게 하며 보안상 안전하게 하는 용도로 사용된다. 페이지 이동 ▶ 이동하는 주소에 페이지 이름을 사용하면 단순 페이지 이동만 한다. ▶ 서블릿에 매핑된 주소를 통해 접속하면 서블릿에서 작업 수행 후 이동한다. (서블릿을 거친다.) ※ 프로젝트에서는 단순..

국비지원 2022.05.03

22/05/02 수업정리

현재 수업에 사용되는 소스들 회원가입과 회원목록 출력페이지로 이동을 위한 메인웹페이지 inputTest01.jsp 회원가입 성공과 회원목록출력을 위한 웹페이지 Success.jsp 가입실패했을 때를 위한 웹페이지 Fail.jsp 데이터 제어를 위한 컨트롤러 서블릿 inputController.java 데이터를 DB에 제공하기 위한 메소드 기능용 클래스 InputTestService.java DB와 연계하는 클래스 inputTestDao.java 요청데이터를 저장하는 객체를 만들기 위한 인스턴스필드가 선언된 클래스 InputTest2.java 데이터 처리순서 request.getParameter("checkMsg"); 요청한 페이지의 checkMsg를 가져온다. 글 작성에 실패하면 요청 파라메터에 저장되어..

국비지원 2022.05.02

22/04/29 수업정리

서버 더블클릭 포트가겹치면 실행안될수있음 포트 변경 프로퍼티스 더블클릭 작업하고있는 프로젝트 Path가 겹치면 실행 안될수 있음 변경 다 안되면 서버 삭제하고 다시 생성 ctrl + F11 Run 단순이동이아닌 기능처리하는 데이터베이스를 거처서 다시 자바로 와서 실행 src/main/java폴더에 패키지생성 패키지에 서블릿(Servlet) 생성 서블릿이름 작성하고 피니쉬 서블릿 생성 확인 서블릿 연결확인 서블릿파일을 링크주소로 주고 Run(웹페이지실행) 그리고 링크클릭했는데 404 에러페이지가 뜨면 이클립스의 서버(Server) 에 오른쪽클릭하고 ReStart 해주고 다시 해본다. Restart 하기 jsp파일에 서블릿 링크작성 링크클릭 서버연결성공 ※ 링크를 누르면 주소가 호출되고 그 주소를 가지고있는..

국비지원 2022.04.29

22/04/28 수업정리

↓카카오에서 주소찾기API 가져와 사용하기 더보기 사용자가 선택한 값 이용하기 우편번호와 주소필드에 사용자가 선택한 주소 값을 채워 넣는 방식입니다. 단, 사용자가 선택한 값을 이용할 경우 영문주소와 정확히 매칭되지 않을 수 있습니다. 영문주소는 기본주소(address)에 해당하는 영문 주소가 내려갑니다. nput type="text" id="sample6_postcode" placeholder="우편번호"> 부트스트랩 jquery가 스크립트를 모아놓은 라이브러리라면 부트스트랩은 스타일을 모아놓은 라이브러리 내일부터 자바로 서버연동한 작업하기 위해 톰캣다운로드및 세팅 톰캣사이트 방문해서 자신이 사용하는 자바버전에 맞는 톰캣버전 확인 후 다운로드. ( 난 톰캣9 버전 64비트 윈도우버전 다운로드) 그리고 ..

국비지원 2022.04.28

22/04/27 수업정리

일반 script 선택자별 스타일속성 값 지정 jQuery 선택자별 스타일 속성 값 지정 jQuery에서 .attr() 사용해서 속성 변경 ▶ $("#img1").attr("매개변수1") ---> "매개변수1"속성의 값을 반환 ※ 위 그림에서는 변수에 $("#img1").attr("매개변수1") 코드를 담아서 조건문으로 사용했다. ▶ $("#img1").attr("매개변수1", "매개변수2") --> "매개변수1" 속성을 "매개변수2" 값으로 변경한다. ※ attr은 직접 지정되어있는 속성이면 무엇이든 변경가능 ( id 나 class 도 값 변경가능 ) jQuery에서 .attr() 사용해서 속성 삭제 ▶ $("#img1").removeAttr("매개변수1") --> "매개변수1" 속성을 삭제 addCl..

국비지원 2022.04.27

22/04/26 수업정리

▶ 점수를 입력하는 버튼, 총점확인 버튼, 평균 확인 버튼 을 만들어서 버튼을 누르면 각각 입력된 점수, 총점, 평균 텍스트출력 해보기 ▶ 점수입력 함수 작성 script 상단에 점수를 담기위한 배열선언하기 입력 버튼을 눌렀을 때 작동한 함수 inScore(){} 작성 우선 점수입력받는 태그( )를 obj 변수에 저장한다. 점수를 입력받으면 그 값을 score 변수에 저장한다. Number(obj.value)

국비지원 2022.04.26

22-04-25 수업정리

HTML의 변수 x+y= 100 에서 x, y 처럼 대입연산자를 통해 값이 변화할 수 있다는 뜻으로 변수(variable)라고 한다. 숫자 100은 당연히 항상 100이기때문에 바뀌지 않는다는점에서 상수(constant) 라한다. HTML은 자바와 달리 변수타입을 지정해 줄 필요가 없다. var, let, const 를 사용해서 타입에 상관없이 모든 데이터를 저장할 수 있다. typeof 로 웹페이지 console에서 타입확인 조건문 문자가 포함되어있으면 Nan(Not a Number) 출력 if문을 통해 입력된 숫자가 숫자면 실행 숫자가아니면 중단하고 다시 처음으로 가면서 입력칸에 focus 된다. HTML은 타입을 구분하지 않아서 숫자타입으로 변환하지 않아도 되지만 더 정확한 값을 위해 타입을 Num..

국비지원 2022.04.25