어떤 프로그램이든 가장 기본적인 단위는 함수이다. 의도를 분명히 표현하는 함수 또는 읽는 사람이 프로그램 내부를 직관적으로 파악할 수 있는 함수를 구현하려면 증거나 자료를 제시하기는 어렵지만 함수를 첫째도 작게! 둘째도 작게! 만드는 것이다. 함수를 쉽게 읽고 이해하기 위해서는 중첩 구조가 생길만큼 그 함수가 커져서는 안된다. 즉, 함수는 한...

변수 생성 시 의미 없이 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) 웹 문서를 만들기 위해 사용하는 기본적인 웹 언어의 한 종류이다. 웹 페이지에서 제목, 이미지, 동영상, 문단, 표 등을 정의하고 그 구조와 의미를 부여하는 정적 언어이다...