0주차_웹 기초 이해 10

11. HTML, JavaSript

HTMLHyperText Markup Language웹을 이루는 가장 기초적인 구성 요소웹 콘텐츠의 의미와 구조를 정의할 때 사용한다.특징 1. 기본 웹 구조 정의HTML은 웹 페이지의 기본 구조를 정의하는 마크업 언어이다. 웹 페이지의 제목, 본문, 섹션, 목록 등 다양한 요소를 구조적으로 배치할 수 있다.2. 하이퍼텍스트 기능페이지 내에서 또는 웹사이트 간에 링크를 생성할 수 있다.3. 마크업을 통한 콘텐츠 주석HTML은 텍스트, 이미지, 비디오 등 콘텐츠에 주석을 달기 위해 "태그"를 사용한다. , , , , , , ,  4. 태그와 속성HTML 문서의 요소는 태그로 구분된다.태그는 형태로 작성되며 속성을 사용하여 태그의 동작이나 스타일을 설정할 수 있다.에서 src와 alt는 속성이다.5. 대소..

10. 상대 경로 vs 절대 경로

들어가기전에 상대경로와 절대경로는 파일 시스템 내에서 사용되고 상대 URL과 절대 URL은 웹 문서에서 사용된다.웹 기초 이해라는 주제에 맞추어 웹 문서에 사용되는 상대 URL과 절대 URL에 대해 알아보겠다.절대 URL리소스를 정확히 지칭하기 위해 URL의 전체 구성 요소를 포함하는 경로이다.프로토콜 https, 도메인 example.com, 경로 /imgages/pic.jpg 등 모든 부분을 포함한다. 특징모든 필요한 정보를 포함하므로 항상 정확한 리소스를 참조한다.브라우저 주소창에서 사용하는 URL은 항상 절대 URL이다.상대 URL현재 문서의 위치를 기준으로 리소스를 참조하는 경로이다.문서가 위치한 URL을 바탕으로 경로를 유추하여 상대적인 위치를 지정한다.상대 URL 사용 이유 1. 유연성 파일..

9. 서버 사이드 vs 클라이언트 사이드

서버 사이드클라이언트의 요청을 처리하고 동적 콘텐츠를 생성해서 클라이언트에게 전달하는 작업을 담당한다.주로 데이터베이스와 상호작용하며 사용자 맞춤형 콘텐츠를 제공하는 데 사용된다. 장점 1. 동적 콘텐츠 생성서버에서 데이터베이스의 정보를 바탕으로 웹 페이지를 동적으로 생성하여 사용자에게 맞춤형 콘텐츠를 제공한다.사용자 맞춤형 대시보드, 추천 상품보안성민감한 정보를 서버에서 처리하므로 클라이언트에게 직접 노출되지 않는다.금융거래중앙 집중화데이터와 로직이 서버에서 관리되므로 모든 사용자에게 일관된 정보를 제공할 수 있다.재고관리, 사용자 정보 업데이트확장성서버 자원을 추가하여 처리 능력을 확장할 수 있고 클라우드 서비스 등을 통해 유연한 자원 관리가 가능하다.웹 트래픽 증가에 따른 서버 확장단점 서버 부하모..

8. URL Encoding vs URL Decoding

Encoding코딩된 코드에 알고리즘을 적용하여 다시 한번 변환하는 방식인식할 수 없는 문자를 약속을 통해 변환하는 방식DecodingEncoding된 데이터를 원래의 형태로 되돌리는 과정URL EncodingURL 에 포함되는 문자들을 안전하게 웹 서버에 전달하기 위한 코딩 방식특수한 기능을 가진 문자들을 브라우저가 인코딩하여 전달한다. URL 에는 US-ASCII 문자 중에 출력이 가능한 문자들만 포함된다. 형식각 문자를 ASCII의 HEX 코드로 변환하고, 그 앞에 % 문자를 붙인다.URL DecodingURL에서 인코딩된 특수 문자나 공백을 원래의 문자로 복원하는 과정형식 인코딩 디코딩 출처

7. 싱글쿼터 vs 더블쿼터

PHPHyertext PreprocessorHTML에 내장되어 웹 애플리케이션과 동적 웹 사이트를 구축할 수 있는 오픈 소스 서버 측 스크립팅 언어싱글쿼터(') vs 더블쿼터(")싱글 쿼터는 문자열 내에 더블 쿼터가 포함된 경우 더블 쿼터를 그대로 사용할 수 있다.싱글 쿼터를 그대로 사용하려는 경우 백슬래시(\)를 사용해 이스케이프 처리를 해줘야 한다. *백슬래시 싱글쿼터더블 쿼터는 문자열 내 변수나 특수 문자를 삽입할 때 사용된다.보안 상관점 SQL 인젝션웹 애플리케이션과 데이터베이스 간의 연동에서 발생하는 취약점1. SQL 인젝션 방지문자열 내에 쿼터를 포함할 때는 SQL 인젝션 공격을 방지하기 위해 프리페어드 스테이트먼트를 사용한다. 프리페어드 스테이트먼트데이터베이스 관리 시스템에서 동일하거나 비슷..

6. 매개변수 (Parameter)

매개변수 의미함수에 전달되는 이름이 있는 변수이다.매개변수를 의미하는 변수는 인자 (함수에 전달된 실제 값) 를 함수로 가져오는 데 사용된다. JavaScript 매개변수함수 정의에서 사용된다.함수가 호출될 때 외부에서 전달되는 값들을 담는 역할을 한다.arguments 객체함수가 호출될 때 자동으로 생성되는 특별한 객체이다.함수에 전달된 모든 인수를 배열 형태로 저장한다.배열과 비슷하지만 배열이 아니다. 함수가 3개의 인수를 받으면 arguments 객체는 이 3개의 인수를 각각 arguments[0], arguments[1], arguments[2] 와 같은 형태로 가지고 있다.디폴트 매개변수 기본 매개변수 (default parameter) 함수의 매개변수는 undefined 가 기본이다.일부 상황..

4, 5. HTTP vs HTTPS

HTTP 의미HyperText Transfer Protocol통신 프로토콜HTTP 특징HTTP 프로토콜에 의해 2대의 컴퓨터가 통신하는 경우 어느 한 쪽은 반드시 클라이언트가 되고 다른 한 쪽은 서버가 된다.때에 따라서는 각 컴퓨터의 역할이 바뀔 수도 있지만 한 번의 통신에서는 클라이언트와 서버의 기능이 정해져 있다.항상 클라이언트가 요청 메시지를 먼저 보내야 그 결과로 응답 메시지를 전달한다.HTTP 요청방식(HTTP Method) 의미서버가 수행해야 할 동작을 정의한다.종류GET 서버의 리소스나 정보를 요청하기 위해 사용한다.요청을 전송할 때 URL 주소 끝에 파라미터(쿼리 스트링)로 포함되어 전송한다.header에 포함되어 전송되므로 body를 사용하지 않는다.body를 사용하지 않으므로 대용량 데..

2. VPN

사전적 의미Virtual Private Networks 사설망, 사설 가상망네트워크상의 의미논리적으로는 전용선을 이용하는 것이지만 물리적으로는 인터넷을 이용하는 방법이다. 특징중간에 인터넷이 있지만 클라이언트와 사설 네트워크망에 각각 VPN 장비가 있어서 인증과 암호화를 수행해 마치 전용망과 같은 효과를 발휘한다.이러한 기능을 두 종단 사이(End-to-end)에 가상적인 터널을 만든다는 점에서 터널링(Tunneling) 기술이라고 한다.용도지사의 PC에서 본사에 있는 서버로 네트워크 접속외국 출장 등을 가게되어 외부의 인터넷망을 통한 직접 본사와 연결