그냥 아래 과정 따라서 하면된다. github에 있는 동영상과 내용이 동일하다. 새로운 터미널을 하나 더 열고, 관리자 계정으로 접속해준다. 그리고 이전의 명령창은 아까와 같이 vim에 들어가준다. 아래 사진과 같은 상태면 된다. 새로운 터미널을 하나 더 열고 이 과정까지 다 했다면, 파이어 폭스로 돌아가서 login.php 페이지로 이동한다. 아까와 같이 start 버튼을 누르고 잠시 기다리면, 아래와 같은 페이지로 리디렉트 된다.dvwa의 초기 username-password는 admin-password이다.1)보안 레벨을 low로 낮춘다음 sql Injection 문제를 풀면 뭔가 작동이 안 될것이다. 그리고 다시 setup.php로 돌아오면 allow_url_..

1. 웹 서버 기본 상식웹서버를 구축하기 위해서는 APM(apache, PHP, MySQL)이 필요하다.각각을 설치하는 과정이 매우 번거로운데, XAMPP라는 통합 설치 도구를 사용하면 모든 과정이 간결하게 해결된다.PHP는 웹 프로그래밍 언어, MySQL은 DB 시스템, 그리고 Apache는 HTTP 웹 서버이다. 1.1. ApacheApache는 월드와이드 웹 서버용 소프트웨어이다. HTTP Apache라고도 불린다. 리눅스나 윈도우 등 거의 모든 운영체제에서 사용할 수 있으며 구축이 쉽고, 다양한 추가 기능을 가지고 있기 때문에 현대 가장 인기있는 웹 서버로 이용되고 있다. 1.2. 웹 서버란?웹 서버란, 웹 브라우저와 같은 Client로 부터 HTTP 요청을 받아들이고, HTLM 문서와 같은 웹..

1. Python 가상환경가상환경(Virtual Environment)은 파이썬에서 독립적인 프로젝트를 위한 개별적 공간을 의미한다.가상환경은 이런 이점을 가진다.프로젝트 분리: 다양한 프로젝트에서 서로 다른 라이브러리 버전을 사용할 수 있어, 한 프로젝트에서의 변경이 다른 프로젝트에 영향을 미치지 않는다.의존성 관리: 프로젝트별로 필요한 라이브러리와 버전을 명확히 관리할 수 있어 코드의 호환성 및 재현성을 높일 수 있다.개발 환경 일관성: 다른 개발자와 협업할 경우 같은 환경에서 작업함으로써, 발생할 수 있는 문제를 최소화한다.(나의 경우 flask 버전 충돌이 지속되는 문제를 해결하기 위해 방법을 찾던 중 가상환경을 알게되었다.) 2. Venv 가상환경Venv(Virtual Environment)..

1. 포트포트(Port) = 논리적 접속 장소인터넷 프로토콜인 TCP/IP를 사용할 때 클라이언트 프로그램이 네트워크 상의 특정 서버 프로그램을 지정하는 방법으로 사용한다. 하나의 IP에서 여러 애플리케이션을 실행할 경우, 즉 컴퓨터 하나로 인터넷 접속도 하고 메일도 보내는 경우 컴퓨터에는 여러 개의 서버가 실행되게 된다 (웹 서버, 메일 서버). 네트워크 상에서 통신을 할 때에는 IP주소를 바탕으로 해당 서버가 있는 컴퓨터에 접근하지만, 이런 경우에는 IP주소만으로는 어느 서버로 요청을 보내는지 알 수 없다. 따라서 포트 번호를 통해 reciver을 특정하여 어느 서버로 보내는 요청인지 알려줘야한다.2. 포트 - 예시와 함께 이해하기www.naver.com:80이라고 URL 입력창에 입력하면 www.n..

1. 전체 코드 구성2. app.pyfrom flask import Flask, render_template, request, redirect, url_for, flashfrom flask_mysqldb import MySQL-> Flask, render_template, request, redirect, url_for, flash은 모두 flask 모듈에 포함된 것들이다. 하나 하나 살펴보자Flask: Flask 모듈에서 가져오는 가장 중요한 클래스이다. 애플리케이션의 진입점 역할을 하여, 라우팅과 요청 처리를 설정할 수 있게 해준다.render_template: Flask의 템플릿 엔진 기능을 사용하여 HTML 템플릿 파일을 렌더링하는 함수이다.request: Flask에서 요청 정보를 담고 있는 객..

1. 코딩과 HTML어떤 쪽이 사람이 하는 일이고, 어떤 쪽이 기계가 하는 일인가를 생각해보는 것.어떤 것이 원인이고 어떤 것이 결과인지를 추론해 보는 것.-> 수업 전체를 통틀어 가장 중요한 부분 사람이 하는 일, 즉 원인을 부르는 표현은 다음과 같다부호 또는 신호라는 의미의 코드(code)원천이라는 뜻의 소스(sourse)약속이라는 의미에서 언어(language) 기계가 하는 일, 다시 말해서 '결과'를 부르는 여러 표현은 다음과 같다애플리케이션(줄여서)웹응용 프로그램프로그램-> 웹에서는 결과를 웹페이지, 웹 페이지가 모여있으면 웹 사이트라고 한다. 기능이 많으면 웹 애플리케이션이라고 한다. 코딩 = 워인인 코드를 통해 결과를 만든 것 1.1. HTML웹 페이를 만드는 언어는 HTML 언어이다..

1.개요file의 단점을 보완하기 위해 등장 전문적인 소프트웨어를 DataBase라고 한다.관계형DB를 사용하면 데이터들을 표 형태로 정리정돈 할 수 있고, 정렬/검색과 같은 작업을 빠르고 안전하게 할 수 있다. MySQL은 Relation Database 중 하나이다.웹이 폭발적인 성공을 하면서, 웹 개발자들은 웹 페이지를 통해서 표현할 정보를 저장할 데이터 베이스를 찾게 되었고, MySQL은 좋은 대안이었다.2. 데이터 베이스의 목적MySQL과 같은 관계형 데이터 베이스의 특징은 데이터를 표의 형태로 나타낸다는 것이다.MySQL과 스프레드시트(DB 아님)의 가장 큰 차이점은, MySQL은 명령어를 통해 제어할 수 있다는 것이다. 아직 코딩을 해본 적 없는 나는 아직 이 차이점이 얼마나 큰지 모른다. ..

1.HTML1.1. HTML이란HTML로 웹 사이트의 구조를 정의 -> CSS로 예쁘게 디자인 한 뒤 -> JS로 동작시킨다 -> 웹 사이트/웹 문서 완성 Hyper(최고의) Text Markup Language의 약어로, 마크업 언어이다. 마크업 언어란, 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. HTML은 콘텐츠의 서로 다른 부분들을 씌우거나 감싸서 다른 형식으로 보이게 하거나 특정한 방식으로 동작하도록 하는 일련의 요소로 이루어져있다. 1.2. HTML의 구성 요소-여는 태그(Opening tag): 으로 구성된다. 이것은 요소가 시작되는 곳, 또는 효과를 시작하는 곳임을 나타낸다.-닫는 태그(Closing tag): 으로 구성된다. 이것은 요소의 끝을 나타낸다...