Notice
Recent Posts
Recent Comments
Link
«   2026/06   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
Tags more
Archives
Today
Total
관리 메뉴

개발공부 일지

학원수업_34day [HTML,CSS,Javascript (1day) - Web] 본문

학원수업/Web(HMTL,CSS,JSP,Servlet)

학원수업_34day [HTML,CSS,Javascript (1day) - Web]

짜몽- 2022. 9. 20. 09:14

< 전주 복습>
분석설계 UML 과 ERD 로 하였음.

UML 

ERD 

 

* 정기적으로 복습해야 할 내용 *

1. 정규화 -> 데이터 중복을 최소화하고 이상 현상 방지를 위한 데이터 구조화 작업 

 

2. 교차 엔티티 ( Intersection Entity or Association Entity 제휴 엔티티 )
: 다 대 다 (Many To Many Relationship ) 관계를 해소하는 엔티티 ,

 

3. Join 

ANSI SQL Join 방식 으로 보는게 더 좋다.

ANSI 방식은 Oracle 이 아니어도 다른 프로그램들도 공통적으로 가능함.

( 과거에 구축되있는 시스템들은 Oracle Join 이 많기에 둘다 공부를 하긴 해야함...)

 

 

 

 

 

 

 

Web Apuche-Tomcat 설치

 

WAS, deploy 

 

 

W3C : 월드 와이드 웹을 표준을 개발하고 장려하는 조직 
참고사이트 : www.w3schools.com 

HTML : HyperText Markup Language 웹문서의 컨텐트를 담당  
CSS : 웹문서의 디자인 스타일을 담당 
JavaScript : 웹문서의 행위를 담당 

XML : 설정 정보 및 데이터 통신용

 

Web 개발 구조

client program 

 

HTML : 웹문서 컨텐츠

css : 디자인 스타일

Javascript : 행위 동작


html 주석 : <!-- html -->

<br> : 행변경 

java web Programming 에 앞서, 수업목차를 보고 진행한다.

Java Web Programming 수업목차 


- WAS (Web Application Server) 환경설정 
- HTML , CSS , JavaScript 기초 
- Servlet 기본 개념과 예제 
- Http Request Method : Get 방식과 Post 방식 
- Form Tag 과 Servlet 연동
- Servlet LifeCycle 의 이해 
- ServletConfig 와 ServletContext 
- Cookie 와 Session
- JSP 개념과 기본 문법 
- EL과 JSTL
- Model 2 Architecture , MVC Design Pattern 
- Singleton Design Pattern 
- Front Controller Design Pattern
- DBCP 
- Refactoring 
- Git
- Javascript 심화 , Ajax 와 JSON  
- Semi Project 


앞으로 Java Web Programming 을 하기 위해 jsp, apache tomcat was 을 다운 받았다. 

그리고 javascript 자동완성을 위한 tern plugin 설치

 

처음 이클립스의 HMTL 창을 켜면 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

이 뜨고 , <title> </title> 사이 Insert title here 공간에 글을 작성하면 페이지 상단에 글이 바뀐다.

 

<!DOCTYPE html> <!-- html 선언부 -->
<html>
<head><!-- 웹브라우저가 알아야 할 정보를 기술 (웹문서에 대한설명) -->
<meta charset="UTF-8">
<title>html basic tag</title>
</head>
<body>
<marquee> <!-- 애니메이션담당, <!-- Hello HTML 을 움직여줌> -->
<h4> Hello HTML </h4> <!-- <h4></h4> 는 폰트크기이며, Hello HTMl 글을 넣어주었다 -->
</marquee> <!-- Hello HTML 을 움직여줌>
<a href="step3.html">step3으로 이동</a> <!-- a.href 는 하이퍼링크 내용이고, ""안에 넣을 주소를 
 넣는다. 하이퍼링크 --> 
</body>
</html>

<h4></h4> 는 폰트크기이며, Hello HTMl 글을 넣어주었다

결과값, Hello&nbsp; HTML 은 움직인다.