jff3_magic HTML 삽입 미리보기할 수 없는 소스 Vulnerability HTML 삽입 미리보기할 수 없는 소스 해당 문제를 보면 alert창이 하나 뜨는데 hint가 swp라고 한다. swp는 vi의 오류로 인해 파일을 일시적으로 백업을 하게 되는데 파일의 확장자가 swp가 된다. swp파일은 숨겨진 파일로 생성되어 .[파일명].swp의 형태로 저장된다. swp파일을 다운로드할 수 있는지를 확인해보면 .index.php.swp로 다운로드할 수 있다. vi로 swp파일을 열어야 swp파일을 볼 수 있는데 파일명을 .index.php.swp로 변경한 후 -r 옵션을 이용하여 파일을 열 수 있다. $ vi -r .index.php.swp 코드를 보면 문제 해결을 위한 소스코드는 아래와 같다. ma..
Bootstrap HTML 삽입 미리보기할 수 없는 소스 특징 HTML 삽입 미리보기할 수 없는 소스 Bootstrap은 트위터에서 개발한 것으로 class를 이용하여 보다 쉽게 레이아웃 등 프런트 개발에 도움을 주는 toolkit입니다. 지금은 5버전까지 나와있으며 css와 js 파일로 구분되며 Document도 잘되어 있어 쉽게 따라 할 수 있습니다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 버전에 따라 사용법과 의존성이 다를 수 있지만 금방 습득할 수 있습니다. 버전에 따라 사용하고 싶으면 구글에 "boostrap [version] cdn"을 치..
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 비손실 압축 짧은 동영상 이미지 대부분의 움..
