계속 추가할 예정입니다. 크기 HTML 삽입 미리보기할 수 없는 소스 width , height HTML 삽입 미리보기할 수 없는 소스 가로/세로의 크기를 지정해 주는 속성입니다. div { width: 300px; height: 300px; } 여백 HTML 삽입 미리보기할 수 없는 소스 margin / padding HTML 삽입 미리보기할 수 없는 소스 margin과 padding은 여백을 줄 수 있는 속성입니다. 말로 설명하는 것 보다 그림으로 설명하는 것이 이해가 빠를 것 입니다. 300 x 300의 박스 형태에서 padding은 border기준으로 내부 여백을 의미하고 margin은 border 기준으로 외부의 여백을 의미합니다. border은 선 입니다. 선언 방식 margin / paddi..
HEAD 태그 안의 태그들 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 Title 태그는 제목을 의미하는 태그입니다. 아래의 이미지의 "글쓰기"가 바로 태그가 사용되는 부분입니다. HTML 삽입 미리보기할 수 없는 소스 Meta 태그는 웹 페이지의 대한 정보를 나타냅니다. 해당 문서가 어떠한 방식으로 인코딩 되야 하는지 해당 글의 작성자는 누군지 부가 정보는 뭐가 있는지에 대하여 나타내 줍니다. Attribute Description charset 인코딩 방식을 설정 name 검색 엔진에 제공하기위한 정보 content name에 대한 정보의 내용 HTML 삽입 미리보기할 수 없는 소스 Link 태그는 외부에 있는 문서를 연결할 때 사용합니다. favicon 또는 css..
이미지에 대해 알아보자 HTML 삽입 미리보기할 수 없는 소스 비트맵과 벡터 HTML 삽입 미리보기할 수 없는 소스 Bitmap 비트맵(Bitmap)은 픽셀로 만들어진 이미지입니다. jpg, png, gif, webp가 대표적인 Bitmap이미지입니다. Vector 벡터(Vector)는 점, 선, 좌표를 수학적으로 계산하여 만들어낸 이미지입니다. 대표적으로 svg가 해당됩니다. Vector는 픽셀로 만들어진 이미지가 아니기 때문에 확대를 하여도 이미지가 깨지지 않습니다. 이미지의 종류 HTML 삽입 미리보기할 수 없는 소스 JPG 손실 압축방식에 따른 이미지 손상 손실 압축이기 때문에 용량을 줄임 가장 널리 사용 PNG 비손실 압축 이미지 투명도가 가능 GIF 비손실 압축 짧은 동영상 이미지 대부분의 움..
Mango HTML 삽입 미리보기할 수 없는 소스 Vulnerability HTML 삽입 미리보기할 수 없는 소스 웹 사이트로 들어가보면 해당 문구가 보인다. 그대로 URL에 넣어보면 "guest"가 출력이 됩니다. 해당되는 값을 찾는다면 그uid를 보여주는데 소스코드를 보시면 const BAN = ['admin', 'dh', 'admi'];로 필터링을 하고 있습니다. /?login?uid[$ne]=guest&upw[$regex]="^alpha+num" 위와 같은 방식으로 Injection을 수행해도 동작하지만 문제는 uid가 "guest" "admin" 뿐만 아니라 "testuser" "dreamhack" 도 있다는 것 입니다. "$ne" 말고도 uid에 $regex를 사용해 uid[$regex]=ad..