Web/HTML5 웹 프로그래밍 입문
-
Apache와 Tomcat의 차이?Web/HTML5 웹 프로그래밍 입문 2020. 4. 3. 00:28
정적 자원은 Apache에서 처리하고 Tomcat 은 AWS로서 동적 자원을 처리한다는 것은 잘 알려져 있다. 하지만 JAVA에서 Tomcat은 정적 자원과 동적 자원을 동시에 처리하는 것으로 알고 있으며 Apache는 쓰지 않는 이유와 Tomcat 앞에 아파치 웹 서버(Httped)를 두어서 처리하는 게 성능이 좋다는 글도 있기에 아리송한 개념을 정리해 보려고 한다. 1. Apache Apache 서버는 오픈소스 라이선스에 따라 배포되어 마음대로 쓸 수 있는 Http 웹 서버이다. 데이터의 정적인 데이터들 (html, css 이미지, 파일 등)에 대한 클라이언트의 요청을 데이터로 만들어서 응답한다. 2. TomCat 웹 서버와 웹 컨테이너의 결합 다양한 기능을 컨테이너에 구현해 다양한 역할을 수행한다...
-
padding, margin 이란?Web/HTML5 웹 프로그래밍 입문 2019. 9. 14. 22:49
padding은 border의 안쪽 구간 margin은 border의 바깥 구간 padding-top, padding-right, padding-down, padding-left 로 각각의 값을 줄 수 있지만 padding: 10px 10px 10px 10px; 로 사용하면 시계방향으로 ( 상 우 하 좌 ) 로 적용할 수 있다. padding: 10px 10px; 로 사용하면 (상하, 좌우) 가 적용되고 padding: 10px; 로 사용하면 ( 상하좌우 ) 에 모두 적용된다. ( margin 역시 동일하다) border에는 1) border-width 2) border-style 3) border-color 가 있다. 역시 border 10px solid red (size, style, red) 로 적..
-
HTML5 웹 프로그래밍 입문 5장Web/HTML5 웹 프로그래밍 입문 2019. 8. 7. 22:09
1. head-item head > td td.head-item 2. #first { . . . } .active { . . . } li.active { . . . } 3. a 태그가 모두 빨간색으로 변한다. 4. 선택자 1 번: 코드에서 모든 a 태그를 선택한다. 선택자 2 번: 코드에 있는 h1 태그를 하나 선택한다. 선택자 3 번: h1 태그 아래의 a 태그와 nav 태그의 첫 번째 자식인 div 태그 내부의 a 태그를 선택한다. 선택자 4 번: 코드에 있는 모든 a 태그를 선택한다.
-
HTML 웹 프로그래밍 입문 3장Web/HTML5 웹 프로그래밍 입문 2019. 7. 22. 19:05
1. 1 head는 시맨틱 태그가 아니다. 2. 2 div,ul,li는 블록 형식의 태그이다. a는 인라인 형식이다. 3. 클릭 4. 5. HTML5 Basic ITCookbook - HanbitAcademy Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centu..