Step by Security Study

* 웹 해킹에 관심이 생겨 유튜브 및 블로그 등을 보고 따라 만든 페이지입니다. (공부용) signup.html 회원가입 이름 아이디 아이디 중복확인 비밀번호 비밀번호 확인 생년월일 월 1 2 3 4 5 6 7 8 9 10 11 12 성별 성별 남자 여자 우편번호 우편번호 찾기 주소 이메일 @ 직접 입력 NAVER GOOGLE 이메일 중복확인 LOGIN 결과물 * 추후 CSS 적용 예정

* 웹 개발하면서 알게 된 내용을 정리해 봤습니다. li태그는 list의 약자로, 목록 형태를 표시하기 위한 태그이다. 부모 태그인 이나 태그를 같이 사용해야 한다. 왜냐하면 li 태그가 어디서부터 어디까지가 서로 연관된 항목인지를 구분하기 위해 필요하다. 즉, 그룹화하기 위한 것이라고 생각하면 된다. ul 태그는 Unordered List의 약자로, 순서 없는 리스트를 나타내며, 각 항목은 원 기호로 표시된다. 반면 태그는 Ordered List의 약자로, 순서 있는 리스트를 나타내며, 각 항목은 자동으로 번호로 표시된다. 참고 - 생활 코딩

* 웹 개발하면서 알게 된 내용을 정리해 봤습니다. 태그는 heading의 약자로, 제목을 나타낼 때 사용하는 태그이다. ~까지 있으며 이 가장 큰 제목, 은 가장 작은 제목을 표시하는 데 사용한다. 직접 실습해보자. 실습 참고 - 생활코딩

* 웹 해킹에 관심이 생겨 유튜브 및 블로그 등을 보고 따라 만든 페이지입니다. (공부용) login.html LOGIN USER NAME PASSWORD LOGIN Forgot Your Password? login_style.css @import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap'); * { margin:0; padding:0; box-sizing:border-box; } body{ font-family: 'Titillium Web', sans-serif; display: flex; justify-content: center; align-items: center; height:100vh; background..

* 웹 해킹에 관심이 생겨 유튜브 및 블로그 등을 보고 따라 만든 페이지입니다. (공부용) index.html XXXX HOME LOGIN SIGNUP NOTICE Q&A XXX PAGE Hi, Nice to meet you. My name is XXX. Thank you for visiting my page. This is a space created for web hacking practice. style.css /*웹 페이지에 사용할 폰트(font) 규칙*/ @font-face{ font-family:abster; /*폰트 이름 지정*/ src:url(font/abster-webfont.woff) format('woff'); } /* 전체 선택자를 사용하여 모든 태그의 margin과 padding을..

오늘 우분투에서 Burp Suite을 실행하는 방법에 대해 포스팅해보겠습니다. 1. Burp Suite은 Java Application이기 때문에 Java JDK를 먼저 설치해 주어야 합니다. sudo apt-get install openjdk-8-jre 2. 아래 홈페이지에서 Burp Suite을 설치해 줍니다. https://portswigger.net/burp/releases/professional-community-2023-5-4 Professional / Community 2023.5.4 Bug fix We have fixed an issue whereby Burp’s browser was unable to start on some Linux distributions. Browser upgrad..

1. 최종 화면 2. 코드 설명 1) 전체 이미지 - 페이지 배경색은 검정, 글씨는 흰색으로 지정 - bgcolor 속성을 사용하여 페이지의 배경색을 검은색(black)로 지정 - 웹 페이지에 있는 모든 태그에 속한 글씨의 색을 '흰색(white)'으로 지정 # HTML 코드 회원 가입 # CSS 코드 body{ color:white; } 폼 - 회원가입 입력 양식 지정 - 태그를 사용하여 사용자로부터 입력받을 수 있는 양식 생성 - action 속성 : 사용자로부터 입력받은 데이터를 어디로 보낼 것인지 URL 지정 - method 속성 : 사용자로부터 입력받은 데이터를 서버로 보낼 때 어떤 HTTP 메서드를 사용할 것인지 지정 -> 서버에 데이터를 보내야 하기 때문에 POST 방식 선택 ID 입력 칸 ..

문제 링크 https://www.acmicpc.net/problem/25314 25314번: 코딩은 체육과목 입니다 오늘은 혜아의 면접 날이다. 면접 준비를 열심히 해서 앞선 질문들을 잘 대답한 혜아는 이제 마지막으로 칠판에 직접 코딩하는 문제를 받았다. 혜아가 받은 문제는 두 수를 더하는 문제였다. C++ www.acmicpc.net 최종 코드 for문 안에 i = i + 0의 값을 넣은 것은 print문을 for문 밖으로 빼고 싶어서였다. print문이 for문 안에 있으면 for문이 돌아갈 때의 모든 과정이 출력되기 때문이다. 일단 정답으로 인정되었으니 포스팅했지만 수정이 반드시 필요한 부분이다. 이 부분에 대해서는 더 찾아보고 추가 작성해 보려고 한다. N = int(input()) res = N..

문제 링크 https://www.acmicpc.net/step/3 반복문 단계 코딩 공부를 잘 하여 이렇게 long long long long...을 칠판에 적는 일이 없도록 합시다. www.acmicpc.net 문제 풀이 가장 먼저 [입력] 조건에서 첫째 줄에는 총 금액, 둘째 줄에는 구매한 물건의 종류의 개수를 적으라고 했기 때문에 나눠서 작성해 준다. X = int(input()) N = int(input()) 구매한 물건들의 총 금액을 비교해야 하기 때문에 연산 값을 저장할 변수를 생성한다. total = 0 N의 수만큼 물건의 가격 a와 개수 b를 입력하도록 하고, total 변수에 a와 b를 곱한 값을 더하도록 for 반복문을 작성한다. for i in range(N): a, b = map(i..

문제 링크 https://www.acmicpc.net/problem/8393 8393번: 합 n이 주어졌을 때, 1부터 n까지 합을 구하는 프로그램을 작성하시오. www.acmicpc.net 문제 풀이 # 1 n은 사용자로부터 입력받는 값이므로 input 함수를 사용하였고 int형으로 변환해 준다. n = int(input()) # 2 1부터 n까지의 합을 저장해놓을 공간인 total 변수를 만들었다. total = 0 # 3 for 문을 이용하여 1부터 사용자가 입력한 n 번까지의 합을 구할 수 있도록 반복문 만들어준다. 이때, range 함수를 사용하는데 매개변수에는 사용자가 입력한 n에 +1을 해준다. n만 입력하면 0부터 n -1까지의 범위가 지정되기 때문에 이와 같이 작성해 준다. for i i..