System.out.println("Hello, World");

'2012/04/17'에 해당되는 글 4건

  1. 2012.04.17 본격 Sevlet과 JSP 만들어 보기 1
  2. 2012.04.17 JSP - 응답과 요청, URL, 동적과 정적
  3. 2012.04.17 3. HTML(2)
  4. 2012.04.17 2. HTML 기본과 코드

<Servlet 만들기>


1. 우선 Dynamic Web Project를 통해 새로 프로젝트를 만든다.



2. Servlet를 만들기 위해 Java Resources에 class 파일을 생성하도록 한다.



3. package는 servlet.hello

   클래명은 HelloServlet로 한다.



4. 다음과 같이 코딩해준다.


5. 이제 WebContent -> WEB-INF에 들어있는 web.xml을 선택하여 Source를 추가하도록 한다.



6. 소스는 다음과 같이 넣으면 된다.


7. 그리고 Server 탭에서 myweb을 Add시켜준후 서버를 재가동 시키도록 한다.



8. 익스플로러나 크롬에서 http://127.0.0.1:8088/myweb/helloServlet로 접속하여 다음 사진과 똑같이 나오는지 확인해야 한다.

만약 404에러나 500에러가 나올 경우 자신이 오타를 낸 경우이니 다시 확인하도록 한다.




<JSP 만들기>


1. WebContent 폴더에 JSP파일을 새로 생성한다.



2. JSP파일명은 Hello.jsp로 지정한다.



3. 그후 소스는 다음과 같이 넣으면 된다.


4. 익스플로러나 크롬에서 http://127.0.0.1:8088/myweb/Hello.jsp로 들어가서 제대로 나오는지 확인한다.



Posted by 김마농

HTTP - web

 - client : Web browser

 - server : web 서버


<요청>

요청방식 - Requset Method

 : Client가 서버에 요청하는 목적에 따라 7가지 방식이 있다.(Get, Post 등등)


 - Get

목적 : 서버가 가진 자원 요청

 - 요청의 기본 방식

 - 요청 파라미터 : URL 뒤에 붙어서 전송

 - URL?name=value&name=value.....

           QueryString이라 부른다.

 - 문자열 값만 전송 가능(binary file들 전송 불가능)

 - link -> Get방식, 주소창 입력 -> Get 방식 : 따로 언급하지 않으면 Get방식이다.

 - 보안 X : Web browser 주소창에 다 보인다.

ex)웹페이지에서 id랑 pw를 입력해서 로그인을 할 경우 http://login?name=id&pw=000

이렇게 아이디와 패스워드가 노출되게 된다.


 - Post

목적 : Client가 가진 자원을 서버로 보내는 것,

 - <form> 태그를 통한 요청만 가능

 ex)<form method="post">

 - 요청 파라미터 : 요청 body부분에 넣어 전송

 - URL뒤에 안보여 보안이 좋다.

 - 문자열, binary file 모두 전송 가능


요청라인 ex)Get /select/selectBeer.jsp HTTP/1.1


<응답>


응답코드

200번대- OK

400번대- HTTP 오류

404      - NOT FOUND

500번대 - CGI(Servlet/JSP) 프로그램 오류 (Exception)



URL

http://   www.wick.com:8088/  beer/Advice/select/   beerl.html

프로토콜          주소       포트    경로(path)                리소스



Web Application

 ○Web site : 정적 서비스

    -> Web 서버


  동적인 서비스(Client의 요청에 맞게 응답)

   -> CGI(Common Gateway Interface)-Perl, ASP, PHP, Servlet과 JSP(Web Container)

      : 동적 서비스를 만들기 위한 표준

      : HTTP Protocol의 서버단에서 실험되는 프로토콜

Posted by 김마농

HTML 코드

&nbsp; (공백을 준다)



-링크걸기


<h1~6> 헤드라인 : 볼드체, 엔터, 1(큰)~6(작은)글자 크기


<hr> : 라인


Style 적용하기


스타일 태그

-배경 변경




-border 설정


-margin 설정





위와 같이 margin을 설정해주면 30px만큼 바깥쪽으로 빈공간을 만들어주게 된다.


-padding 설정



위 그림에서 보면 검은색 사각형으로 범위를 지정해놨는데 파란색 border에서 안쪽 검은색 사각형사이에 30px만큼 거리가 

생긴것이다.


-Div 설정

div는 블록을 지정해서 엔터 효과를 준다



-Span 설정

블록을 지정해주는 태그


블록만 지정해주기 때문에 적용하면 아무것도 변하지 않는다.



-Id 설정




위와 같이 한 태그만 설정되어 적용된다.


-Class 설정



위와 같이 여러개를 설정해서 한꺼번에 스타일 효과를 적용 시킬수 있다.


- 줄 귿기 




위 그림과 같이 줄이 그어지게 된다.





Posted by 김마농

Java

- Java Me(모바일)

- Java SE(데스크탑, PC)

- Java EE(기업용 어플리케이션) : Web기반, 분산환경 지원

   [Servlet, JSP,EJB]


인터넷 : Network의 Network를 연결

- 전세계 컴퓨터를 Network로 묶은것


프로토콜 : 통신규약


HTTP: Hyper text transfer protocol


서버 : HyperText 기능이 있는 text file을 서비스

- 정적 서비스

- 가지고 있는 File만 서비스



HTML(Hyper Text Markup Language)
목적 : Display -> 내용(글)이 web browser상에서 어떻게 보여질지 지정
- web page 작성하기 위한 markup 언어
- 문서의 구조, 문서의 disply style(CSS)
- Tag 기반 언어
- Text, HTML 태그들로 구성되어 있다.(file의 확장자 : .html, .htm)

Elements(요소) : <start 태그명> 내용 </end 태그명>
내용안에 text, element 들어 갈 수 있다.


<start 태그 attribute="값"[attr="value"]>

attribute->태그에 추가 정보 명시


<font size="6" color="red">내용</font>


구성


태그의 예)

<font> : 폰트 관련 설정 -attribute

  size : 글자크기(1~6 : 3이 기본)

  color : 글자색(상수,#RGB)

  face : 글자체-폰트 지정


<p>문단(paragraph)테그</p> 

<br>엔터

<b> : 볼드

      <u> : 밑줄

 <i> : 이태리체



           




         

<ol> : 목록 순서 

  ex : <ol>

   <li>목록</li>

   ->1. 목록

 <ul> : 목록 순서 X

   <li>목록</li>

   ->점 목록

  <ol>,<ul> : 목록태그(순서가 있는, 순서가 없는)

   sub태그로 <li>를 가짐 - 목록에 들어갈 item을 지정하는 태그

Posted by 김마농