📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
클래스 (class)
💬 쉬운 뜻
여러 요소에 똑같이 붙일 수 있는 '공통 꼬리표'예요. 예를 들어 'card'라는 클래스를 여러 박스에 붙이면, 그 박스들을 한 번에 똑같이 꾸밀 수 있습니다. id는 한 페이지에 딱 한 번만 쓰지만, 클래스는 여러 요소에 반복해서 붙일 수 있어요. 한 요소에 클래스를 여러 개 겹쳐 붙이는 것도 됩니다.
⌨️ 이럴 땐 이렇게 입력
- 여러 박스를 똑같이 꾸미고 싶어. 같은 'card' 클래스로 묶어서 한 번에 디자인되게 해줘
- btn 클래스가 들어간 버튼들 색을 한꺼번에 파란색으로 바꿔줘
🔮 AI가 이렇게 답하면 = 이런 뜻
AI 답에 '.card'처럼 점(.)이 앞에 붙은 이름이 보이면, 그건 여러 요소에 공통으로 붙인 '클래스(꼬리표)'를 가리키는 거라, 디자인 지시가 그 꼬리표 붙은 것들 전부에 한꺼번에 적용된다는 뜻입니다.
➡️ 다음엔 이렇게
디자인을 묶어서 한 번에 바꾸고 싶으면 "같은 클래스로 묶어줘"라고 하면 되고, 딱 한 곳만 콕 집어 바꾸고 싶은데 다른 데까지 같이 바뀌면 "여긴 별도 클래스(또는 id)로 따로 빼줘"라고 하면 됩니다.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈