학원에서 배운 것/HTML4 사용자 입력, form 태그에 대해 form 태그는 사용자가 입력한 데이터를 수집하기 위해 사용되며, input, textarea, button 등의 입력 양식 태그를 포함한다. form 태그의 속성 action 속성 : 입력 데이터가 전송될 url 지정 method 속성 : get / post 입력 데이터 전달 방식 지정 GET, POST 는 HTTP 프로토콜을 이용하여 사용자 입력 데이터를 서버에 전달하는 방식을 나타내며, 이를 HTTP request method 라고 한다. GET url에 입력 데이터를 쿼리 스트링으로 보내는 방식 전송 url 바로 뒤에 ?를 통해 데이터의 시작을 알려주고 key-value 형태의 데이터를 추가한다. 1개 이상 데이터를 전송할 때는 &로 구분한다. url에 전송 데이터가 모두 노출되기 때문에 보안상 .. 2023. 3. 16. KDT 5th 웹개발자 입문 수업 2일차 -1 어제 이어서 남은 태그 사용자가 HTML 문서에서 작성한 내용을 보내기 위해서 사용하는 태그 -> 서버로 보낸다 1. 사용자가 보내기를 원하는 데이터를 으로 감싸고 으로 받아온 다음, 2. input의 type ="submit"을 만들어주고 눌러줘야 제출이 됨 태그 action 속성 : 데이터를 받을 서버의 주소를 입력 method 속성 : 데이터를 보내는 방식 GET : 서버로부터 정보를 가져만 올 때 - 전달되는 정보가 주소창에 보임, 보안에 위험 POST : 서버에게 데이터를 추가, 수정, 삭제 한 후 응답을 받음 - 전달되는 정보가 주소창에 보이지 않음 2023. 1. 27. KDT 5th 웹개발자 입문 수업 1일차 1. HTML 역사 2. HTTP (Hyper Text Tranfer Protocol) 클라이언트 HTTP 웹 서버 요청 메세지 - request 응답 메세지 - response 3. VSCode extension - live Server : 비쥬얼 스튜디오 코드 우측 아래 Go Live 클릭 시 live Server가 가상의 서버를 만들어서 (HTTP 통신으로) 파일을 오픈해줌. 파일을 연 것과는 달리 변경 내용을 바로 적용시켜줌(따로 새로고침 할 필요 없음) 단축키 : cmd + l + o 주소는 ip 주소와 port의 번호를 포함하여 만들어지며, 비쥬얼 스튜디오 코드 아래에 라이브 서버를 켜게되면, port번호가 노출되는데 이를 토글해주면 서버를 닫아줄 수 있다. - Prettier : 저장하는 순.. 2023. 1. 26. Html 정리 기본적인 HTML 구조 See the Pen Untitled by seulgi (@SeulgiGu) on CodePen. 은 문서의 타입을 정의하는 내용으로, HTML 문서에서 태그를 정의하기 전, 가장 먼저 선언되어야 함. 문서에 대한 정보인 메타데이터의 정의 영역 문서의 컨텐츠 영역 - HTML은 Element의 조합이다. Element (요소) 태그 사이에 컨텐츠가 들어가는 경우 : 컨텐츠 컨텐츠가 필요없는 경우 : Attribute (속성) 태그 사이에 넣어주는 옵션 Element의 추가적인 속성을 관리 ex. 속성 사이의 구분자는 공백임 자주 사용되는 Element 종류 참고자료 : http://www.tcpschool.com/html-tags/intro 코딩교육 티씨피스쿨 4차산업혁명, 코딩교.. 2022. 12. 13. 이전 1 다음
