Java EE (27) 썸네일형 리스트형 Java EE detail 페이지 구현 CafeDao에 작성된 getData() 메소드를 실행시켜 글의 상세내용을 볼 수 있다. href 안에 있는 타이틀 을 클릭하면 해당 페이지의 상세 내용을 볼수 있는 detail.jsp 페이지로 이동 된다. 제목 링크 클릭하게 된다면 해당 게시물의 자세한 내용을 볼 수 있다. Java EE List 페이지 구현 Java EE Promise 예제 폼에 입력한 내용을 페이지 전환없이 전송하는 기능 위 코드는 fetch() 함수를 이용하여 작성하였다. 같은 동작을 하는 코드로 외부 util 을 사용하여 작성한 코드이다. 해당 부분의 함수를 사용하였고 form 의 참조값을 전달해주면 promise를 리턴해준다. login.jsp 페이지의 gura, 1234 와 다르게 입력 했을 경우에 object 형식의 false를 리턴한다. 아이디 : gura, 비밀번호 1234 를 입력 후 로그인 버튼을 누르면 object 형식안에 isSuccess : true 를 리턴한다. Java EE Fetch 예제 fetch 함수 예제1) button 을 누른경우와 링크를 누른경우의 동작의 차이점 메세지 입력 팝업 출력 메세지 입력> 확인 누를 경우 Console 창에 인덱스 페이지의 코드 내용이 출력됨. 링크를 누른 경우 인덱스 페이지로 이동됨. 결론) 위 코드에서 버튼을 누른 경우엔 콘솔창에 인덱스페이지의 코드가 출력됨. 링크를 클릭했을때에는 인덱스페이지로 이동됨. fetch 함수 예제2) 위코드는 fetch 함수를 호출하여 send.jsp 페이지를 요청한다. send.jsp 페이지에서는 GET 방식 요청 파라미터를 읽어와서 사이에 출력한다. 메세지 입력 후 전송 버튼을 클릭하면 입력한 문자열이 send.jsp 페이지에 입력받아 전달받는다. fetch 함수 예제3) 위코드는 fetch 함수를 호출하여 get_m.. Java EE 로그인, 회원가입 구현 jsp, servlet 을 이용하여 웹페이지의 로그인, 회원가입 로직을 구현 1) 프로젝트 파일에 DB와 연결하는 코드, Dto, Dao 파일을 작성 DB 연결하는 코드 Dto 코드 오라클 DB에 회원가입에 사용할 sql문 작성 2) index 페이지에 로그인, 회원가입 페이지로 이동하는 링크 생성 3) 회원가입 폼을 작성 (아이디, 비밀번호, 이메일) 입력한 정보를 받아와서 Dao를 이용해서 DB에 저장하고 응답하는 jsp 페이지 4) 로그인 폼 작성 id, 비밀번호 입력 로그인 처리를 해줄 jsp 페이지 작성 로그인 하고나면 인덱스페이지에 로그인중.. 표시가 나타남. Java EE Promise Promise 메소드의 기본 형태) 예제1) Promise 메소드중 reject(); 는 작업이 실패했을때 호출 해야하는 함수이다 위 코드에선 reject()가 호출되었으므로 아래의 .catch안에 적혀있는 console.log 내용인 "catch 안에 있는 함수가 호출 되었습니다." 가 웹페이지의 console에 출력된다. 위는 resolve() 가 호출되었을 경우이다. 이번엔 .then() 에 적혀있는 console.log 내용인 "then 안에 있는 함수가 호출 되었습니다." 가 출력된다. 예제2) 작업을 하고 결과 데이터가 있다면 .then에 전달 할 수 있다. result 는 object으로 전달 받았고 .num, .name 와 같이 사용하였다. 예제3) .then 안에서 Promise 객체를 .. Java EE jsp, servlet 분리하여 웹 구현(3) setAttribute 메소드를 이용하여 문자열을 저장하는 기능 구현 play.jsp 에서는 nick에 저장된 값이 없으면 인덱스 페이지로 강제 이동되게 설정하였다. 닉네임이 저장 안된 상태에서 놀러가기 링크 클릭하면 아무런 동작하지않고 바로 인덱스페이지로 이동된다. 123이라는 닉네임을 저장시키고 놀러가기 링크를 클릭하면 play.jsp 에서 작성한 웹페이지가 정상적으로 보여지는것을 볼 수 있다. Java EE jsp, servlet 분리하여 웹 구현(2) Dto, ArrayList 형식의 데이터를 jsp 페이지에 출력 MemberServlet 에서 MemberDto 형식으로 1, 김구라, 노량진 이라는 값을 저장하였고 dto 라는 key 값으로 담긴 MemberDto 객체를 얻어내어서 출력하였다. (MemberDto 객체를 얻어와야 하므로 casting 을 MemberDto) servlet 에서 전달한 1, '김구라', '노량진' 값이 정상적으로 출력되는것을 볼 수 있다. ArrayList 활용 ) 반복문을 사용하여 li 요소를 추가하고 그 요소에 list의 값들을 저장하였다. list 저장된 값들이 저장되어있는걸 볼 수 있다. ArrayList 활용2) ArrayList에 위와 같은 값들을 입력하여 jsp으로 전달하였다. 마찬가지로 jsp 에서는 반복문.. 이전 1 2 3 4 다음
