반응형 jquery2 float를 이용한 탭 메뉴 버튼 만들기2 - jQuery, vanilla JS 구현 float를 이용한 탭 메뉴 버튼 만들기2 - jQuery, vanilla JS 구현 이전 포스팅에서 HTML/CSS를 이용해서 탭메뉴 버튼의 UI를 만들어보았습니다. float를 이용한 탭 메뉴 버튼 만들기 - Part 1 float를 이용한 탭 메뉴 버튼 만들기 - Part 1 float를 이용한 탭 메뉴 버튼 만들기 - Part 1 HTML/CSS를 이용해서 Tab Menu 버튼을 만들어 봅시다. 바로 이런 거요. 쇼핑몰 상품설명 상세페이지에서 흔히 볼수 있는 형태입니다. 저의 입장에서라면 사 kincoding.com 그러면 이제 이 메뉴를 동적으로 작동하도록 만들어야겠죠? 그런 역할을 해주는 언어가 바로 Javascript입니다. 프로그래밍 언어를 이용하는 코딩은 흥미진진합니다. 생명력을 불어 넣.. 2023. 2. 13. [Javascript] Number Index를 만들어 보자(ft. 숫자 카운트 애니메이션) 몇년 전부터 기업의 홈페이지 메인에 숫자 인덱스로 실적 지표를 보여주는 그런 형태가 유행하는 것 같습니다. 대충 이런 식으로요. 물론 디즈니 플러스의 경우에는 고정된 형태의 숫자이지만, 저 숫자들이 막 올라가는 형태도 많죠. 때마침 필요한 기능이기도 해서 한번 만들어 보기로 합니다. 숫자가 막 올라가는 카운트 모션 만들기 반응형을 고려해서 대략 이렇게 4개 칼럼으로 이루어진 형태를 계획하고 만들어보기로 생각해봅니다. 결과물을 예상해서 설계도를 그립니다. PPT로 만들어도 좋고 연습장에 손으로 그려도 좋습니다. 아무튼 목표점이 구체적이어야 할테니까요. 결론은 아래와 같은 모습의 형태. 처음부터 다 코딩하려면 쉽지 않죠. 일단 구글링을 시전해봅니다. 검색어를 바꿔가며 몇번 시도해봤더니 Jquery로 만들어진.. 2022. 11. 24. 이전 1 다음 반응형
