Knowledge23 [node-1] 쿠키 생성과 보안 쿠키는 클라이언트와 서버 간에 토큰을 저장하는 데 사용되며, 특히 인증에 중요한 역할을 합니다. 오늘 겪었던 쿠키 생성에 관한 오류와 그 활용법에 대해서 이야기하려고 합니다. 1. Bearer 토큰의 쿠키 포함 여부 Bearer Token은 HTTP 인증 스키마 중 하나로, 주로 JWT(JSON Web Tokens)와 함께 사용됩니다. Bearer 토큰은 Authorization 헤더를 통해 전달되며, 일반적으로 Bearer 의 형태를 가집니다. 이 때, "Bearer"와 실제 토큰 사이에 공백이 필요한데, 이는 Bearer 스키마가 토큰을 올바르게 인식하고 처리할 수 있게 하기 위한 규칙입니다. Bearer과 같이 공백 없이 사용하면, 토큰을 제대로 인식하지 못해 인증이 실패하게 됩니다. // 잘못된 .. 2023. 7. 13. [CSS-5] position 1. position 문서 상에 요소를 배치하는 방법을 정의. 이 후에 상하좌우 설정을 한다. static : 기본값, 일반적인 문서 흐름 1-1. relative 일반적인 문서 흐름에 따라 배치하되, 상하좌우 위치값에 따라 오프셋을 적용 div { position: relative; top: 100px; left: 100px; } => 원래 위치보다 위에서부터 100px, 왼쪽에서부터 100px 떨어져 있어라! 1-2. absolute 일반적인 문서 흐름에서 제거하고, 상위 요소 중에서 가장 가까운 position 지정 요소에 대해 상대적으로 오프셋 적용한다. div { position: absolute; top: 100px; left: 100px; } => 상위 요소를 기준으로 위로 100px, 왼쪽.. 2023. 5. 30. [CSS-4] float, clear 1.float 요소가 문서의 일반적인 흐름에서 제외되어 자신을 포함하고 있는 컨테이너 왼쪽이나 오른쪽에 배치되게 한다. none : 기본값, 원래 상태 left : 자신을 포함하고 있는 박스의 왼편에 떠 있어야 함 right : 자신을 포함하고 있는 박스의 오른편에 떠 있어야 함 div { float: none; float: right; float: left; } 2.clear float 요소 이후에 표시되는 요소가 float을 해제하여 float 요소 아래로 내려가게 할 수 있다. both 쓰면된다. none : 기본값, 아래로 이동되지 않음을 나태는 키워드 left : float이 left인 요소의 아래로 내려가겠다. right : float이 right인 요소의 아래로 내려가겠다. both : fl.. 2023. 5. 30. [CSS-3] 박스모델 (Box-model) 1. 박스 각 영역의 크기를 조정하는 속성 1-1. 기본 속성 콘텐츠 영역 : width, height 안쪽 여백 : padding 바깥쪽 여백 : margin 테두리 : border-width div { width: 100px; height: 100px; padding: 100px; margin: 100px; border-width: 100px; } 1-2. 하위 속성 정의하기 상 하 좌 우 각각 설정가능하다 div { padding-bottom: 100px; padding-top: 100px; padding-left: 100px; padding-right: 100px; } 1-3. 한꺼번에 정의하기 div { margin: 100px 90px; } => 상 100px, 하 90px div { marg.. 2023. 5. 30. 이전 1 2 3 4 5 6 다음
