일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 코테공부
- next.js 에러
- 알고리즘공부
- 프로그래머스코딩테스트
- 프로그래밍
- 알고리즘문제
- 코딩
- 코테준비
- Redux-Toolkit
- 개발자
- 프로그래머스 코테
- 프로그래머스 코딩테스트
- 프로그래머스 알고리즘
- 1일1코테
- next.js
- 코딩테스트
- 알고리즘스터디
- 프로그래머스
- mysql
- 프로그래머스알고리즘
- 프로그래머스 Lv.0
- 자바스크립트
- html
- 프로그래머스 레벨0
- js
- 프로그래머스코테
- 정처기기출
- CSS
- 코테스터디
- 정보처리기사
- Today
- Total
목록📌 Language/Javascript (36)
계발하는 개발자
search 메서드와 indexOf 메서드는 둘 다 자바스크립트 문자열에서 특정 문자 또는 부분 문자열을 검색하는 데 사용되는 메서드입니다. 그러나 두 메서드 간의 반환 값과 그 사용 방법에서는 차이가 있습니다. 1. indexOf 사용 방법: 문자열.indexOf(찾을 문자 또는 부분 문자열) 반환값: indexOf() 메서드는 문자열 내에서 소괄호 안의 특정 문자가 처음으로 등장하는 인덱스를 반환합니다. 찾을 문자열이 없을 경우 '-1'을 반환합니다. 예시: Ex - 특정 문자) const tx = "Hello? How are you?" tx.indexOf("?") // 결과 : 5를 반환 예컨대, sum.indexOf('?') 라면 해당 문자열에서 '?' 문자가 처음으로 등장하는 인덱스를 반환합니다..
네xx, 한xx, 구x 같이 특정 주소를 선택하지 않고 이메일 직접입력 같이 다른 옵션을 선택했을 경우 입력창이 비활성화되었다가 활성화시켜야하는 경우가 있다. // 직접입력 버튼 클릭시에만 입력창 활성화 $('.rdo > input').on('change', function() { if ($('.direct-user-input input').is(':checked')) { $('.custom-filter-price > input').addClass('is_active').prop('disabled', false); } else { $('.custom-filter-price > input').removeClass('is_active').prop('disabled', true); } }); 소스 구현에 활용..
라디오버튼을 삽입했을 때 동일한 요소들이 여러 번 체크되면 부자연스럽다. 그러므로 라디오버튼의 체크도 일반 버튼처럼 중복체크를 막아줘야한다. // 라디오버튼 중복 선택 막기 let lastChecked = null; $('.rdo > input').on('change', function() { if (lastChecked && lastChecked !== this) { $(lastChecked).prop('checked', false); // 마지막으로 체크된 요소 체크 해제 } lastChecked = this; // 마지막으로 체크된 요소를 현재 체크된 요소로 업데이트 }); 소스 구현에 활용된 개념 : - this 의미(현재 체크된 요소 상태값 저장), prop 메서드, lastChenked(이전 ..
요소를 처음에는 숨겼다가 요소가 화면에서 떨어진 높이만큼 스크롤했을때 페이드인되며 나타나게 하는 기능 구현에 대한 정리입니다. CSS /* 스크롤 등장박스 */ .showBox { opacity: 0; transform: translateY(10%); transition: all .5s ease-in-out; } /* 스크롤 등장 클래스 */ .showBox.on { opacity: 1; transform: translateY(0); } 자바스크립트 // 등장액션 대상: .showBx const showBox = document.querySelectorAll(".showBox"); // 화면높이값 2/3 구하기 const screenH = window.innerHeight / 3 * 2; // 등장액션 ..