HTML
-
서블릿(Servlet) 예제Web/Servlet 2018. 9. 4. 17:00
java와 jsp 두가지 언어가 혼합되어 있는 코드 작성 방식을 Model 1이라고 한다. 코드가 길어지면 굉장히 복잡해져 알아보기 힘들어지는 경우가 빈번하다. 이를 극복하기 위해 jsp와 java를 분리하려는 시도를 했고, 그 결과 등장한 객체가 서블릿(servlet)이다. Client는 URL을 통해 원하는 파일의 정보를 요청(Request)한다. 이때 Tomcat은 Client로부터 받은 URL을 통해 서버에 요청한 파일이 있는지 없는지 확인하고 그에 대한 결과를 Client에 반환(Response)하는 역할을 한다. 이것이 HTTP의 기본 동작 원리이다. 이러한 요청들 중 특정 url들에 대해서 Web.xml에 등록을 해놓으면 해당 url에 대해서는 Tomcat이 아닌 Servlet을 통해 브라우..
-
JSP 예제Web/JSP, JavaScript 2018. 9. 3. 17:00
JSP는 Java Server Pages 의 약어로 HTML 내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 언어이다. html에서도 반복을 사용할 일은 굉장히 많은데 이를 자바의 반복문을 통해 보다 간편하게 사용할 수 있도록 돕는 언어로 생각하면 되겠다. 실무에서 10여년 전부터 사용되던 언어지만 지금은 더 편한 언어들이 많이 나와 잘 사용하지 않는다. 예제를 통해 간단한 개념만 이해하도록 하자. 1. 프로젝트 파일의 webapp에서 마우스 오른쪽 버튼 new - others 클릭2. jsp file 찾아 Next 버튼 클릭3. 파일명 정하고 Finish 버튼 클릭해 JSP 파일 생성 후 다음과 같이 파일 작성한다. 나의 정보 이름 : 박민우 거주지 : 노원..
-
HTML 문서 태그 뜻Web/HTML 2018. 9. 3. 16:55
// html5 문서 타입을 나타냄. // html 정의 // 문서의 본문 ( 웹페이지 구성하는 화면 전체 ) $$ 은 닫지 않는다. l 태그 : 기호로 안에 예약어를 통해 어느 태그인지 구분하도록 정해둠. Open 태그와 close 태그가 반드시 존재해야 한다. Ex) open : close : Html (Value, text) l Value 쓰지 않는 태그도 존재함. Ex) 열고 닫는 태그. 개행만 하면 되기 때문에 다른 attributes, value 필요하지 않음 : 그림 파일 웹페이지 문서에 넣고 싶은 경우 사용.value 필요 없고 attribute로 경로만 필요하면 됨. 와 같은 식으로 입력
-
HTML , css 태그 정리Web/HTML 2018. 9. 3. 16:53
HTML5의 태그들에 대해 예제를 통해 보다 직관적으로 이해할 수 있도록 돕는 사이트가 있다. 굉장히 강력한 기능들을 탑재했기 때문에 반드시 즐겨찾기 할 것을 권장. 1. 링크로 접속 https://www.w3schools.com/ 2. HTML을 비롯한 각종 웹페이지 언어들에 대한 References를 제공한다. HTML REFERENCES 클릭3. 왼쪽 하단에 HTML Tags 탭에 모든 탭에 대한 설명과 예제가 있다. 그중 맨 아래 있는 ul 찾아 클릭4. 다음과 같은 예제 코드가 있다. Try it Yourself 클릭하면 해당 코드를 수행한 결과를 바로 확인할 수 있다.5. 왼쪽의 html 코드의 결과가 오른쪽에 출력되며 왼쪽에서 수정 가능하다. 포스팅한 것들 중 태그의 역할이 궁금할 경우에 참..
-
아톰 (Atom) 다운 & 설치Web/환경설정 2018. 9. 3. 11:24
웹 개발에 실무에서 빈번하게 사용되는 툴. 아톰 (Atom) 다운 https://atom.io/ 별도의 로그인 절차가 필요 없이 다운받을 수 있다. 이후 설치하면 바로 실행 가능. 예제 작성 1. File - new File 클릭 2. ctrl + s 눌러 hello.html로 파일 저장. 아톰의 강력함은 태그 자동완성기능에 있다 html을 누르면 태그가 아래 나오고 엔터를 누르면 다음과 같이 기본 포맷이 완성된다. 나머지 태그들도 마찬가지로 사용하면 됨. 다음과 같이 코드 작성한다. This is HTML Body P 태그는 문장을 쓸 때 사용합니다. h1 제목입니다. 뉴스기사의 헤드라인으로 사용하면 좋습니다. Headings Type 1의 약어입니다. h2 제목입니다. 뉴스기사의 헤드라인으로 사용하면..
-
이클립스(Eclipse), STS html 에디터 성능향상JAVA/환경설정 2018. 8. 22. 17:27
현재 32비트 PC로 서버 개발하고 있는데 jsp 파일에 복사 붙여넣기 하면 굉장히 느리고 멈추는 현상이 발생한다. 에디터 상의 텍스트가 변경될 때마다 하이퍼링킹 관련 이벤트가 발생하기 때문인데 이 설정을 푸는 방법 이클립스, STS에서 1) Windows - Preperences 클릭 2) General - Editors - Text Editors - HyperLinking 클릭하면 Java Script 관련 하이퍼링크 옵션이 체크되어 있을 것이다(Default 설정 기준) 관련 항목들 체크를 해제하고 나면 편집할 때 조금이나마 답답함을 덜 수 있다.