Intro 브라우저 탭의 왼쪽에 있는 아이콘(?)을 favicon이라고 한다. 내가 원하는 favicon으로 바꿔보자! Make favicon favicon으로 만들고 싶은 이미지를 가지고 favicon을 만들어보자. Favicon 만들기 에서 생성된 favicon을 다운로드 한다. Change favicon /assets/img/favic...

Intro sidebar에 기본으로 chirpy 테마 사진이 등록되어 있는데 다른 이미지로 블로그를 꾸미고 싶다. 내가 사용하고 싶은 프로필과 배경 사진을 바꿔보자! Modify file to profile _config.yml 수정 img_cdn은 주석처리한다. /asserts/img 디렉터리에 원하는 프로...

Intro 블로그에 Chirpy Jekyll Theme를 입혔더니 아래 사용하지 않는 트위터 아이콘을 발견했다. 트위터 아이콘을 지워보니 5칸 짜리가 4칸이 되니까 뭔가 이상해 보이니까 트위터 아이콘 대신 인스타그램 아이콘으로 바꿔보자! Modify files to change icon _config.yml 수정 트위...

객체 활용 함수도 객체의 속성으로 쓸 수 있다. 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에서 수백, 수천만 명의 유저가 메시지 등의 정보를 작성하면 웹 사이트에 그 정보들이 추가되면서 단시간에 대량의 갱신 정...