반응형 DOM2 CSS와 JavaScript로 HTML문서 내 Style 적용하는 방법 비교 CSS와 JavaScript로 HTML문서 내 Style 적용하는 방법 비교 HTML 문서에는 일반적으로 CSS를 이용해서 스타일링을 합니다. CSS는 스타일링을 위한 목적으로 만들어진 마크업 언어이기도 하니까요. 그런데, JavaScript를 이용해서도 HTML 문서를 스타일링 할 수가 있습니다. 왠지 같은 기능을 서로 하는 것 같은데, 그럴만한 이유는 다 존재합니다. 우선은 CSS와 Javascript가 같은 스타일링을 하는 데 있어 어떻게 서로 다른 모습을 띄는 지 살펴봅시다. 아래와 같은 간단한 샘플코드를 준비해보았습니다. JavaScript Stydy 글자 크기 변경하기 글자 크기를 변경하는 스타일링으로 간단하게 비교해보겠습니다. CSS 경우 Javascript의 경우에는 CSS는 font-si.. 2023. 1. 14. [실무적용 CaseStudy] 체크박스 체크해야 버튼 눌리게 해주세요~ 오래 전부터 인연을 만들고 있는 한 고객사로부터 업무요청이 들어왔습니다. 쇼핑몰을 운영하고 있는 곳인데요, 도예 관련한 재료를 판매하는 곳이라 흙덩이 같이 덩치 큰 재료가 많습니다. 그러다 보니 무게와 크기가 각각 달라서 일반 배송을 해야 할지, 트럭을 이용해 배송을 해야 할지 결정해야 하고 주문된 제품의 가짓수에 따라 배송료도 다양하게 산정되는 실무가 존재하는 곳입니다. 그러나 어디서나 무조건 고객분들은 성격 급하시죠^^; 배송비 차등정책을 쇼핑몰 곳곳에 안내해두었지만 해당 안내를 챙겨서 읽는 분은 많지 않을 겁니다. 그러다 보니, "고객분들이 제발 배송비 정책을 사전에 잘 인지할 수 있도록 해주실 수 없나요?" 라는 요청을 받게 되었고 어라? 이거 요즘 공부하는 javascript로 처리가능할 것 같.. 2022. 12. 4. 이전 1 다음 반응형
