Javascript
1.Bootstrap / JavaScript - 상단 메뉴바, 스크롤 이동
상단에 메뉴바를 고정하고 메뉴 클릭 시 해당 페이지로 이동하는 방법 1. 내비게이션 바 https://getbootstrap.kr/docs/5.3/components/navbar/ bootstrap에서 상단 메뉴바를 가져올 수 있다. 편집해야 할 점은 각 nav-link에 href에 페이지 이름을 변경하면 된다. > 각 세션에서는 id와 class로...
2023년 12월 3일
2.jQuery Flipster 활용 슬라이드
Jquery Flipster는 jquery 기반으로 좋은 슬라이드를 제공해준다. 잘만 사용한다면 다양한 웹 페이지에 추가해 사용할 수 있다. jQuery Flipster Github 페이지에서 기반 CSS와 JS, 데모 파일을 받아볼 수 있다. 기능을 직접 확인하고 싶
2023년 12월 10일
3.JavaScript/CSS - 반응형 리스트와 버튼, 모달 연계
다양한 아이템 리스트를 배열로 넣다보면 옆으로 튀어나오거나 여러 줄로 넘어가는 경우가 있다. 이런 경우 리스트를 길이에 맞게 자르고 버튼을 추가하면 깔끔한 결과물을 만들 수 있다.!codepenLeeSeungHyun9661/embed/yLZwWBm?default-tab
2024년 1월 1일
4.JavaScript/XMLHttpRequest - Velog RSS 활용 게시물 불러오기
Javascript를 활용해 Velog 포스팅 목록을 받아오는 방법, XMLHttpRequest 활용
2023년 12월 29일
5.[Javascript] 웹 데이터 저장 방식
javascript에서 웹 데이터 저장 방식에 대한 설명
2024년 6월 18일
6.[Javascript,CSS] 로딩 화면 구현
페이지의 모든 내용이 표시되기전까지 로딩 화면이 뜰 수 있도록 해보자. 페이지에 많은 기능이 추가되고, 특정 데이터를 모두 받아온 다음에 사용자와 상호작용을 하고 싶다면 활용도가 높은 방법이다. 먼저 알아야 할 것은 페이지가 불러온 다음의 시점에 대한 점이다.세 함수
2024년 6월 19일