본문 바로가기

분류 전체보기169

05. JSP, DB연동해서 성적 테이블 CRUD 게시판 만들기 ① (성적 입력, 리스트, 상세보기) ○ 성적JSP페이지 - 참고 : 오라클 DB, 성적 테이블 SQL문 create table sungjuk( uname varchar(20) ,kor int ,eng int ,mat int ,aver int ,addr varchar(20) ,wdate date ); ○ 성적 입력 - 성적 입력 폼 : sungjukForm.jsp ★ 성적 입력 폼 ★ [성적목록] 이름 국어 영어 수학 주소 서울 제주 수원 부산 - 성적 입력 결과 : sungjukIns.jsp ☆ 성적 결과 페이지 ☆ ○ 성적 리스트 - 성적 목록 : sungjukList.jsp ★ 성적 목록 ★ [성적쓰기] 이름 국어 영어 수학 등록일 ○ 성적 상세보기 - 성적 상세보기 : sungjukRead.jsp ★ 성적 상세보기 ★ [성적쓰기] [.. 2022. 7. 3.
02. AJAX, 회원등록 아이디 중복 체크 ○ 회원등록 아이디 중복 체크 1) 뷰단 회원등록폼 아이디 2) 컨트롤러 //아이디 중복확인 페이지 불러오기 //결과확인 http://localhost:9095/member/idcheckform1.do @RequestMapping("member/idcheckform1.do") public String idCheckForm1() { return "/member/idCheck"; }//idCheckForm1() end @RequestMapping("member/idcheckproc1.do") private void idCheckProc1(HttpServletRequest req, HttpServletResponse resp) { try { String userid=req.getParameter("userid.. 2022. 6. 30.
04. JSP, form (form 관련 속성, 전송방식, 컨트롤 요소) ○ 관련 다양한 속성들 - 사용자가 입력한 정보를 서버로 전송하기 위한 양식 - name : 폼이름, 서버에서 식별하기 위한 이름 - id : 폼아이디, Frontend단에서 식별자로 주로 사용 - method : 폼 전송방식, get | post 방식, 생략시 기본은 get - action : 사용자가 요청한 정보를 서버가 받아서 처리할 결과 페이지 - enctype : 폼에서 파일을 첨부해서 서버로 전송하고자 할 때 "multipart/form-data" 추가 - 참고 : HTML 폼 관련 태그들 ○ 폼 전송방식 (method) ① method=get 방식 - 생략했을 때 기본값 - 사용자가 입력 요청한 정보가 URL 그대로 노출 - 한글 안 깨짐 - ok.jsp?서버로전송되는값들 형식) 요청페이지명.. 2022. 6. 29.
03. JSP 내부객체 (out, request , response, session, application, pageContext, 페이지 실행과정) ○ JSP 내부객체 - 톰캣서버에 의해 자동으로 생성된 객체 - 개발자는 별도의 객체를 선언하지 않고 가져다 사용만 한다 - 내부객체 종류 ① out : 출력객체 → JspWriter out ② request : 사용자가 요청한 정보를 관리하는 객체 (★★★★★) → HttpServletRequest request ③ response : 정보를 요청한 사용자에 대한 응답을 관리하는 객체 → HttpServletResponse response ④ session : 요청한 사용자를 개별적으로 구분하기 위한 객체 (★★★★★) → HttpSession session ⑤ application : 모든 사용자가 공유하는 값 또는 서버에 대한 정보를 관리하는 객체 → ServletContext application.. 2022. 6. 29.
02. JSP (배열, 사용자 정의 함수) ○ 배열 2022. 6. 28.
01. AJAX (jQuery AJAX 관련 메소드, $.ajax()함수, $.get() 함수, $.post 함수) ○ AJAX (Asynchronous JavaScript And XML) - 웹페이지 전체를 reload하지 않고, 일부분만 새로고침 - 비동기식 통신(문자단위 통신) - 전체 페이지는 1번만 불러오고, 그 이후에는 문자단위(비동기)로 통신이 이루어 진다 - 자바스크립트의 XMLHttpRequest객체를 이용하지만, 사용문법이 복잡해서 jQuery 오픈소스의 ajax() 함수를 많이 이용한다 ○ AJAX - 페이지 새로고침 없이 서버에 요청 - 서버로부터 데이터를 받고 작업을 수행 ○ jQuery AJAX 관련 메소드 - $.ajax() - $.get() - $.post() - 응답받은 메시지를 처리하는 함수를 callback함수라 한다 ○ $.ajax() 함수 - 형식) $.ajax()({name:va.. 2022. 6. 28.

티스토리툴바