목록분류 전체보기 (186)

계발하는 개발자

[JS] is vs includes 메서드 차이

is 메서드와 includes 메서드는 각각 특정 아이디나 요소와 일치하는지 여부를 상호 비교하거나, 하나의 문자열 혹은 배열이 특정 문자를 포함하는지 여부를 확인하며, 그 비교 대상과 반환 값의 종류가 다릅니다. 1. is 메서드 사용 방법: 문자열.is(다른 문자열) 반환값: 두 문자열의 일치여부를 확인하여 true/false를 반환합니다. const element = $('div'); // 클래스/아이디 일치여부 확인 if (element.is('.highlight')) { console.log('이 요소는 .highlight 클래스를 가지고 있습니다.'); // 같은 경우 } else { console.log('이 요소는 .highlight 클래스를 가지고 있지 않습니다.'); // 다른 경우 }..
📌 Language/Javascript 2023. 6. 8. 16:22
[JS] 문자열 특정 문자 위치 찾기(indexOf, search)

search 메서드와 indexOf 메서드는 둘 다 자바스크립트 문자열에서 특정 문자 또는 부분 문자열을 검색하는 데 사용되는 메서드입니다. 그러나 두 메서드 간의 반환 값과 그 사용 방법에서는 차이가 있습니다. 1. indexOf 사용 방법: 문자열.indexOf(찾을 문자 또는 부분 문자열) 반환값: indexOf() 메서드는 문자열 내에서 소괄호 안의 특정 문자가 처음으로 등장하는 인덱스를 반환합니다. 찾을 문자열이 없을 경우 '-1'을 반환합니다. 예시: Ex - 특정 문자) const tx = "Hello? How are you?" tx.indexOf("?") // 결과 : 5를 반환 예컨대, sum.indexOf('?') 라면 해당 문자열에서 '?' 문자가 처음으로 등장하는 인덱스를 반환합니다..
📌 Language/Javascript 2023. 6. 8. 16:02
[CSS] input type = "range" | 볼륨조절바 만들기

# input type = "range" 란 ? HTML input type="range" W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 우측처럼 범위를 나타내는 슬라이더를 생성하고 싶을 때 input type="range" 를 사용할 수 있다. input 태그의 타입이 "range" 인 경우, min, max, step, value 속성을 사용하여 슬라이더의 범위와 간..
📌 Language/CSS 2023. 6. 5. 01:35
[React] 화살표 함수의 반환

JSX에서 화살표함수 반환 부분에 {} 를 사용하면, 명시적으로 반환문을 작성해야 합니다. 1. 하나의 요소를 반환하는 경우 1-1. (명시적인 반환) {} 중괄호 + return 키워드를 사용하여 반환 sel_data.map((x, i) => { return ; }); 1-2. (축약된 형태) () 소괄호로 감싸서 반환(이 경우 return키워드 작성x) sel_data.map((x, i) => ( )); 2. 여러 요소를 반환하는 경우 2-1. (명시적인 반환) {} 중괄호 + return 키워드 뒤 () 소괄호로 감싸서 반환 sel_data.map((x, i) => { return ( ); }); 2-2. (축약된 형태) () 소괄호로 감싸서 반환(이 경우 return키워드 작성x) sel_data..
카테고리 없음 2023. 6. 2. 12:34
이전 Prev 1 ··· 32 33 34 35 36 37 38 ··· 47 Next 다음