'Web/Web 기초'에 해당되는 글 3건

[HTML] <img> usemap Attribute

Web/Web 기초

▶ 개요

아래와 같은 경우 img tag의 usemap 속성을 이용하면 된다.


1) 하나 이미지에서 영역 따라서 각기 다른 link를 설정하고 싶은 경우


2) 이미지 내 일정 영역에 대해서만 link를 설정하고 싶은 경우




▶ 예시

영역모양은 3가지 형태(사각형, 원, 다각형)이다.

영역범위는 왼쪽 상단이 기준좌표(0,0)이며, weight가 X축, height가 Y축이다.


<img src="image.jpg" alt="이미지" usemap="#img_map"/>

<map name="img_map">

<area shape="rect" coords="X1,Y1,X2,Y2" href="./goDownLoad.do" alt="다운받기">

<area shape="circle" coords="X,Y,RADIUS" href="./goDownLoad.do" alt="다운받기">

<area shape="poly" coords="X1,Y1,X2,Y2, ... ,Xn,Yn" href="./goDownLoad.do" alt="다운받기">

</map>


* 위 예시 그림처럼 사각형으로 범위를 지정하고 싶을 경우
1) shape="rect" 으로 지정
2) 시작범위(왼쪽 위) ~ 종료범위(오른쪽 아래) 의 좌표값으로 지정
3) href 속성 처리



▶ 참조

https://www.w3schools.com/tags/att_img_usemap.asp

http://tonks.tistory.com/39




'Web > Web 기초' 카테고리의 다른 글

개행문자(CR, LF) 정리  (0) 2016.12.28
Apache HTTP Server and Tomcat Server 비교  (0) 2016.05.27

개행문자(CR, LF) 정리

Web/Web 기초

web에게 입력받은 줄바꿈이 포함된 문자열을 다시 표현할때 줄바꿈이 표현되지 않았다.

왜 표현되지 않는가를 찾아보다 개행문자에 대한 문서를 검색하며 이를 정리하였습니다.



▶ 개행문자 개요

키보드상 Enter key 입력 시 줄 바뀌어진다. 이를 개행문자라 한다.

개행문자(newline)는 CR(Carriage Return), LF(Line Feed)으로 구분된다.

즉, 줄바꿈을 표현하는 방법은 시스템과 OS에 따라 구분되어 사용된다.

ex)

Windows는 ASCII의 CR+LF

Unix, Linux는 LF

맥OS는 버전 9까지 CR, 버전 10부터 LF



▶ 개행문자 표현

CR = '\r'

LF = '\n'



▶ 출처

https://ko.wikipedia.org/wiki/%EC%BA%90%EB%A6%AC%EC%A7%80_%EB%A6%AC%ED%84%B4

https://ko.wikipedia.org/wiki/%EC%83%88%EC%A4%84_%EB%AC%B8%EC%9E%90

'Web > Web 기초' 카테고리의 다른 글

[HTML] <img> usemap Attribute  (0) 2017.03.31
Apache HTTP Server and Tomcat Server 비교  (0) 2016.05.27

Apache HTTP Server and Tomcat Server 비교

Web/Web 기초

▶ Apache HTTP Server

Web Server

대용량 정적Data(html, js, image, css 등) 처리 유리

cpu core가 늘어나도 성능이 높아지지 않는 취약점 존재

메모리 점유율 높음

대체 Web Server 으로서, nginx, lighttpd 등이 있다.


▶ Tomcat Server

WAS(Web Application Server)

동적 Data 처리

Java/Servlet Container


▶ Apache Server 와 Tomcat Server 분리 운영시 이점

Apache의 강력한 설정 기능 사용가능(Apache Module)

안정적인 서비스(load balancing)

  ex) Tomcat이 일시적 다운 상태일때 Apache랑 연동해두면 오류 페이지를 사용자들에게 보여주기도 쉽습니다.

확장성(php, asp 등 다른언어 서버사이드 애플리케이션으로 확장가능)


▶ Tomcat Server 분석

- Tomcat 디렉토리

  bin : Tomcat를 런하는 명령 스크립트 디렉토리

  lib : Tomcat Engine이 사용하는 외부 라이브러리 (.jar) 디렉토리

  conf : Tomcat Web 서비스를 위한 설정 파일 디렉토리

  logs : 로그파일 저장 디렉토리

  temp : Tomcat Engine에서 사용하는 임시 파일 디렉토리

  webapps : 웹 어플리케이션 deploy 디렉토리

  work : JSP 파일이 서블릿으로 컴파일(.class)된 디렉토리


Tomcat Engine은 lib, bin 디렉토리만 사용

실제 서비스를 담당하는 인스턴스들은 conf, logs, temp, webapps, work 디렉토리를 사용


▶ deploy 환경  

개발, 스테이징, 상용으로 구분된다.


- 개발 단계

 개발을 할수 있는 최소 환경

 ex) One Server, One Instance, Multiple Context

- 스테이징 단계

 기능 및 성능을 테스트 하기 위한 환경

 상용 단계와 거의 동일 환경으로 구성

- 상용 단계

 실제로 서비스하고, 고객이 접속하는 환경


스테이징 단계 이상 부터는 아래의 요구 사항 존재해야 함.

1. 하나의 서버에서 2개이상 WAS 버전이 구동 될 수 있다.

2. 상위 버전 업그레이드가 용이해야 하며, 기존 서비스 변경은 최소화 해야 한다.

3. 서비스별 튜닝 설정 (WAS, JNDI, Http Connection)이 별도로 구성되어야 한다.

3. 하나의 인스턴스를 Shutdown 해도 다른 서비스에 영향이 없어야 한다.

4. 운영 관리 및 장애 대응에 신속하게 처리 해야 한다.

  

▶ 참조 및 인용

https://beyondj2ee.wordpress.com/2012/07/03/%EB%A9%80%ED%8B%B0-%ED%86%B0%EC%BA%A3-%EC%9D%B8%EC%8A%A4%ED%84%B4%EC%8A%A4%EB%A1%9C-%EC%8B%A4%ED%96%89%ED%95%98%EA%B8%B0-multiple-tomcat-instances/



'Web > Web 기초' 카테고리의 다른 글

[HTML] <img> usemap Attribute  (0) 2017.03.31
개행문자(CR, LF) 정리  (0) 2016.12.28