객체 활용 함수도 객체의 속성으로 쓸 수 있다. var Links = { setColor:function(color){ var alist = document.querySelectorAll('a'); var i = 0; while(i < alist.length){ ali...

CSS 선택자의 기본 선택자 우선순위 id 선택자 (#) id 값은 중복되지 않도록 단 한번만 정의되어야 한다. class 선택자 (.) 태그 선택자 (element) 디자인하거나 코딩하는 부분에서 구체적인 것(id)이 포괄적인 것(tag)보다 효율적이기 때문에 우선순위가 높도록...

HTML 퍼블릭 도메인 (Public Domain) 저작권이 없는 도메인 문장 중 줄바꿈 <p> 태그를 통해서 단락의 경계를 분명히 하면서 CSS를 통해서 <p> 태그의 디자인을 자유롭게 변경할 수 있기 때문에 <br> 태그 보다 <p> 태그가 더 좋은 ...

웹 사이트는 HTML CSS, JavaScript 크게 3가지 요소로 구성되어있다. HTML (Hyper Text Markup Language) 웹 문서를 만들기 위해 사용하는 기본적인 웹 언어의 한 종류이다. 웹 페이지에서 제목, 이미지, 동영상, 문단, 표 등을 정의하고 그 구조와 의미를 부여하는 정적 언어이다...

웹 공격 기술 HTTP 자체는 보안 상의 문제가 일어날 정도로 복잡한 프로토콜은 아니기 때문에 프로토콜 자신이 공격 대상이 되는 경우는 거의 없다. 공격 대상은 HTTP를 사용하는 서버와 클라이언트 그리고 서버 상에서 동작하는 웹 애플리케이션 등의 리소스이다. HTTP에는 보안 기능이 없다. 현재의 웹 사이트 대부분은 인증이나 세션 관리, ...

HTML 웹 페이지의 대부분은 HTML로 되어 있다. HTML(HperText Markup Language)은 웹 상에서 하이퍼텍스트(Hypertext)를 보내기 위해서 개발된 언어이다. 하이퍼텍스트는 문서 시스템의 하나로, 문서 중에 임의의 장소의 정보가 다른 정보(문서나 이미지 등)에 관련된 즉 링크되어 있는 문서이다. 마크 업...

HTTP의 병목 현상을 해소하는 SPDY HTTP의 병목 현상 기존의 HTTP 통신 SPDY(SPeeDY)는 HTTP의 병목 현상을 해소하고 웹 페이지 로딩 시간을 50% 단축한다는 목표로 개발되고 있다. 예를 들어 SNS에서 수백, 수천만 명의 유저가 메시지 등의 정보를 작성하면 웹 사이트에 그 정보들이 추가되면서 단시간에 대량의 갱신 정...

인증이란? 서버에 액세스하고 있는 사람이 누군지 알려면 상대방 클라이언트에 이름을 알려 달라고 해야 한다. 시스템에 액세스하는 권한을 본인인지 아닌지 확인하기 위해서 [등록된 본인만이 알고 있는 정보]나 [등록한 본인만이 가지고 있는 정보] 등으로 확인할 필요가 있다. 패스워드 본인만이 알고 있는 문자열 정보 ...

HTTP의 약점 평문(암호화 하지 않은) 통신이기 때문에 도청 가능 통신 상대를 확인하지 않기 때문에 위장 가능 완전성을 증명할 수 없기 때문에 변조 가능 위 약점은 HTTP만이 아닌 다른 암호화하지 않은 프로토콜에도 공통되는 문제이다. 평문이기 때문에 도청 가능 HTTP를 사용한 Request나 Response 통신 내용은 ...

HTTP 메시지 헤더 HTTP 프로토콜의 Request와 Response에는 반드시 메시지 헤더가 포함되어 있다. Request의 HTTP 메시지 구성 메소드, URI, HTTP 버전, HTTP 헤더 필드 등 Response의 HTTP 메시지 구성 HTTP 메시지와 HTTP 버전, 상태 코드...