수업/웹 html CSS

230628 웹

보더96 2023. 6. 28. 18:18

W3 상에서 정보를 주고 받을수 있는 프로토콜
get방식은 요청에 body가 없고, post방식은 요청에 body가 있다.

https://ko.wikipedia.org/wiki/HTTP

url 참고하기!!

 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

 

전송 보낼곳 

form action

form에는 전송 button이 있어야한다.

 

pattern = 4자리 - 2자리 - 2자리 적을수 있는 칸이 생긴다.
최소값 0, 최대값=9, step=2는 2씩증가한다.
r 중에 하나만 체킹가능
버튼에 TWO가 선택되어있다.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

아이디 5자리로 만들수있게 설
결과

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

label for="efor" << 다시 찾아보기

efor

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

캡션을 지정하여 타이틀을 준다.

 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

서버에 f1주고
action에서&nbsp; f1을 가져온다.

 

localhost로 가면 이렇게전송이 된다.

 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

post서버로 전송

데이터 정보를 전달하려면 post

 

get방식으로 전송

음식점 DB를 조회할때는 get 방식 사용한다.

GET 방식으로 가져올때&nbsp; &nbsp;?where&nbsp; &nbsp;으로 나온다.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

get방식으로 요청하면 응답받는다.

응답받은 내용은 127.0.0.1:5500 에 적힌 내용이다.

network에서 응답해 받아오면 input button을 통해 rendering engine을 거쳐 화면에보여주게된다.

 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

서버의 구조 ( 응답, 요청 색갈별로 따라가기)

 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

 

get 방식으로 a태그를 사용해 링크를 가져온다.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

div3 링크를 클릭하면 id가 div3인 곳으로 이동된다.&nbsp; (get방식요청)

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

form.html 링크가 생성되고 누르면 form.html 사이트로 이동하게 된다.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

이미지 파일을 찾을때

c:\~~~ , d:\~~~~~  절대경로는 절대절대절대절대절대 사용하면 안된다!!!!

 

http://~~~~~ 상대경로를 사용해야한다!!

절대경로 대신         ..\images\~~~ 상위 경로를 사용해준다!

 

url에서는 /가 경로 구분자

 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

apache-tomcat-9.0.75파일설치


bin파일가서 startup 실행

문제가발생하거나port번호 변경하고싶으면

conf  -->  server.xml 메모장으로 켜서

port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"

부분찾아서 port 번호 변경해주기
8080  ->  8888

8888변경후
http://localhost:8888/
들어가면 이상한 사이트나옴

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ


tomcat startup 파일 ㅡㅡ> 이클립스 연결법

오른쪽 위 java.ee 로 연결하고
window show server해서 링크클릭

9.0버전 클릭
tomcat 경로지정해주고

server locations 
use tomcat installation (take control of tomcat installation)
2번째거 하고

밑에 servers 창에 우클릭 실행하면 tomcat 실행된다.