개발/KH국비지원과정

[KH국비지원 웹개발자 과정] Day_36 키워드 HTML,form태그, 서블릿

mabb 2022. 8. 1. 21:58
반응형

 안녕하세요. 삶의 질을 높이고자 노력하는 영차영차입니다.
드디어 국비지원 학원을 다니며 공부에 전념을 할 수 있게 되었습니다.
해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다.
--------------------------------------------------------------------------------------------------

HTML (HyperText Markup Language)

<div>
<span>
<iframe>
<a href="">
<image src = "" width="" height="" alt="">
<audio  src="" controls>
<video src="" controls>

MDN Reference
태그와 속성에 대한 래퍼런스를 볼 수 있다.

 

웹 개발자 안내서 | MDN

MDN 문서에는 많은 가이드가 있습니다. 이 문서는 추가 사용 예시를 추가하거나 API 또는 기능을 사용하는 방법을 가르치는 것을 목표로 합니다. 이 페이지는 가장 인기 있는 자료로 연결됩니다.

developer.mozilla.org

 

form태그
화면에서 데이터를 입력받아 서버로 전송하는 용도의 태그이다. 중요함★
<form action = ""> </form>
폼태그에서 입력받은 값을 submit 하면 action속성에 설정한 주소로 값을 보내줌.
input값들은 name속성과 value의 키와 값으로 전달됨. 

form태그의 속성값들은 하나하나 살펴보고 구현하고자 하는 기능에 맞춰 사용할 수 있어야 함

GET과 POST방식
get방식은 url의 쿼리에 전달하는 값이 노출됨. post방식은 url에 노출이 되지는 않지만 패킷을 분석할 경우 전달 값을 알 수 있다고 함. 실무에서는 이러한 점들을 보안적으로 보완한 방식을 이용하지만 학원에서는 post방식으로 진행한다고 함
http://127.0.0.1:5500/student/check.do?user-id=asdf&user-pw=asdf.

-  html에서 띄어쓰기 :  &npsp

-체크박스 라디오버튼, <label>을 이용하여 글자를 눌러도 체크가 되도록 하기

-<input type = "email" > 설정하여 정규표현식을 쓰지않아도 이메일의 형식으로 입력을 받을 수 있다.

-같은 html이라도 브라우저마다 표현되는 것이 다르다. 엣지와 크롬은 비슷한 편.

-form태그로 데이터를 보낼 때는 항상 name이 있어야 함.

-아파치 톰캣 8.5.xx 버전 설치

-톰캣 이클립스 연동
Preperence - Server - Runtime Environments - add - tomcat8.5 선택

-톰캣은 컴퓨터 내에 서버 용도로 port를 열어주는 것이라고 이해해봄.

이클립스) 하단 Server 탭에서 No Server are available 문구를 클릭하여 새로운 서버를 설정함. (서버이름, 포트 등)

-http 404 : url을 찾을 수 없을 때 발생하는 메시지

-이클립스에서도 html 자동완성이 된다. VSCode의 라이브서버가 편리하지만 이클립스에서 작업을 하여도 크게 불편하진 않을 것 같음.

-서블릿의 url은 폼태그의 action값으로 설정

-다이나믹 웹 프로젝트의 구조
Java Resources - src 하위에 자바 소스 파일
Web content 하위에 html 등 웹 파일

-서블릿은 서버에서 동작하는 자바 프로그램

-서버를 연결하지 않으면 javax.HttpServlet 클래스 등은 사용할 수 없음. 오라클 api문서나 레퍼런스에 HttpServlet에 대한 내용을 찾을 수 없었음. javax의 레퍼런스는 어디서 확인해야 하는지.

->여기서 찾아야 함
https://tomcat.apache.org/tomcat-8.0-doc/index.html

 

Apache Tomcat 8 (8.0.53) - Documentation Index

Notice: This comments section collects your suggestions on improving documentation for Apache Tomcat. If you have trouble and need help, read Find Help page and ask your question on the tomcat-users mailing list. Do not ask such questions here. This is not

tomcat.apache.org


-프로젝스 서버 연동 
Properties - Targeted Runtimes - tomcat 추가

-컴퓨터의 톰캣 서버 안에는 Servlet컨테이너가 있고 컨테이너 안의 객체를 자바코드로 컨트롤 할 수 있다.
Servlet컨테이너의 객체 : HttpServletRequest, HttpServletResponse, Session

-get,post 방식을 설정하지 않을 경우 디폴트는 get

-폼태그를 통하여 입력받은 값을 객체에 넣어 jdbc를 통해 db에 넣으면 회원가입 기능 등을 구현할 수 있는 것.

-자바 코드를 작성할 때는 서버를 종료하고 코딩하기

-URL과 input값을 통하여 요청(Request)이 들어오면 결과 화면을 출력하는 응답(Response)이 있어야 함.
리다이렉트, 디스패처 등의 처리

 

반응형