목록IT일기(하반기)/HTML (36)
겉바속촉
이번에는 foreach랑 format에 대해 배워볼게요 1. foreach 연습하기 구조는 다음과 같습니다 반복되는 값 출력 jstl에서 반복문 foreach 1부터 10까지 출력하기 ${n } 1부터 100까지 5씩 증가하면서 출력하기 ${n } 이번에는 자바배열을 다음과 같이 리퀘스트에 저장해둡니다:) 자바 배열 선언 후 리퀘스트로 저장한 후 출력 (1) 전체 출력해보기위한 코드 여기서 포인트는 count는 1부터, index는 0부터라고 이해해주기 List컬렉션 전체 출력하기 ${a.count }/${a.index}:${s } (2) 부분출력해보기 위한 코드 list부분출력도 가능 ${a.count }/${a.index }:${s } 2. format연습하기 숫자 format에 대해서 연습해보기위해..
이번에는 JSTL에서 자바영역의 변수를 출력해보려고 합니다! 다음과 같이 코드를 작성해주세요:) msg: ${msg} 이름: ${name } 그리고 컴파일 해보시면 다음과 같이 msg는 값이 나오지만 name은 출력이 되지 않고 있네요?! 자바 영역의 변수라서 그렇습니다 그럼 이제 추가로 작성해볼게유 주소랑 혈액형을 각각 request 와 session 영역에 저장해줄거에요 그리고 다음과 같이 출력해보면 값이 나오는 것을 확인할 수 있습니다:) ${reqestScope.저장된 변수} ${sessionScope.저장된 변수} 자바부분의 변수를 jstl영역의 태그로 변경해줄거에요 그리고 다음과 같이 출력해보면 값이 나오는 것을 확인할 수 있습니다:) ${name1} msg: ${msg} 이름: ${name ..
이번에는 parameter를 연습해보도록 할게요:) form을 만들어주시구요!! post방식으로 값을 넘겨줄게요 우리가 출력할 때는 형식은 다음과 같아요 ${param.name} -----> 우리가 여태 사용했었던 request.getParameter("name")과 동일합니다 그리고 를 사용합니다 구조는 다음과 같아요 조건이 참을 만족하면 실행되는 부분 이름입력: 나이입력: 결과출력 이름: ${param.name} 나이: ${param.age } 이번에는 DTO를 따로 만들어서 값을 저장해볼게요:) 1. DTO 만들기 ---> 변수 선언하고 set, get 자동생성 package test.code; public class DataDto { String name; String age; String add..
Jstl은 자바코드를 직접적으로 사용하지 않아서 스크립트릿 처리를 하지 않아도 가능합니다 주로 웹프로그래밍 만들때 필요한 조건문과 메소드들을 처리하는데 유용하죠 우선 필요한 파일 두개 다운받아주세요:) 그리고 jsp파일 하나 만들어주는 데요 다음과 같이 작성해주시다가 uri="" 부분에서 형광펜 표시한 것을 클릭 그 다음줄에도 작성해주시다가 uri="" 부분에서 형광펜 표시한 것을 클릭 그래서 만들어진 내용들로 저는 아예 템플릿을 만들어버렸습니다:) jsp파일을 만들어낼때마다 저 코드들이 자동으로 뜨도록 말이쥬 이제 여러가지를 연습해보도록 할게요:) 1. 변수선언 2. 변수출력 다음과 같이 변수들을 주었구요:) 표로 정리해서 각각 어떻게 출력되는 지 연습해보세요:) \${ } ----> 그대로 출력 ${..
우리가 계속 꾸미고있는 사이트에서요 이제 방명록을 추가로 꾸며보도록 할게요:) 여태까지 한 과정은 지난번 포스팅 참고해주세요~ 2020/06/22 - [취업일기/HTML] - [html] 간단한 쇼핑몰 만들기 [html] 간단한 쇼핑몰 만들기 이번에는 간단한 쇼핑몰을 만들어볼게요:) [JspMiniProject] 라고 만들었어요 web-inf > lib> ojdbc jar츄가 Webcontent - index(jsp파일) 만들기 Webcontent - layout - body, bottom, header, menu(jsp파일) 만.. 2-juhyun-2.tistory.com 2020/06/23 - [취업일기/HTML] - [html] 간단한 쇼핑몰 만들기 - 수정, 삭제편 [html] 간단한 쇼핑몰 만들..
개념을 먼저 정리해보도록 할게요:) session 세션이란? 사용자 정보등의 데이터를 서버나 웹컨테이너에 저장할때 사용되는 객체입니다 주로 로그인 후의 사용자 정보나 쇼핑몰의 장바구니 추가 등의 데이터 공유가 필요할때 주로 session에 저장하여 사용한다 브라우져가 종료되지 않을때 까지 지정된 데이터를 페이지 이동에 상관없이 시간을 지정하여 저장가능합니다 쿠키(cookie)는 사용자의 컴퓨터에 저장되므로 보안에 취약한데 이를 보완하여 쎄션은 서버에 저장하므로 보안에도 훨씬 뛰어납니다 자 그럼 다음과 같이 layout이라는 폴더 만들었던 것 기억나시죠? 그리고 login폴더를 하나 새로 생성해주세요:) 우리의 목표는 메뉴에 있는 login을 클릭하면 다음과 같이 폼이 뜨게 해주고 싶은 거에요 1. DAO..
지난 번에 했던 부분에 이어서쇼핑몰을 더 완성도 있게 만들게요:) 2020/06/22 - [취업일기/HTML] - [html] 간단한 쇼핑몰 만들기[html] 간단한 쇼핑몰 만들기이번에는 간단한 쇼핑몰을 만들어볼게요:) [JspMiniProject] 라고 만들었어요 web-inf > lib> ojdbc jar츄가 Webcontent - index(jsp파일) 만들기 Webcontent - layout - body, bottom, header, menu(jsp파일) 만..2-juhyun-2.tistory.com 1. update 기능 완성해주기 회원목록에서 수정을 눌렀을 때다음과 같은 화면이 뜰 수 있도록 해줄게요:) 바로 jsp 파일을 하나 생성해주세요mbUpdatePassForm.jsp 라는 이름으로요..
이번에는 간단한 쇼핑몰을 만들어볼게요:) [JspMiniProject] 라고 만들었어요 web-inf > lib> ojdbc jar츄가 Webcontent - index(jsp파일) 만들기 Webcontent - layout - body, bottom, header, menu(jsp파일) 만들기 다음 블럭을 윗 부분에 넣어주세요 프로젝트 경로는 계속 사용할 것이므로 따로 저장해두세요:) 사이에다가는 다음블럭을 넣어주세요 다음과 같이 각각 넣어주시면 되는거에요! 우선 저는 사진 body에 들어갈 사진 8장 foot, bottom에 들어갈 사진 2장 이미지 폴더 만들어서 저장해두었습니다. 그리고 전체적인 구조는 다음과 같습니다. 이제 각각 만들어두었던 jsp파일의 코드들을 작성해볼게요:) 1. body bo..