UI/UX 학습 사이트

HTML, CSS, JavaScript, jQuery 3.7 기반으로 학습할 수 있는 기본 페이지입니다. 왼쪽 메뉴에서 기능별 페이지로 이동해보세요.

1. 이미지

학습용 샘플 이미지

2. 프롬프트

"버튼 클릭 시 사용자에게 피드백을 주는 마이크로 인터랙션 UI를 만들어줘."

3. 코드

<button class="sample-btn">클릭</button>
$('.sample-btn').on('click', function () {
    alert('클릭 이벤트가 실행되었습니다.');
});