로픽의 IT블로그

Atom Preview html 과 같이 Visual Studio code 에서 제공하는 html 미리보기도 있습니다. Visual Studio code 확장 프로그램 중 하나인 'Live Server' 입니다. Live Server 설치 및 실행 - 'Extensions' > 'Live Server' 검색 - 'Live Server' 설치 - 'Live Server' 실행 (우클릭 > 'Open with Live Server' 실행 or Alt + O / Alt + L) - 'Live Server' 실행 확인 Live Server 실행 에러 발생 시 조치 'Live Server' 실행 시 다음과 같은 에러가 발생할 수 있습니다. 조치 방법 - 'Extensions' > 'Live Server' 검색 >..

html injection - stored * 저장기법 - HTML 태그를 저장하여 관리자가 의도하지 않은 내용을 출력하게 하는 공격 html injection - stored 실습1 1. 취약 페이지에 스크립트 삽입 2. 스크립트가 정상적으로 삽입되면 alert 창 출력 3. 크롬 개발자 도구로 소스코드 확인 시 스크립트 구문 확인 가능 html injection - stored 실습2 1. HTML_Injection 반사기법에서 이용한 Form 태그를 삽입 2. Form 태그가 정상적으로 삽입되면 input 창 출력 3. input 창에 값을 입력 후 'Go' 버튼을 클릭하면 반사기법 테스트 페이지인 'htmli_post.php'로 이동하며 입력한 메시지 출력 html injection - store..

Atom 에디터를 사용하면서 별도의 브라우저를 실행하지 않고 html 페이지를 실시간으로 볼 수 있는 패키지가 있습니다. atom-html-preview 입니다. 패키지 설치방법은 간단합니다. ** 설치방법** 1. File - Settings 2. Install - 'html-preview' 검색 - [atom-html-preview] 설치 3. 설치 후 Packages - Preview HTML - Enable Preview (* 만약 Preview HTML 탭이 보이지 않을 시 Atom 재부팅) 4. HTML preview 도움되셨다면 공감 버튼 꾹 눌러주세요 오늘도 좋은 하루 되세요~

Login Form 2 (HTML&CSS) *** 출처 : DarkCode - Animated Login Form Using Only HTML & CSS ***

LOGIN Form 1 (HTML&CSS) *** 출처 : DarkCode - Animated Login Form Using HTML & CSS & JQurey ***