본문 바로가기

빠르게코딩하기2

[JavaScript] 자바스크립트로 이미지 슬라이더 구현하기 이번 예제에서는 자바스크립트만을 활용한 이미지 슬라이더를 만들어보겠습니다. 먼저, 스틱코드에 올라온 이미지 슬라이더 코드를 즐겨찾기 추가해주세요. 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 jsImageSlideHTML을 입력하면 자바스크립트 이미지 슬라이드의 HTML 코드가 자동완성됩니다. 이제 호출된 코드 내에 필요한 값을 입력해줍니다. 여기서는 부분에 이미지 슬라이더에 들어갈 이미지의 주소값을 넣어주고, 이전 버튼과, 다음 버튼에 들어갈 문구를 작성해줍니다. 하단은 완성된 html 코드입니다. ← → 다음으로 html 코드에 맞추어 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 jsImageSlideCSS를 입력하면 자바스크립트 이미.. 2021. 5. 6.
[Java][Android] SeekBar 시크바 기본 사용법 시크바란? 시크바는 사용자가 범위 내에서 값을 선택할 수 있도록 도와주는 막대 형태의 뷰입니다. 음량/밝기 조절, 이미지 필터 적용, 동영상 재생 등 다양한 곳에 활용됩니다. 시크바 공식문서 developer.android.com/reference/android/widget/SeekBar SeekBar | Android 개발자 | Android Developers developer.android.com 시크바 이벤트 리스너를 활용하면, 사용자가 시크바에서 선택한 값을 알 수 있습니다. (1) onProgressChanged: 시크바를 조작하고 있는 중에 발생 (2) onStartTrackingTouch: 시크바를 처음 터치했을 때 발생 (3) onStopTrackingTouch: 시크바 터치가 끝났을 때.. 2021. 4. 14.