madori4 madori4

톰캣(Tomcat)에서 url 요청을 받으면 web.xml에 등록되어 있는 url pattern에 대해서는 해당 서블릿이 수행돼 그 결과를 response 객체에 담아 톰캣에 반환한다. 이때 필터(Filter)를 두어 서블릿들에서 중복되는 로직을 한번에 처리할 수 있다. 필터에는 주로 인코딩, 로그인 체커 로직을 담는다.필터 또한 web.xml에 등록되어 있으며, web.xml에서 호출 우선순위가 서블릿보다 높음을 짐작할 수 있다. 작성 절차 1. common.web 패키지 만들어 관리한다. 만든 common.web 패키지에 마우스 오른쪽 - New - Others 클릭2. filter 입력해 찾아 클릭 후 Next3. 이름 입력 후 Next4. url 자동 작성 되어 있다. Edit 버튼 클릭5. ur..

서블릿이 익숙하지 않은 경우 파일 경로에 대한 고민을 분명히 할 것이다. 필수적인 위치명 두가지 Context path와 Context root 에 대해 설명. Context Path : 프로젝트 명을 의미하며 url의 호스트, 포트명 다음에 나온다. Context root : Content directory의 경로. 해당 경로에 메타 정보와 웹 정보를 관리하는 META-INF와 WEB-INF 파일이 자동생성되며 JSP파일은 여기 하위에 저장되어야 경로를 찾을 수 있다. Dynamic web project 생성시 마지막 페이지이다. 작성 중 url mappings는 path로 설정했다. 따라서 이를 url에 넣어줘야 한다. Context root와 Content directory의 경로를 설정할 수 있는..

JSP 체크박스(checkbox), 셀렉트/옵션(select/option) 는 웹사이트를 구성하는 데 필수적인 태그들이다. 실무 사용 패턴 포스팅 1. 체크박스 빨간 박스 부분으로 태그당 하나가 생성된다. 체크박스의 특징은 특정한 데이터만을 취사선택 할 수 있다는 것이다. JSP에서는 이를 지원하기 위해 name 속성을 제공한다. 같은 name 속성을 가지고 있는 태그들의 값을 서블릿에서 String 배열로 받을 수 있다. 서블릿은 배열을 받기 위해 사용하던 메소드 request.getParameter 대신 request.getParameterValues를 사용한다. 2. 셀렉트 / 옵션 셀렉트는 녹색 박스 부분으로 여러가지 옵션 들 중 하나를 선택할 수 있는 박스를 의미한다. 여기서 셀렉트는 옵션들을 ..

자바스크립트 간단한 문법 예제 및 확인하기. sts에서는 자동완성기능이 없기 때문에 아톰을 사용하는 것을 추천한다. 확장자를 .html로 저장한 후 사용하면 강력한 자동완성 기능들을 사용할 수 있다. < 없이사용하고자 하는 태그명 입력하면 자동완성 되는 방식이다. 1) 배열 - 동적할당 및 수정이 비교적 자유롭다.(push & pop이기 때문에 완전히 자유롭지는 않음) - 대괄호 [ ] 사용해 초기화한다.(자바에서는 { } 사용) - 인덱스 값 사용은 자바와 같음. 할당하지 않은 인덱스 참조시 undefined Exception 나온다. Try. Catch 있지만 잘 사용하지 않음. - 배열명.push 통해 배열 요소 추가. - For each에 대응하는 for-in이 있다. - For of라는 이름으로..

JSP는 Java Server Pages 의 약어로 HTML 내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 언어이다. html에서도 반복을 사용할 일은 굉장히 많은데 이를 자바의 반복문을 통해 보다 간편하게 사용할 수 있도록 돕는 언어로 생각하면 되겠다. 실무에서 10여년 전부터 사용되던 언어지만 지금은 더 편한 언어들이 많이 나와 잘 사용하지 않는다. 예제를 통해 간단한 개념만 이해하도록 하자. 1. 프로젝트 파일의 webapp에서 마우스 오른쪽 버튼 new - others 클릭2. jsp file 찾아 Next 버튼 클릭3. 파일명 정하고 Finish 버튼 클릭해 JSP 파일 생성 후 다음과 같이 파일 작성한다. 나의 정보 이름 : 박민우 거주지 : 노원..

// html5 문서 타입을 나타냄. // html 정의 // 문서의 본문 ( 웹페이지 구성하는 화면 전체 ) $$ 은 닫지 않는다. l 태그 : 기호로 안에 예약어를 통해 어느 태그인지 구분하도록 정해둠. Open 태그와 close 태그가 반드시 존재해야 한다. Ex) open : close : Html (Value, text) l Value 쓰지 않는 태그도 존재함. Ex) 열고 닫는 태그. 개행만 하면 되기 때문에 다른 attributes, value 필요하지 않음 : 그림 파일 웹페이지 문서에 넣고 싶은 경우 사용.value 필요 없고 attribute로 경로만 필요하면 됨. 와 같은 식으로 입력

HTML5의 태그들에 대해 예제를 통해 보다 직관적으로 이해할 수 있도록 돕는 사이트가 있다. 굉장히 강력한 기능들을 탑재했기 때문에 반드시 즐겨찾기 할 것을 권장. 1. 링크로 접속 https://www.w3schools.com/ 2. HTML을 비롯한 각종 웹페이지 언어들에 대한 References를 제공한다. HTML REFERENCES 클릭3. 왼쪽 하단에 HTML Tags 탭에 모든 탭에 대한 설명과 예제가 있다. 그중 맨 아래 있는 ul 찾아 클릭4. 다음과 같은 예제 코드가 있다. Try it Yourself 클릭하면 해당 코드를 수행한 결과를 바로 확인할 수 있다.5. 왼쪽의 html 코드의 결과가 오른쪽에 출력되며 왼쪽에서 수정 가능하다. 포스팅한 것들 중 태그의 역할이 궁금할 경우에 참..

웹페이지 개발시 스토리보드 작성이 필수적이다. 스토리보드를 구성할 때 구현하고자 하는 웹페이지를 보여주는 게 일반적인데 이때 화면 구성을 보다 효율적으로 작성할 수 있다. 다음과 같이 구상한 웹페이지를 빨리 작성할 수 있다. https://balsamiq.com/- Download 클릭- 운영체제에 맞게 다운로드. 윈도우와 맥만 지원중인 것으로 파악된다. 리눅스는 사용 불가. 깔아서 설치하면 된다. 사용법은 굉장히 직관적이다. 원하는 디자인이나 구성을 드래그해와 사용하면 된다. - 처음 켰을 때 모습. 빨간색 브라우저를 드래그해 가운데로 놓으면- 다음과 같이 웹페이지 모양이 나온다. url을 적고 싶다면 더블클릭해url을 적어주면 다음과 같이 적용됨을 확인할 수 있다. 웹페이지 구성하는데 필요한 거의 모..