[TIL] 2020.06.10 TIL-200610

TIL

1) 자바 과제 => 1:N 채팅 프로그램 리뷰
2) HTML 개념, 실습
3) tomcat 설치


HTML

  • 자바로 만든 웹프로그래밍 언어에는 servlet, JSP가 있다.
  • 웹의 경우 반복되는 패턴이 많고 개발자의 경력에 따라 성능차이가 크기 때문에 스프링 프레임워크를 활용해 일정수준 이상의 성능을 지원하고 반복되는 패턴을 쉽게 사용할 수 있다.
  • 프론트엔트 -> 언어: html, css, javascript / 프레임워크 : Angular.js, React.js, Vue.js

자바기반 웹프로그래밍을 위한 환경설정

1) JDK 설치
2) Eclipse 설치
3) Oracle dbms 설치
4) WAS(Web Application Server) tomcat 설치

웹서버 : apache server WAS : tomcat server


실습

html

HTML 기본문법

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 
	<a href="http://localhost:9999/Lecture-WEB/html/exam01.html">exam01.html</a><br />
 -->
	<a href="/Lecture-WEB/html/exam01.html">exam01.html</a>
	<br />

	<a href="https://www.naver.com/">네이버로 가자!</a>
	<br />

	<a href="https://www.daum.net/" target="_blank">다음으로 가자!</a>

</body>
</html>


대표적 block, inline 태그

  • block 태그 : 한 줄을 할당
  • inline 태그 : 글자수만큼 할당
  • div : 단락 구분 태그
  • span : 하나의 단락내에 영역을 구분


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>div, span tag</title>
</head>
<body>
	<div style="background-color: red"> div01</div>
	<div style="background-color: blue"> div02</div>
	<span style="background-color: yellow">span-01</span>
	<span style="background-color: aqua;">span-02</span>
</body>
</html>


실행결과

html

태그: ,

카테고리:

업데이트:

댓글남기기