[2주차 TIL] PHP
·
ELITE HACKER bootcamp/Pre.web
1. PHP의 개념과 특징PHP는 웹 상에서 서버를 연동해서 실행시키는 대표적인 언어입니다.동적인 홈페이지를 만들기 위해 설계되었고 개발 학습을 하기에 접근성이 좋고 다른 개발 언어보다 빠른 개발 속도를 보여줍니다.1-1. PHP의 특징오픈 소스로 무료입니다.거의 모든 데이터베이스 연동이 편리합니다.코드 작성이 비교적 쉽고 문법이 간단해서 프로그래밍 속도를 높여주며 매우 직관적입니다.자바스크립트에 비해 보안성이 뛰어납니다.인터프리터 방식으로 처리속도가 빠릅니다.체계적이지 않은 코드는 유지보수나 추후 관리에 효율적이지 않습니다.실시간으로 처리해야 하는 경우에는 적합하지 않습니다.2. PHP 기본 문법과 변수";}?>PHP 코드는 웹 페이지의 어느 부분에서나 위치할 수 있습니다.PHP 코드는 형태로 작성됩..
[2주차 TIL] Mysql
·
ELITE HACKER bootcamp/Pre.web
1. MySQL의 개념과 특징MySQL은 전세계적으로 많이 사용되는 오픈소스 기반 관계형 데이터베이스를 의미합니다.다중 스레드와 사용자 구조 질의어 형식의 데이터베이스 관리 시스템으로 현재는 오라클이 MySQL을 관리 및 유지보수 하고 있습니다.1-1. MySQL의 특징오픈 소스 기반, 크로스 플랫폼 지원트랜잭션 지원높은 성능과 확장성2. 데이터베이스 및 테이블 생성 방법2-1. 데이터베이스 생성CREATE DATABASE study;SHOW study;2-2. 테이블 생성CREATE TABLE me ( _id INT PRIMARY KEY AUTO_INCREMENT, name VARCHAR(40) NOT NULL, phone VARCHAR(22));3. 기본적인 SQL 쿼리문 작성방법3-1.데이터 ..
[2주차 TIL] Apache
·
ELITE HACKER bootcamp/Pre.web
1. 아파치 웹 서버의 개념아파치(Apache)는 아파치 소프트웨오 재단에서 만드는 웹서버 프로그램입니다.아파치는 고성능의 HTTP 서버입니다. 1-1. 아파치의 특징아파치 웹서버는 무료 오픈소스입니다.확장성, 호환성, 이식성, 안전성이 높아서 웹 서버에서 많이 사용됩니다.모듈이라는 개념으로 수많은 기능을 덧붙일 수 있습니다.APM(Apache + PHP + MySQL)이 웹 서버를 돌리기 위한 기본 조합으로 여겨집니다.2. 아파치의 기본 구조와 모듈2-1. 아파치의 기본 구조아파치는 MPM(Multi Processing Module) 구조를 기반으로 클라이언트 요청 처리 방법을 처리하는 기술 기반을 가지고 있습니다. MPM은 "mpm_prefork", "mpm_worker", "mpm_even" 구조로..
[2주차 TIL] 자바스크립트 기본 문법
·
ELITE HACKER bootcamp/Pre.web
1. 자바스크립트의 기본 문법1-1. 자바스크립트에서 선택자태그 선택자태그는 같은 이름으로 여러 개를 생성 할 수 있습니다. 태그명을 넣을때는 ('div') 이런식으로 넣어주면 됩니다.document.getElementsByTagName(태그명)[순서];클래스 선택자태그 선택자와 마찬가지로 같은 이름으로 여러 개를 생성할 수 있습니다.클래스명을 넣을 때는 ('logo') 이런 식으로 넣어주면 됩니다.document.getElementsByClassName(클래스명)[순서];아이디 선택자아이디는 특성상 같은 아이디명을 사용하지 않는 것이 규칙입니다.그래서 다른 것과 다르게 getElements 복수형이 아닌 getElement를 써줍니다.document.getElementById(아이디명);2. 변수 선언..
[2주차 TIL] HTML
·
ELITE HACKER bootcamp/Pre.web
1. HTML 문서의 구조HTML 파일은 , HTML 기본 구조 필수로 존재하는 것은 알아둡시다 현재 문서가 어떤 버전으로 작성되었는지 미리 표시합니다.HTML5 버전이라는 뜻이지만 대부분 HTML5를 사용하기 때문에 주로 이처럼 표현합니다. ~ 웹 문서의 시작과 끝을 나타내는 태그입니다.lang 속성은 웹 문서가 어떠한 언어로 작성되었는지 표시합니다. 태그의 자식 태그입니다.HTML 문서 정보나 문서에서 사용할 외부 파일 링크를 넣는 구간이며, 웹 브라우저에 표시되지 않습니다.은 HTML 파일의 인코딩을 알려주는 태그입니다. ~ 태그의 자식 태그입니다.HTML 문서 내용을 넣는 구간이며, 실제 웹 브라우저 안에 표시됩니다.2. 기본적인 HTML 태그HTML 태그는 웹 문서에 표시하..
[1주차 TIL] HTML, CSS, Javascript란?
·
ELITE HACKER bootcamp/Pre.web
1. HTML, CSS, JS의 기본 개념, 용도, 사용방법, 관계 등등  1. HTML(HyperText Markup Language)개념 : 마크업 언어로서, 웹 페이지를 만드는 언어입니다.용도 : 웹 페이지와 그 내용을 구조화하기 위해 사용하는 코드입니다.사용 방법 : 웹 문서에서는 특정 텍스트에 Mark하기 위해 HTML 태그(tag)라는 것을 사용합니다.관계 : 웹 페이지의 뼈대를 형성합니다.  2. CSS(Cascading Style Sheets)개념 : 마크업 언어로서, HTML 문서를 꾸밀 때 사용하는 언어입니다.용도 : 웹 페이지의 레이아웃, 색상, 폰트 등을 스타일링합니다.사용 방법 : 인라인 스타일, 내부 스타일, 외부 스타일 중 선택하여 HTML 요소의 스타일을 지정합니다.관계 : ..
[1주차 TIL] 프록시
·
ELITE HACKER bootcamp/Pre.web
1. 프록시란?프록시(Proxy)는 최종 사용자와 다른 웹사이트 또는 서버 사이의 가교 역할을 하는 물리적 또는 가상 서버입니다.프록시는 알려진 위협으로부터 기업의 내부 인프라를 보호하는 것부터 인증 요청 처리, 웹 트래픽 관리에 이르기까지 위협에 대한 보안에 일반적으로 사용됩니다.2. 웹 프록시 툴웹 프록시 툴은 프록시를 사용하여 네트워크에서 통신하는 HTTP request를 가로채 분석 및 수정할 수 있으며 웹 취약점을 테스트하거나 해킹 공격을 수행할 수 있는 점검도구입니다.즉, 웹페이지와 통신할 때 프록시 툴을 거쳐서 나가고, 웹 서버에서 응답값을 받을 때도 프록시 툴을 거쳐서 보이게 되는 것입니다.웹 프록시 툴의 종류Burp Suit (가장 대표적)OWASP-ZAPAcunetix3. 프록시 서버프..
[1주차 TIL] 패킷
·
ELITE HACKER bootcamp/Pre.web
1. 패킷이란?패킷(Packet)은 네트워크에서 데이터를 전송하기 위해 잘게 나눈 작은 데이터 단위입니다.인터넷통신에서 데이터를 효율적이고 신뢰성 있게 전송하기 위해 패킷 단위로 쪼개서 전송합니다.2. 패킷의 필요성, 용도네트워크 자원 관리패킷을 사용하면 여러 사용자나 애플리케이션이 동일한 네트워크 자원을 공유할 수 있습니다.오류 처리작은 단위로 데이터를 나누어 전송하면 오류가 발생했을 때 해당 패킷만 재전송하면 되므로 전체 데이터를 다시 보내는 것보다 효율적입니다.효율적인 데이터 전송대용량 데이터는 대역폭을 많이 차지하기 때문에 작은 크기로 나누어 전송하면 네트워크 혼잡을 줄일 수 있습니다.3. 패킷의 구조헤더(Header)제어 정보를 담고 있으며, IP 주소(출발지와 목적지), 프로토콜 정보, 패킷 ..