20220317 TIL

강지훈·2022년 3월 17일
0

HTML5 (content,structure)

시멘틱웹
SEO (Search Engine Optimization) 검색엔진 최적화

시멘틱 태그: 브라우저,검색엔진, 개발자모두에게 콘텐츠의 의미를 명확히 설명하는 역할

header 헤더
nav 네비게이션
aside 사이드에 위치
section 여러 내용을 포함
article 본문의 주내용
footer 푸터

문서 형식 정의 태그 (DTD: Document Type Definition)
태그는 출력할 웹페이지 형식을 브라우저에게 전달

html tag: 웹 페이지에 단 하나
head tag: 메타데이터를 포함하기 위한 요소

메타데이터: title,style,link,script에 대한 데이터

의미론적 text tag
strong , em

루트데렉터리 파일시스템 계층구조 상의 취상위 디렉토리
홈디렉터리 시스템 사용자에게 각각 할당된 개별 디렉터리
작업디렉터리 작업중인 파일의 위치한 데릭터리 ./
부모디렉터리 작업 디렉터리의 부모디렉터리 ../

id="top" 주고
href=#top 주면 href의 a 태그된것을 누르면 id가 top인곳으로 화면이동

form: 사용자가 입력한 데이터를 수집하기 위해 사용되며 입력양식 태그를 포함할수 있다

action URL 입력데이터가 전송될 URL 지정
method get/post 입력데이터 전달 방식 지정

GET 과 POST는 HTTP 프로토콜을 이용해서 사용자 입력데이터를 서버에 전달하는 방식을 나타내며 HTTP REQUEST METHOD라 한다

GET
GET방식은 전송 URL에 입력데이터를 쿼리스트링으로 보내는 방식
전송 URL 바로 뒤에 "?"을 통해 데이터의 시작을 알려주고 KEY-VALUE 형태의 데이터를 추가한다 1개 이상의 전송데이터는 &로 구분한다
URL에 전송데이타가 모두 노출되기 떄문에 보안에 문제가 있으며 전송할수 있는 데이터의 한계가 있다
REST API에서 GET 메소드는 모든 또는 특정 리소스의 조회요청

POST
REQUEST BODY에 담아전송
보안좋지만 느리다
REST API에서 POST메소드는 특정 리소스의 생성을 요청

profile
never stop

0개의 댓글