웹프로그래밍13

• 

  Web programming : RESTful URL 설계 규칙 URI(Uniform Resource Identifier)와 URL(Uniform Resource Locator) URI는 네트워크 상에 있는 특정 리소스를 식별하는 통합 자원 식별자(Uniform Resource Identifier)를 의미한다. URL은 인터넷에 있는 리소스를 나타내는 통합 리소스 식별자를 의미하며, 우리가 흔히들 이야기하는 웹 상의 주소를 의미한다. URI는 URL의 상위 개념으로 볼 수 있다. URI는 리소스를 식별하는 식별자 역할을 하고, URL은 식별자 역할중에서도 리소스의 위치를 가리킨다. 예) http://www.restapi.example.com/member/1 는 리소스의 위치를 가리키는 URL이라고 할 수 있다. 예) URI 의 예시로는 도서를 식별하는 국제표준도서번호.. Web programming 2023. 12. 13.

• 

  (22.12.01)Database : 사원정보 삭제하기, 추가하기, DB에서 테이블 생성, 날짜 가져오기, 시퀀스 ●●사원정보 삭제하기●● 회원정보를 삭제하면 DB에서도 테이블에서 객체 정보를 삭제하기 empDAO.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 1.. Database 2022. 12. 1.

• 

  (22.11.29)Database : DB에서 데이터를 꺼내 MVC방식을 통하여 웹브라우저에 데이터 나타내기 ●●웹에서 MVC 방식에 맞춰 Database에서 정보를 뽑아 웹에서 나타내기●● ⊙Model : 데이터와 관련된 작업들 - -DB 입출력을 담당하는 클래스(DAO, Data Access Object) -데이터 그 자체를 나타내는 VO 클래스(DTO, Data Transfor Object) ⊙View : 실제 브라우저에 나타나는 요소들 - html를 사용하여 jsp 파일로 작성한다. ⊙Controller : 모델과 뷰 간의 흐름을 제어 하는 요소 ●●위 같은 기존 방식에서 서블릿의 기능은 최소화 시키고 DB 입출력 하는 메소드 들은 새로운 클래스를 만들어서 작동하게 만들기●● EmpVO.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 2.. Database 2022. 11. 29.

• (22.11.25)Web 프로그래밍: JSP 개발방법론 Model1으로 만든 게시판을 JSP 개발방법론 Model2로 변환하기 JSP 개발방법론 Model1으로 만든 게시판을 JSP 개발방법론 Model2로 변환하기 개발방법론 Model2는 Model1과 다르게 서블릿을 가지고 있다. 근데 이때 이 서블릿에서 로직을 처리해주는 게 아니라 요청을 브라우저에서 처음 받아 그 요청을 자바 서비스 혹은 컨트롤러 레이어로 보내준다. 그리고 JSP도 뷰만 역할을 해주는 JSP만을 쓰게 되고 로직이 있던 JSP는 모두 서비스 클래스에 로직으로 넣는다. ( JSP 개발방법론 Model1으로 만든 게시판은 (22.11.23)게시글 참고) M : Board.java V : boardAddForm.jsp, boardList.jsp, boardEdit.jsp, boardRead.jsp C : BoardServlet.java BoardService.j.. Web programming 2022. 11. 25.

• 

  (22.11.24)Web 프로그래밍: JSTL,EL / JSP개발모델1에서 개발모델2로 변환하기 ●●EL(Expression Language)●● EL(Expression Language)은 자바 빈의 프로퍼티, 값을 JSP의 표현식 이나 액션 태그 를 사용하는것 보다 쉽고 간결하게 꺼낼수 있게 하는 기술이다. 또한 static 메소드를 호출할 수도 있는데 JSP에서는 주로 서블릿 보관소(JspContext, ServletRequest, HttpSession, ServletContext)에서 값을 꺼낼 때 사용한다. jsp에서만 쓸수 있는 출력언어(확장자가 jsp로 되어 있는 곳에서만 가능) -메모리에 있는 것을 겉으로 표현하기 위한 언어(즉 변수의 값을 출력한다.) scope 객체 안에 저장된 데이터를 화면에 표시하기에 유용하다. ex) session.setAttribute("data","hell.. Web programming 2022. 11. 24.

• 

  (22.11.23)Web 프로그래밍: JSP 개발모델1(MVC방식)-게시판 로그아웃기능, 작성자만 수정/삭제 기능만들기 (22.11.22)에 작성한 프로그램에 추가로 로그아웃 기능 작성 그리고 해당 uid의 작성자만 자신의 글을 삭제, 수정 가능하게 하기 다른 사람으로 로그인하면 글 읽기는 가능하더라도 삭제 수정은 불가능 하게 만들기 ●●logout Part●● loginController.jsp 1 2 3 4 5 6 7 8 9 10 11 12 13 Colored by Color Scripter cs 로그인 컨트롤로 cmd의 값에 따라 해당 jsp로 forward해준다. UserService.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 import java.util.*; .. Web programming 2022. 11. 23.

• 

  (22.11.22)Web 프로그래밍: JSP 개발모델1 MVC방식(로그인하여 게시판 작성하기) 로그인을 하여 로그인 아이디를 작성자로 쓰고 게시판 CRUD 실습 로그인하지 않고 게시판에 들어가려 해도 로그인 먼저 하게 만들기 Controller 역할을 하는 JSP를 만들어서 하게 해주기 ●●로그인 Part●● User.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 public class User { private String uid; private String pwd; public User() {} public String getUid() { return uid; } public void setUid(String uid) { this.uid = uid; } public String getPwd() { return pwd; } public .. Web programming 2022. 11. 22.

• 

  (22.11.21)Web 프로그래밍: JSP 개발방법론 Model1-jsp로 Controller 역할 하게 하기 JSP 개발방법론 Model1 모델 1은 자바 서블릿을 쓰지않고 개발하는 방식이다. 여태까진 jsp와 자바 클래스로 개발을 했는데, 서블릿을 쓰지 않더라도 jsp에서 컨트롤러 역할을 할 수 있게 할 수 있다. jsp자체가 서블릿같은 기능을 특화시킨 스크립트이기 때문이다. 기존에 했던 게시판을 컨트롤러 jsp를 써서 만든다면 다음과 같이 할 수 있다. boardController.jsp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Colored by Color Scripter cs 데이터를 넘겨줄 땐 request.setAttribute("name", "value"); 두가지 방식으로 넘겨 줄 수 있다. 전자는 다시 request.getAttribute로 받아야하고 후자.. Web programming 2022. 11. 21.

• 

  (22.11.18)Web 프로그래밍: 게시판 CRUD(JSP 개발방법론 Model1) 회원정보 삭제하기 회원의 상세보기 에서 삭제 버튼을 누르면 정말로 삭제할 것인지 물어보고 확인을 누르면 서버에서도 삭제가 되고 리스트를 보여주게 하라 memDetail.jsp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 회원정보 상세보기 function deleteMember(num) { if(!confirm("정말로 현재 회원 정보를 삭제하겠습니까?")) return; $.ajax(.. Web programming 2022. 11. 18.

• 

  (22.11.17)Web 프로그래밍: 회원정보 리스트 보기,상세 보기, 수정하기(jsp, jsp:Bean 액션태그) 저장된 리스트를 확인할 수 있는 회원 정보 리스트 만들기 (모델 클래스와 자세한 내용은 어제 내용을 참고) memJoin.jsp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 회원가입 main { width:fit-content; border:1px solid black; padding:1em; mar.. Web programming 2022. 11. 17.

• 

  (22.11.16)Web 프로그래밍: 회원 가입등록(JSP, jsp:Bean 액션태그) JSP 개발 방법론 Model1 회원 가입 등록 폼 및 처리 (memJoin.jsp, joinProc.jsp, Member, MemService.java) 액션 사용 이름, 성별, 생일, 이메일, 경력연수, 관심 과목(5개 이상 제시), 개인 소개, 회원의 번호는 입력 순(가입 순)으로 지정 서버측에서는 List를 사용하여 직렬화하여 파일에 저장(member.ser) 저장결과를 이용자에게 자바 스크립트 alert()로 표시 저장 결과 메시지를 표시한 후에도 화면의 변경은 없도록 함 폼데이터 유효성 검사 필수 memJoin.jsp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 .. Web programming 2022. 11. 17.

• 

  (22.11.10)Web 프로그래밍: AJAX 방식을 이용한 웹 구축프로그래밍(JSON, MVC) userList.jsp 하단에 [명단 보기] 버튼을 생성하고 그 버튼을 클릭하면 alert 에 모든 이용자의 이름이 표시되도록 하라 서버측에서 모든 이름을 구하여 JSON배열 형식의 문자열로 응답하면 자바스크립트에서는 그 문자열을 수신하여 JSON.parse(str)를 사용하여 자바스크립트배열을 사용할 수 있다. java를 사용한 json배열 형식의 문자열 작성법 String strArr = "[\"Smith\", \"Mary\"]" (밸류의 연속) out.println(strArr) json simple 라이브러리의 jsonarray 클래스를 사용하면 쉽게 json배열의 형식의 문자열 생성 가능 문자열 >1 json 오브젝트 >2 json 배열 서버에서 텍스트를 보내서 브라우저에서 객체로서 부릴 수 있.. Web programming 2022. 11. 10.