매일 공부한거 기록하기

const A = [1,2,3,4,5] const B = [2,3] // 교집합 console.log(A.filter((item)=>B.includes(item))) // 차집합 console.log(A.filter((item)=>!B.includes(item))) // 합집합 console.log(A.concat(B)) console.log([...A,...B]) // 교집합을 제외한 합집합 : 대칭 차집합 console.log(A.filter((item)=>!B.includes(item)).concat(B.filter((item)=>!A.includes(item)))) 1. 교집합은 Includes로 찾아준다. 2. 차집합은 반대로 배열 앞에 ! 를 붙여주면 된다 3. 대칭차집합은 각각의 차집합들을 ..

Number.isInteger(n) 을 사용하면 된다 ~~ :) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Number/isInteger Number.isInteger() - JavaScript | MDN Number.isInteger() 메서드는 주어진 값이 정수인지 판별합니다. developer.mozilla.org

const test = ["1","2","3","4"] const result = test.map(Number); console.log(result); //[1, 2, 3, 4] map(Number)라는 방법이 있었따니.. 나는 항상 test.map((item)=>+item); 요렇게 했다구~~~~😯

1. CharAt() : 해당 문자열에서 index에 위치한 문자를 리턴한다. const test = "hello" const index = 4; console.log(test.charAt(index)); // "o" 2. charCodeAt() : 해당 문자열의 유니코드를 리턴한다. const test = "hello" const index = 4; console.log(test.charCodeAt(index)); // 111 3. fromCharCode() : 문자열에서 사용하며, 유니코드를 문자열로 리턴해준다. console.log(String.fromCharCode(111)); // "o" console.log(String.fromCharCode(65,66,67)); //"ABC"

Array of objects 2개를 비교하려고 할때 이렇게 하면 된다.. 난 삽질을 했군아 const products = [ {ulid: 1, price : 1000, name : "a" }, {ulid: 2, price : 2000, name : "b" }, {ulid: 3, price : 3000, name : "c" }, {ulid: 4, price : 4000, name : "d" } ] const best = [ {ulid : 3 } ] const result = products.filter(({ ulid: value }) => best.some(({ ulid: value2 }) => value === value2) ); console.log(result); //[{ ulid:3, price:..

1. pages폴더 안에 파일을 만들면 그 파일명이 경로가 된다 이렇게 pages폴더 밑에 폴더를 만들면 폴더 명이 경로가 된다. 경로 이동을 해서 보여줄 파일을 만든다. 2. 경로 이동이 필요한 파일에 next/link로부터 Link를 import 시켜준다. import Link from "next/link"; 3. 로 감싸주고 href 로 경로를 정해준다. 그리고 태그로 감싸준다. click to brand! 4. Next.js공홈에 자세히 나와있다! https://nextjs.org/docs/api-reference/next/link

2023.02.02 - [Frontend/React] - React에서 setInterval() 과 useInterval()무엇을 써야할까 React에서 setInterval() 과 useInterval()무엇을 써야할까 setInterval()을 사용해서 자동으로 이미지가 넘어가는 carousel을 만들려고 했다^^... imgIndex를 하나씩 넘겨주고 마지막 인덱스라면 다시 0으로 보내는 간단한 기능이다. const autoSlide = () => { setImgIndex(im diary-of-lemon.tistory.com 위의 글 처럼 예상되로 동작하지 않는 상황이었다. useEffect에서 함수를 실행시켜주고, 실행이 끝날때마다 setInterval함수의 ID를 clear해줬다. setInte..

setInterval()을 사용해서 자동으로 이미지가 넘어가는 carousel을 만들려고 했다^^... imgIndex를 하나씩 넘겨주고 마지막 인덱스라면 다시 0으로 보내는 간단한 기능이다. const autoSlide = () => { setImgIndex(imgIndex + 1); if (imgIndex === imgData?.length - 1) { setImgIndex(0); } }; delay도 만들고 setInterval()로 하면 되지 않을까 생각했다^^.. const [delay, setDelay] = useState(1000); setInterval(autoSlide, delay); 근데 이게 어떻게 되냐면 1초 간격으로 잘 넘어가다가 1,2 -> 1,2 -> 1,2 -> 1,2 -> ..

Carousel을 직접 구현하려고 했을때 React에서 어떤걸 쓰는게 더 적합할지 고민했다. 우선 1. setTimeout() 2. setInterval() 두개를 생각했다. 우선 비교해보자. setTImeout() : delay 된 시간만큼 기다린 후에 function을 실행한다. 일정 시간이 지난 후에 함수를 실행한다. const timeoutId = setTimeout (function[,delay,arg1,arg2,...] ); //종료 clearTimeout(timeoutId); 1. setTimeout은 timeoutId를 리턴한다. 따라서 timeoutId로 생성한 타이머를 식별할 수 있다. clearTImeout()에 전달해 타이머를 취소 할 수 있다. 2. 함수를 실행하지 않고 넘겨야한다..

요렇게 `cal( )` 자체로 넣어주면 된다 ~~ 구냥 까먹을까 한번 더 써놓기