변수 생성 시 의미 없이 a, b 같은 이름을 변수명으로 사용하지 않고, 숫자면 num 같이 의도가 분명한 변수명을 짓자. 숫자 7로 검색하면 숫자 7이 들어간 파일 이름이나 수식이 모두 검색되기 때문에 MAX_CLASSES_PER_STUDENT 처럼 검색하기 쉬운 이름을 사용하자. 클래스 이름과 객체 이름은 Customer, WikiPag...

1장에서 나쁜 코드로 치르는 대가에 대한 부분이 인상 깊었다. 나쁜 코드. 즉, 엉망인 코드를 고칠 때마다 엉뚱한 곳에서 문제가 생긴다. 간단한 변경은 당연히 없다. 매번 얽힌 코드를 해석해서 다시 얽힌 코드를 추가하게 된다. 나쁜 코드에 얽힌 코드를 추가하다 보면 마침내 0에 수렵하게 된다. 즉, 더 이상 그 코드에 다른 코드가 추가 될 수 없는...

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에는 보안 기능이 없다. 현재의 웹 사이트 대부분은 인증이나 세션 관리, ...