3.데이터 전송방식 (head,body/ get,post방식)

@@@@해당 내용은 강의 내용바탕으로 메모용도인 점 참조 부탁드립니다@@@@

@HTTP (header와 body로 이루어져있음)

(1)header

-요청방식(method)알림, 사용자정보, 브라우저정보 등 제공 (나랑 대화할래?)

(2)body

-서버에 데이터를 전송할 때 데이터가 담겨지는 부분 (대화 내용의 요청과 응답)

1.<head> </head> : 문서에대한 정보 (meta태그나 css코드등 보통여기에넣음)

2.<body> </body> : 본문내용(화면에보이는 내용)

1) <header> </header> : top영역

2) <nav> </nav> : 네비게이션(lnb, gnb)

3) <article> </article> : 본문내용 - 화면설계서에 contents영역

4)<footer> </footer> : bottom영역

header,nav,article,footer 등은 이건 body뿐아니라, css 등에서도 의미론적으로 사용할수 있음. 또한 코딩스타일마다 다를수있음 (그냥 강의에 나온스타일은 아래와 같음)

@GET vs POST 방식

(1)GET방식

-웹 사이트에서 검색을 위한 방식 (리소스를 가져오는 행위)

-URL끝에 쿼리 문자열을 지정해서 요청하는 방식

-URL?..........&………….& >>> ?뒤에 내용을 붙여서 요청. 여러 개면 &로 이어줌

(2)POST방식

-헤더와 바디에 정보를 담아서 요청하는 방식(서버에 데이터를 전송하고 반영된 결과값을 돌려받을때 사용)

-로그인, 게시판, 방명록…입력 값 전송 >>>>응답은 로그인성공,실패 글남기기 성공,실패 등

>>>url에 표기하지 말아야할 정보가 있다면 POST방식으로 하는게 좋음

aait2020