전체 글 (91) 썸네일형 리스트형 jQ_0강 jQuery jQuery란 Javascript를 쉽게 사용하기 위한 하나의 라이브러리이다. 특히, DOM 및 이벤트 처리에 용이하다. jQuery 사용 방법 1. 다운로드하여 프로젝트에 포함 jQuery 사이트에서 파일을 다운받는다. jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jqu.. JSP_4강 Core 태그 set 페이지에서 사용하는 변수를 생성하는 태그 EL을 사용해 출력 및 활용 가능 종료 태그 없이 '/>'로 사용 가능 remove set으로 생성한 변수를 제거하는 태그 if 자바의 if문에 해당하는 태그 => else에 해당하는 태그는 없음 종료 태그 필수 주요 속성 test 조건식을 작성하는 속성 => 이 속성에 설정한 조건식이 true일 경우 실행 choose, when, otherwize 자바의 switch(case, default)에 해당하는 태그 - choose 태그는 grouping의 용도로 사용 - when 태그는 분기를 처리, test 속성으로 조건을 실행 - otherwise 태그는 switch문의 default와 같은 역할을 수행 forEach 자바의 for문에 해당하.. JSP_3강 Action tag XML 태그 형태로 코드를 기술하는 문법은 두 가지로 나뉜다. 표준 액션 : include, forward 커스텀 액션 : JSTL Forward와 Redirect Forward '전달하다'는 의미를 가짐 기존에 만들어져 있는 request를 재사용하여 데이터를 저장(attribute)하고 전송하는 방식 주소칸의 URL이 변경되지 않음 Redirect '변경하다'라는 의미 기본적으로 페이지를 변경하는 방식으로, 페이지 간 데이터 전달이 불가 주소칸의 url이 변경됨 - 태그, 자바스크립트 location.href 방식 - 페이지 전환 시 새로운 request가 생성되는 방식 Request 페이지의 전환이란 기존 페이지에서 새 페이지로 변경을 요청하는 request를 서버에 보내는 것이.. JSP_2강 상황처리 3. (jsp -> ) controller - [데이터] -> 페이지(jsp) Model 객체 사용 방법)1강에서 정리 ModelAndView 객체 사용 방법) Model과 페이지 지정 문자열을 합쳐서 처리하는 객체이다. 기능에 대한 실제 처리를 담당하는 클래스가 Service인데, 이때 Service 클래스에서 처리된 데이터를 전송하는 형태가 적절하다. 데이터 입력용 메소드 = addObject("이름표", 데이터); jsp 페이지에서 데이터 꺼내는 방법 Expression Language(EL) jsp 출력용 라이브러리 JSTL 자바 코드를 대체하는 태그 라이브러리 => 자바 코드의 제어문을 태그 형식으로 작성 - nowdate.jsp 오늘의 날짜 ${date} - index.jsp inde.. JSP_1강 URL Mapping URL이란 사용자가 서버에 접속해서 서비스를 받기 위한 주소를 말한다. URL 작성 위치) 브라우저의 주소 입력 칸에 직접 작성 a 태그의 href 속성 form 태그의 action 속성 자바스크립트 URL Mapping은 사용자가 요구하는 기능과 controller 클래스의 메소드를 연결하는 것이다. 인터넷에서의 전송은 form 태그의 method 속성을 사용하며, 두 가지가 있다. 정의 어노테이션 GET 방식 전송하는 데이터(주소칸)가 노출됨 @GetMapping("url") POST 방식 전송하는 데이터를 숨김 => form 태그에서 method를 post로 지정한 경우 => 자바스크립트에서 post로 지정한 경우 @PostMapping("url") 상황처리 0. 첫 페이지 C.. JSP_0강 IntelliJ 설치 Java와 DB를 다룰 때는 무료 버전으로 충분히 사용할 수 있었지만 JSP를 하기 위해서는 유료 버전의 IntelliJ가 필요하다. 다운로드 IntelliJ IDEA: 우수성과 인체 공학이 담긴 JetBrains Java IDE www.jetbrains.com 위 링크로 들어가 다음 사진과 같이 다운을 받아준다. 프로젝트 생성 시 설정 IntelliJ를 무사히 설치했다면 프로젝트를 설정해주는데, 처음 시작하는 사람에게는 꽤 복잡할 수 있다. JSP 설정은 다음과 같다. 1. 생성 방법 먼저 저장할 파일명과 파일 위치를 설정해준다. 또한 사용할 언어를 지정해주고 라이브러리 관리 방식을 결정한다. 디렉토리를 생성해주는데, 이때 보통 자신의 회사명 혹은 프로젝트명을 입력해준다. 현재는 .. Project(3)-3. 수정 Controller private void UpdateData() { String mid = userData.getM_id(); MemberDto data = dDao.selectId(mid); dView.outMember(data); if(data != null) { dView.updateMember(data); String msg = dServ.updateResult(data); dView.printMsg(msg); } } 현재 로그인 된 id를 가져와 해당 id가 가진 정보들을 모두 data에 담을 수 있도록 해준다. 만약 id가 없으면 View의 outMember()를 실행, 있으면 updateResult()를 실행한다. View - id가 있을 경우 public void updateMember(.. Project(3)-2. 회원가입 Controller private void JoinData() { MemberDto data = new MemberDto(); dView.JoinView(data); } View public void JoinView(MemberDto data) { subTitle("회원가입"); data.setM_id(ioc.inStr("ID : ")); String mid = data.getM_id(); boolean checkId = dDao.idCheck(mid); if (!checkId) { data.setM_pwd(ioc.inStr("PWD : ")); data.setM_name(ioc.inStr("NAME : ")); data.setM_phone(ioc.inStr("PHONE : ")); data.setM_b.. 이전 1 2 3 4 5 6 7 ··· 12 다음