♠Developer blog♠

공통적으로 사용하는 HTML 상단부분을 만든다. 쇼핑몰 페이지를 만들기로 했으므로 로고,로그인 부분, 서치,메뉴바 부분까지 공통으로 사용한다고 생각했다. 공통적으로 를 사용하여 공통으로 사용할 루트이름을 url로 처리한다. 예를 들어 css 경로를 참조하기 위해 를 사용하였다. 네이비게이터 부분의 각 메뉴마다 경로를 다르게하여 다른 servlet 으로 보내서 처리하게 했다. (NETX) HEALTH CLICK; 헬스 클릭스 첫페이지 화면이다 상품이 디비에서 식별자로 잘 처리해서 나오는것을 볼 수 있다. 다음으로 페이징 처리를 하려고 한다. Boling.pg를 서블릿으로 보낸다. 그 이유는 ? 내가 원하는 DB를 가져와서 뿌려주기 위해 페이징 처리를 하기 위해.. 현재 총 게시글 갯수, 현재 페이지, 페이..

index.jsp 파일을 만들어서 가장 처음에 보여질 화면을 불러오는 역할을 한다. web.xml 에서 가장 먼저 읽어올 파일을 welcome으로 받아준다. WEB-INF에는 서버와 연결하기 위한 ojdbc,cos 라이브러리를 저장해주는 역할을 해준다. WebContent에 views와 resources를 만든다. views의 역할은 jsp 보관소 resources의 역할은 첨부파일, css파일, js 파일, image 파일 등 보관소 views 에 servlet 페이지를 만들어서 controller에 보내주는 역할을 하게 해준다. ㄴ common 에는 공통적으로 사용하는 menubar,errorpage 등 이 있다. errorpage 의 기본적인 코드 menubar.jsp 코드 생성자를 불러오고 가져다..

JSP 파일 안에 자바코드를 작성하려면 를 사용해서 그 안에 작성한다 예시) ㄴ 이 구문을 스크립틀릿이라고 한다. html 문서내에 자바코드를 쓸 수 있는 영역 //현재 이 jsp에서 필요로하는 데이터들 -> servlet에서 전달(forward)받은 request의 attribute에 담겨있음 //request.getAttribute("키값") : Object html 구문에 사용하기 !!

서블릿 구동 사용자 데이터 전송 방식 get ->URL창에 “?” 뒤에데이터를 입력하는방법(쿼리스트링) 데이터가여러 개일경우 &로묶어서보냄 데이터검색에 많이사용하고 데이터크기에한계가 있으며보안취약 post -> BODY에내용을 보내는방식으로데이터 크기에제한이 없고 보안이뛰어남 doGet -> client에서 데이터 전송방식을 get방식으로전송하면호출되는 메소드 doPost -> client에서 데이터 전송방식을 post방식으로전송하면호출되는 메소드 HttpServletRequest (HTTP Serlvet을위한요청정보(request information)제공) * 인터페이스나인터페이스구현은컨테이너가알아서설정하므로메소드만이용 상속: javax.servlet.ServletRequest 메소드명/내용 getP..

Web 통신 구조 Client > Web Server(HTML) > WAS(JSP/Servlet) > Database(데이터 관리 서버) 역순으로~~ Apache : HTTP 통신에 대한 여러 라이브러리 제공 NGINX : 무료 오픈 소스 서버로 사용자 요청을 스레드가 아닌 확장성 있는 이벤트 기반 설계로 리소스만 할당해 사용 Was -> Web Aplication Server의 약자로 사용자가 요청한 서비스의 결과를 스크립트 언어 등으로 가공하여 생성한 동적인 페이지를 사용자에게 보여주는 역할 Was의 종류 tomcat : Apache Software Foundation에서 Servlet과 JSP를 통한 동적인 웹 문서를 처리하기 위해 만든 웹 애플리케이션 서버 서블릿 컨에이터와 JSP 컨테이너 서블릿..

$("선택자").children() 선택된 요소의 모든 자손(바로하위) 요소를 선택 $("선택자").children("선택자") 선택된 요소의 모든 자손요소들 중에서 제시한 값과 일치하는 요소들만 선택 $("선택자").find("선택자") 선택된 요소의 모든 후손요소들 중에서 제시한 값과 일치하는 요소들만 선택 $("선택자").siblings() 선택된 요소와 같은 레벨에 있는 요소들 중에서 제시한 값과 일치하는 요소들만 선택 $("선택자").siblings("선택자") 선택된 요소와 같은 레벨에 있는 요소들 중에서 바로 다음 요소 하나만 선택 $("선택자").next() 선택된 요소와 같은 레벨에 있는 요소들 중에서 바로 다음 요소 하나만 선택 $("선택자").nextAll() 선택된 요소와 같은 레벨..