배열에 특정 값이 포함되어 있는지 확인
·
Javascript
javascript에서 배열에 원하는 특정 값이 포함되어 있는 지 확인하는 방법이 여러가지 있다.indexOf()string 객체에서 주어진 값과 일치하는 첫 번째 인덱스 반환한다. 일치하는 값이 없으면 -1을 반환한다. ( 대소문자를 구분한다 )문법 : str.indexOf(searchValue[, fromIndex]) ( fromIndex는 optional한 값 )fromIndex 찾기 시작하는 위치를 나타내는 인덱스 값으로 아래 예시 중 마지막 str.indexOf("I", 5) 에서 “ I ” 위치 뒤인 5번 부터 시작하여 -1을 반환한다.See the Pen indexOf() by pminsun (@pminsun) on CodePen. lastIndexOf()주어진 값과 일치하는 부분을 fro..
타이머 함수 - setTimeout(), setInterval()
·
Javascript
타이머와 관련된 함수로는 setTimeout(), setInterval() 가 있다.setTimeout()설정한 시간이 지난 후 코드를 실행시킨다.문법 : setTimeout(functionRef, delay, param) ( delay, param은 optional한 값 )// functionRef (delay생략)setTimeout(() => console.log("바로 실행"));// functionRef & delaysetTimeout(() => console.log("5초 후에 실행됨"), 5000);// param 사용function weather(today, phrase) { console.log( today + ' 은 ' + phrase );}setTimeout(weather, 1000,..
문자열 자르기
·
Javascript
const foods = ['pizza', 'apple', 'melon', 'pasta', 'coke'];console.log(foods.slice(2));// 결과 : ["melon", "pasta", "coke"]console.log(foods.slice(2, 4));// 결과 : ["melon", "pasta"]console.log(foods.slice(-2));// 결과 : ["pasta", "coke"]console.log(foods.slice(2, -1));// 결과 : ["melon", "pasta"]Javascript에서 문자열을 자르는 방법은 split(), slice(), substring() 를 활용한다. split 함수로 문자열 자르는 방법seperator로 문자열 분리하여 배열로 ..
상단 이동 버튼 & 스크롤 시 버튼 나타나기
·
React
포스트 글이 길거나 블로그, 프로젝트 갯 수가 많아지면 스크롤이 발생해 상단 이동 버튼을 배치하는게 좋을 것 같아 추가해보았다. 상단 이동 버튼window.scrollTo(xpos, ypos, behavior:'auto'}) ****를 사용하면 원하는 위치로 이동 시킬 수 있다.behavior의 값에는 auto, instant, smooth가 있다. (문자이므로 따옴표가 필요하다.)auto는 기본 값이며, 바로 위치로 이동한다. instant도 같은 동작을 한다.smooth는 부드럽게 이동하는 애니메이션 효과를 보여준다.⇒ 부드럽게 상단 위치하기 위해서 클릭 시 window.scrollTo({ top: 0, behavior: "smooth" }); 실행되게 했다.import { useEffect, use..
minsun309