자바 웹 개발자가 될거야/JSP (39) 썸네일형 리스트형 MVC 패턴 - 주 목적 : 나눠서 프로그래밍하는 것 - MVC랑 model2 방식이 같을까 ? MVC 패턴을 활용한 model2 방식 개발 (즉, MVC패턴 안에 model2가 포함) ① Model - Java - Action - 처리동작을 Model 형태로 나눔 ② View - JSP - 화면구현 ③ Controller - Servlet - 자바와 jsp 연결하기 위함 ④ MVC 실행 순서 - 제일 먼저 web.xml 파일(배포서술자)을 생성해야 함 - 서블릿 매핑을 통해서 컨트롤러를 찾음 컨트롤러 클래스 컨트롤러 주소 - 컨트롤러는 서블릿 파일이여야 함 - doGet/doPost → doProcess · 한번에 묶어서 doProcess 1) 가상주소 계산하기 2) 가상주소 매핑하기 - DB .. [EL] EL 표현식 - JSP 코드의 표현식은 대신해서 사용하는 표현식 - ${} 형태로 사용 - JSP 코드의 를 태그로 인식할 수 있기 때문에 EL로 표현한다 - ${변수}, ${객체.변수}, ${객체['변수']}, ${객체 ["변수"]} · 뒤에 2개는 잘안씀 ㅎ - ${식}, ${연산자} 도 들어갈 수 있음 - 변수의 데이터 출력, 연산자, 내장객체 표현하는 것이 목적 ① html 폼에서 정보 받아오기 - paramTest.html name : - paramTest.jsp EL 표현식 이름: ${param.name} - 체크박스의 복수의 값 가져오기 · JSTL의 forEach를 사용해서 반복 hobbys : 게임 요리 운동 취미 : ${h} ② param.. [JSTL/EL] fmt: formatNumber, formatDate - 포메팅 라이브러리를 의미 - import 하는 것도 core랑 다름 ① - 숫자 정보 - groupingUsed="true"가 default 숫자 : 10000000 - pattern으로 소수점도 표시가능 · default값은 소수점 3자리 3.141592 소수점 2자리까지만 표현 - 10.5를 10.50으로 표현하고 싶다면 · pattern="#.#0"으로 표현하면 오류남 10.5 -> 10.50 형태로 표현 - type="percent" 면 퍼센트 정보 계산 - type="currency" 면 통화를 표시 - 원화, 달러, 엔 표시를 임의로 바꿀 수도 있음 ② - 날짜 정보 - 포맷팅을 사용하면 날짜가 년도 월 일 요일 정도만 나옴 - type을 time으로 설정하면 시간 정보만 나.. [JSTL/EL] core_choose - switch case문 역할이라하지만 if elseif 느낌이 더 강함 - when test : case의 조건문을 의미 - otherwise : default 의미 num1 더 크다 num2 더 크다 그외 나머지 상황 [JSTL/EL] 반복문 core_foreach, core_forTokens ① core_forEach - for문을 의미 실행문 - 1부터 10까지 홀수만 출력하기 ${i} · 반복문에서 사용되는 데이터는 var 속성을 사용해서 저장가능 · 출력하기 위해서는 ${ } 사용 - 배열과 접목하기 ${i} ${member} ② core_forTokens - 토큰을 기준으로 반복문 실행 - 문자데이터를 토큰(구분자) 사용하여 데이터를 파싱 - delims : 구분자 ${data} [JSTL/EL] core_if - if문을 의미 - test : 조건문 넣는 자리 정답입니다. - form에서 두 수를 받아와 if문으로 크기 비교 숫자1 : 숫자2 : num1 더 크다 num2 더 크다 · param. num1 : num1의 파라미터값 가져옴 · 원래 [Ajax] JSON과 DB 연결하기 ① json-simple 파일 설치 https://code.google.com/archive/p/json-simple/downloads Google Code Archive - Long-term storage for Google Code Project Hosting. code.google.com - json-simple jar파일을 다운로드 받아서 WEB-INF아래 lib 폴더에 붙여 넣어주기 - mysql-connector-java 파일도 마찬가지 위치에 붙여 넣어주기 ② DBJsonPro.jsp 에서 DB와 연결 배열 한칸에 저장 arr.add(obj); } %> - contentType="application/json로 변경 - array 안에 담아야지만 데이터를 확인.. [Ajax] ajax 사용하기, ajax 요청응답 타입 - Asyschronous JavaScript And XML - 비동기방식의 자바스크립트와 XML - 동기 방식 : 페이지 이동이 필요하다 / 화면 전환이 있음 · 사용자 → 웹서버 (WAS) → 사용자 - 비동기 방식 : 페이지 이동없이 사용 / 화면 전환이 없음 · 사용자 ↔ 웹서버 (WAS) - $.ajax(); · 비동기방식으로 페이지 이동이 일어남 ① ajax 사용하기 $.ajax({ url:"전송페이지(액션페이지)", type:"전송방식(get,post)", data:"전송할 데이터", dataType:"요청한 데이터타입(html, xml, json, text)", success:function(성공시 가져오는 데이터){ 전송 성공시 처리할 문장들 } error:function.. 이전 1 2 3 4 5 다음