ohjungho 님의 블로그

자바스크립트를 처음 접하는 사람들을 위해, 또는 "문법부터 차근차근 배워야 하나?"라고 고민하는 사람들을위해 이렇게 말하고 싶다. "김치볶음밥을 잘 만들고 싶다고 해서 쌀의 품종부터 공부할 필요는 없다"쌀은 밥 짓다 보면 자연스럽게 배우는 거고, 진짜 중요한 건 "맛있게 먹히는 요리"를 만드는 것이다. 웹 개발도 마찬가지이다. 변수, 자료형, 연산자 같은 기본기야 당연히 중요하지만, 처음부터 문법만 주구장창 학습하면 재미가 없다. 그래서 나는 최소한의 문법을 학습하고, 직접 웹이 '움직이는 걸 먼저 경험하고' 그 원리를 하나씩 짚어나가는 방식(조금씩 구현해 나가면서)을 추천한다. JavaScript(자바스크립트)는 웹 페이지를 동적이고 상호작용할 수 있게 만들어주는 프로그래밍 언어이다. HTML이 웹 페..

구조적 가상 클래스구조적 가상 클래스(structural pseudo classes)는 CSS에서 id, class 등의 선택자를 사용하지 않고 요소를 선택할 수 있다. 이렇게 하는 이유는 코드를 효율적으로 작성하기 위함이다. 학교에서 수학 문제를 앞에 나와서 풀 사람을 구할 때 선생님께서 이름을 부를 수도 있지만 번호로 부를 때도 있는 것처럼 태그도 id나 class 같은 이름이 아니라 가상 클래스로 불리는 것이다. 대표적인 구조적 가상 클래스는 first-child, lats-child, nth-of-type, only-of-type이다.  first-child를 학습할 때 개념에서 혼란이 왔다. 개념 자체는 어렵지 않지만 나는 학습을 할 때 원리와 이해를 바탕으로 하기 때문에 문장을 이해하고 코드를..

HTML 태그태그를 표시하는 방법은 총 두 가지이다.첫 번째는 시작 태그와 종료 태그가 모두 있는 형태이다. 태그와 태그 사이에 요소가 놓이게 된다. 요소  두 번째는 닫는 태그가 없는 형태이다. 이를 자체 닫기 태그(self closing tag)라고 부른다. img, input, link 등이 있다.  대표적인 태그h : 제목 태그br , p , div, span : 순서대로 줄 바꿈(br), 문단 지정(p), 영역 지정(div), 범위 지정(span)link : 현재 문서와 외부 소스를 연결해 주는 태그img : 이미지를 나타내는 태그form : 폼(입력 양식)을 만드는 태그button : 버튼을 만드는 태그ol, ul, li : 리스트를 만드는 태그 h 태그h 태그는 heading의 첫 자를 따서..