📝강의를 시청하면서 궁금한 점이 있거나, 질문 또는 의견을 남기고 싶다면? 페이지 하단(↓) "토론" 섹션에 남겨주세요.

케스케이드(Cascade) 규칙

여러 개의 CSS 파일을 결합할 때, 충돌을 해결하는 프로세스가 Cascade 입니다.
매우 중요한 규칙이니 필히 자신의 것으로 소화하신 후 다음 파트로 넘어가세요.

Cascade???

Cascade는 '종속'이라는 의미로 일단 개시되면 각 단계가 전 단계로 인하여 발동되고 그 결과 종국까지 연속되는 단계의 계열을 말합니다. 원래 의미는 기근으로 분리되어 떨어지는 폭포를 뜻합니다.

영상 강의

PLAY 버튼을 눌러 영상 강의를 시청합니다.


실습 자료

링크 텍스트를 클릭하면 실습 자료를 다운로드 받을 수 있습니다.


참고


Q & A

수강생과 주고 받은 질문/답변 입니다. 참고하세요.

Q1

지금까지의 강의중에 이렇게 '사용금지'를 강조하시는 강의는 처음인 것 같아요. 들으면서 계속 피식피식 했네요.ㅋㅋ

HTML 배울 때는, 사람에 따라 다른 구조로 해석할 수 있기에, 문법이나, 규칙에 어긋나지만 않는다면, 최대한 존중을 해주셨는데, 이번강의에서는 계속 important 를 쓰면, 망한다, 지옥에간다, 이렇게 직접적으로 언급을 해주시니, 절대 사용을 안할 것 같네요. ㅋㅋ

아직 갈길은 멀지만, 제대로 된 프론트엔드 개발자로 가는길에 등불을 밝혀주셔서 감사합니다. 열심히 따라갈게요~

A1

정말 입니다. !important는 특별한 만큼 사용에 주의가 요구됩니다. 강한 힘에는 강한 책임이 따르는데, 이를 무분별하게 사용함으로 위험한 결과를 초래할 수 있기 때문입니다. ^^; 꼭 필요한 경우가 아니고서는 사용하지 않는 것이 좋습니다. 실제 저는 절대 사용하지 않습니다! 다만, 실무자 들의 코드에서는 종종 볼 수 있습니다.... 안타깝게도.. ㅠㅡㅠ

그리고 HTML, CSS, JavaScript 를 비교했을 때 문법에 엄격히 따라야 하고, 사용하면 안되는 것이 많은 순서를 나열하면 다음과 같습니다.

JavaScript > CSS > HTML

HTML이 상대적으로 자유도가 높습니다. 그래서 어렵습니다. 딱 떨어지는 정답이 없고, 문법에 다소 어긋나도 브라우저는 문제 없다는 듯이 화면에 그려내기 때문입니다. 무엇이 문제인지, 잘못인지를 브라우저에서 표시해주지 않기 때문에 제작자는 문제가 있어도 해결하지 않거나, 못합니다.

이것이 어려운 이유중 하나 입니다. ^^; 그래서 문법 검사를 필히 해야 하는데... 안타깝게도 실무자들의 코드를 검사하면 제대로 표준을 준수 했다는 결과를 보기 힘듭니다. 누군가 HTML을 쉽다고 말한다면?

그 사람은 제대로 HTML을 공부하거나 사용해본 적이 없는 사람입니다.