공부/JavaScript(24)
-
[JQuery] 특정 단어가 포함된 행의 색깔 바꾸기
John Resig George Martin Malcom John Sinclair J. Ohn
2024.01.15 -
[JQuery] 레이어 팝업 띄우기
HTML [필수] 대표자 개인(신용)정보수집·이용·제공·조회 동의 Lorem, ipsum 대표자 개인(신용)정보수집·이용·제공·조회 동의 Lorem ipsum 1. 수집·이용에 관한 사항 • 수집·이용 목적 기업신용평가 및 사업체 및 사업장 현황조사 • 수집·이용 항목 필수적 정보 개인식별정보: 성명, 주민등록번호, 주소, 연락처 선택적 정보 개인식별정보 외에 고객이 제공한 정보: 자격증, 수상경력 등 ※ 본 동의 이전에 발생한 개인(신용)정보도 포함됩니다. • 보유·이용 기간 • 동의를 거부할 권리 및 동의를 거부할 경우의 불이익 확인 JavaScript function modalPopupOpen(object) { $(object).show(); } function modalPopupClose(obje..
2023.11.26 -
[JQuery] 간단한 슬라이더 구현 코드
HTML CSS .main-slider { position: absolute; top:100px; height: 300px; width: 1200px; overflow: hidden; } .main-slider > a { position:absolute; top:0; left:0; overflow: hidden; } .main-slider img { width: 100%; height: 100%; } JS window.onload = function(){ console.log("연결확인"); start(); } var imgs = 2; var now = 0; function start(){ $(".main-slider>a").eq(0).siblings().animate({width:"-1200px"});..
2022.08.23 -
[JavaScript] 콜백을 인자로 갖는 JS함수 (Map 외 5건)
리액트를 배우며 가장 많이 등장했던 자바스크립트 함수가 바로 map 함수였다. map 함수는 배열을 다른 형태의 배열로 재생산할 때 쓰인다. 배열 내의 존재하는 모든 요소 각각에 대하여 주어진 콜백 함수를 호출하고, 배열의 각 요소에 대해 실행한 콜백의 결과를 모아 새로운 배열을 반환한다. 1) map Syntax : arr.map(Callback(currentValue,index,array),[thisArg]); 1) Callback 함수의 첫번째 인자 : 현재 처리할 요소를 변수로 나타낸 이름 ex. numbers.map(function(number){...}) 보통 이렇게 사용 2) Callback 함수의 두번째 인자(optional) : 처리할 요소의 원본 인덱스 값 3) Callback 함수의 ..
2022.06.12 -
[JavaScript] 코딩테스트에서 자주 쓰는 필수 API
1. 배열 전체 원소 print하는 법 3가지 // 1. 반복문으로 print for(let i=0; i console.log(element)); array.forEach((element) => console.log(element.property)); forEach 용법 : 부가 기능 없이 모든 배열의 원소를 하나씩 점검 const arr = [1,2,3,4,5,6,7,8,9,10]; arr.forEach(element => console.log(element)); // 결과값 : // 엘리먼트 하나씩 콘솔에 찍음 2. 받아온 배열 혹은 배열로 만들 수 있는 스트링 컨버팅하기 1. string.split(); 스트링을 받아서 배열로 만드는 api. const fruits = '사과,딸기,오렌지'; let..
2022.06.10 -
[JavaScript] Query String
Query String이란? 클라가 서버에게 데이터를 전달, 요청하는 방법 중 하나로, url 주소에 미리 협의된 데이터를 파라미터를 통해 넘기는 것을 말한다. 여기서 미리 협의된 데이터란, API를 만드는 사람들이 지정해놓은 변수를 의미한다. 클라 측에서는 규약에 따라 URL에 입력 데이터를 제공하여 서버로부터 필요한 자원을 요청한다. 따라서 YouTube APIs가 지정한 규약에 따라 검색 데이터를 요청하려면, 아래와 같이 쓰면 된다. https://youtube.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&q=surfing
2022.06.10