web
-
[Web] JWT (Json Web Token) 기본 개념과 회고기타/WEB 2022. 6. 29. 15:00
Json Web Token 이란? 선택적 서명 및 선택적 암호화를 사용하여 데이터를 만들기 위한 인터넷 표준(RFC7519 표준)으로, 페이로드는 몇몇 클레임(claim) 표명(assert)을 처리하는 Json을 보관하고 있다. 토큰은 비공개 시크릿 키 또는 공개/비공개 키를 사용하여 서명된다. JWT는 헤더, 페이로드, 서명의 구조로 되어있으며, 각 부분은 Base64url으로 인코딩되어 '.' 기호를 사용하여 하나의 토큰으로 연결된다. const token = base64urlEncoding(header) + '.' + base64urlEncoding(payload) + '.' + base64urlEncoding(signature) 구조의 각 부분 설명 클라이언트에서 사용자가 로그인을 하면 서버는 아..
-
[HTML] 표를 만드는 태그언어/HTML 2022. 6. 28. 02:02
표(table)은 행(row)와 열(column)으로 이루어져 있고, 행과 열이 만나 이루는 영역을 셀(cell)이라고 부른다. table, tr, td, th 태그 - 기본적인 표 만들기 제목 셀 내용 내용 ... ... - th : 표에 제목 셀 만들기 - tr : 행 만들기 - td : 행마다 셀 만들기 - 행 또는 열을 합치기 위해서는 colspan 또는 rowspan 속성을 사용 - colspan="합칠 셀의 개수" 또는 rowspan="합칠 셀의 개수" caption 태그, figcaption 태그 - 표에 제목 붙이기 표 제목 ... - caption 태그 안에 다른 태그를 사용해 제목을 여러줄로 표시하거나 텍스트를 꾸밀 수 있음 - 표의 위쪽 중앙에 표시 표 제목 ... - figcapti..
-
[HTML] 텍스트 관련 태그(3) - 목록을 만드는 태그언어/HTML 2022. 6. 20. 23:31
ul > li 순서 없는 목록 만들기(순서 없는 기호) - ul : unordered list의 줄임말 - li : list item의 줄임말 - 각 항목 앞에 작은 원이나 사각형 같은 불릿(bullet)이 붙음 - 불릿은 css의 list-style-type 속성을 이용해 수정 - list-style-type : dics(●), circle(○), square(■), none (불릿 없앰) ol > li 순서 목록 만들기(순서 있는 기호) - ol : ordered list의 줄임말 - 목록의 숫자 표기 방법이나 시작하는 숫자 등을 바꿀 수 있음 - 속성 - type : 숫자의 종류를 다양하게 조절할 수 있음 - 1(숫자.기본값), a(영문 소문자), A(영문 대문자), i(로마숫자 소문자), I(로마..
-
[HTML] 텍스트 관련 태그(2) - 텍스트를 한 줄로 표시하는 태그언어/HTML 2022. 6. 16. 12:32
strong, b - 텍스트를 굵게 표시하는 기능 - b는 bold의 줄임말 - 눈으로 볼때는 두 태그가 느껴지지 않지만 화면 낭독기에서는 구분 되기 때문에 구분해서 사용 - 경고나 주의 사항처럼 중요한 내용이여서 강조해야할 때는 strong (화면 낭독기에서 강조되었다고 알림) - 단순히 굵게 표시할 때는 b em, i - 비스듬한 이탤릭체로 표시하는 기능 - em은 emphasis의 줄임말, i는 italic의 줄임말 - 문장에서 특정 부분을 강조하고 싶을 때는 em - 마음 속의 생각이나 꿈, 기술적인 용어, 다른 언어의 관용구 등에는 i q - 인용한 내용을 표기하기 위한 것 - quote의 줄임말 - blockquote와 다른 점은 인라인 레벨 태그라는 것 - 줄바꿈 없이 다른 내용과 함께 표시..
-
[HTML] 텍스트 관련 태그(1) - block으로 묶어 처리하는 태그언어/HTML 2022. 6. 12. 19:00
h1 ~ h6 ~ - 제목 표시 - heading의 줄임말 - 일반 텍스트보다 굵고 진하게 표시된다. - 글자 크기 h1 > h2 > h3 > h4 > h5 > h6 p - 단락을 나누어주는 태그 - paragraph의 줄임말 - 단락이란 ? 앞뒤에 줄바꿈이 있는 텍스트 덩어리 br - 줄 바꿈 태그 - break의 줄임말 - 닫는 태그가 없다. hr - 수평 줄 태그 - horizontal의 줄임말 - 닫는 태그가 없다. blockquote - 인용문 - 다른 텍스트보다 안으로 들여 써진다. - 인용한 사이트 주소가 명확할 경우, cite 속성을 이용해 인용 사이트 주소를 표시해주도록 하자. pre - 입력하는 그대로 화면에 표시하는 태그 - preformat의 줄임말 - 공백, 태그 등이 모두 표시 ..