웹개발입문 2

클래스(class)와 아이디(id), 언제 뭐를 써야 할까?

목차1. 주제 소개2. 핵심 내용3. 적용 방법4. 정리5. 자주 묻는 질문1. 주제 소개HTML을 작성하다 보면 class와 id를 언제 써야 할지 헷갈립니다. 둘 다 요소를 식별하는 이름표이지만 쓰임새가 다릅니다. class는 여러 개를 묶는 공용 이름, id는 문서 안에서 단 하나만 갖는 고유 이름이라고 기억하면 쉽습니다.2. 핵심 내용class: 반복되는 스타일과 그룹에 적합여러 카드, 버튼, 배지처럼 같은 디자인을 공유하는 요소들에는 class를 사용합니다. 한 요소에 class를 여러 개 붙일 수 있어 재사용성과 조합이 좋습니다.id: 한 페이지에서 유일한 대상에 사용헤더, 특정 섹션 앵커, 고유한 입력 필드처럼 "딱 하나"를 정확히 지목해야 할 때 id를 씁니다. 같은 id를 여러 요소에 중..

HTML, CSS, JavaScript는 각각 무슨 역할일까?

목차1. 주제 소개2. 핵심 내용3. 적용 방법4. 정리5. 자주 묻는 질문1. 주제 소개웹페이지를 처음 만들 때 가장 먼저 부딪히는 질문이 바로 "HTML, CSS, JavaScript는 뭐가 다르지?"입니다. 이 셋은 각각 다른 일을 맡는 팀처럼 움직입니다. HTML은 구조를 만들고, CSS는 모양을 꾸미고, JavaScript는 동작을 담당합니다.2. 핵심 내용HTML: 뼈대와 의미를 만든다HTML은 제목, 본문, 버튼, 이미지처럼 페이지의 구성요소를 배치하고 의미를 부여합니다. 예를 들어 은 큰 제목, 는 문단, 은 버튼임을 알려줍니다.CSS: 보이는 방식을 결정한다CSS는 색상, 글꼴, 여백, 정렬처럼 "어떻게 보일지"를 정합니다. 같은 HTML이라도 CSS를 바꾸면 전혀 다른 분위기의 사이트로..