개발 환경 구축 전에 자바에 tomcat이 연결되어야 한다. Tomcat 과 웹서버는 한 세트라고 보면 되는데, 간단하게 설명을 읽어보며 그 이유를 파악해보겠다. Apache Tomcat란? 아파치 톰캣(Apache Tomcat)은 아파치 소프트웨어 재단에서 개발한 서블릿 컨테이너(또는 웹 컨테이너)만 있는 웹 애플리케이션 서버이다. 톰캣은 웹 서버와 연동하여 실행할 수 있는 자바 환경을 제공하여 자바서버 페이지(JSP)와 자바 서블릿이 실행할 수 있는 환경을 제공하고 있다. 톰캣은 관리툴을 통해 설정을 변경할 수 있지만, XML 파일을 편집하여 설정할 수도 있다. 그리고, 톰캣은 HTTP 서버도 자체 내장하기도 한다. 아파치 톰캣은 Apache Licence, Version 2를 채용한 오픈소스 소프트..

스크립트 태그 스크립트립 [ ] : 변수, 계산식, 메소드 호출 결과를 문자열 형태로 출력하는 데 사용. pageEncoding 속성 문자 인코딩 유형을 UTF-8 로 맞춰준다. import 속성 date를 불러오기 위해 해당 자바 패키지를 import한다. ③ 번에서 호출. ① 머리글: Home 부분 Home ② 본문: Welcome to Web Shopping 부분 Welcome to Web Shopping Mall ③ 본문: 현재 접속 시간 현재 접속 시각: ④바닥글: copyright 마킹 © WebMarket D.O.N.E!

Google에 jsp를 검색하면 뜨는 연관검색어 중 하나가 "jsp 안쓰는 이유" 이다. 실제도 그럴 것이 요즘은 jsp 잘 안쓴다고 한다. 요즘은 프론트앤드랑 서버기능 분리하는 추세이기 때문에 복합적인 기능이 있는 jsp는 잘 쓰지 않는다. 그래서 신규로는 jsp로 작업할 일은 없겠으나 기존의 것들을 유지보수하면서 한번은 꼭 마주치기 때문에 기초는 알고 있는 것이 좋겠다. 그래서 이번 포스팅은 JSP 개발 환경 구축 및 간단한 사용 예제만 실행해보려한다. JSP 개요 Java를 이용한 서버 사이드 스크립트 언어. Java Server Pages의 약자이며, 오라클에서 자바상표권 문제로 오픈소스인 jsp는 자카르타 서버페이지로 이름을 바꾸었다. Java의 점유율을 대폭 상승시킨 1등공신이다. 같은 부류에..

오늘은 다음과 같은 화면을 구성해보려한다. 들어가는 태그 : div, li, a 그리고 실시간 시간 카운트를 위해서 clock.js를 통해 별도로 클라스 형성을 할 것이다. 1. [HTML] 상단 태그 만들기 Home News Contact About 2. [HTML] 중앙 채우기 00:00:00 안녕하세요, 제이름은 딩기스칸입니다. 저는 프론트엔드 개발자일까요? View my work 3. [CSS] 목차 스타일 지정하기 ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333333; } li { float: right; } li a { display: block; color: white; tex..

div는 문서의 레이아웃을 구성하는 태그며, 그렇기 때문에 table보다는 CSS를 활용한 div 태그를 많이 쓰는 추세라고 한다. 웹표준이기도 하고 속도면에서도 div를 활용하는 것이 더 유용하기 때문이다 . 오늘은 이전 시간 table을 통해 만든 HTML을 활용하여 table과 똑같은 결과물을 div를 통해서도 구현해보겠다. 4 1 2 3 이런식으로 table을 구성하면 이런 느낌의 테이블을 만들 수 있다. 이런 테이블느낌의 출력물을 div layout을 통해서 다시 구현해보자. 이렇게 style을 잡아주고 body에는 다음과 같이 출력해준다. 1 2 3 4 D.O.N.E!!!!

목차 display property 종류와 활용 예시 border 종류와 활용 예시 display property 종류와 활용 예시 display Property 4가지 1. display: none; 보이지 않게 해준다. 2. display: inline; 컨텐츠를 작성하는 공간의 크기만 갖는다. 컨텐츠 감싼 크기만 갖고 별도의 크기 변화가 안된다. 3. display: block: 따로 설정하지 않아도 div가 갖게되는 기본값으로 기본적으로 div는 한 줄을 다 차지 한다. 4. display: inline-block: 박스형태의 컨텐츠를 작성하는 공간으로 inline과 block의 특성을 합쳐 놓았다고 생각할 수 있음. 크기를 바꿀 수 있다. 활용 예시를 보면 쉽게 이해갈 것이다. ☞여기서 빨리 작..