Jeden Tag, aufrichtig und lustig.

1. 개념 페이지네이션은 페이지를 이동하고 싶을 때 사용하는 것이다. 최근에 페이지네이션을 리액트로 구현해봤다. 구현해보면서 사용한 로직을 정리해보았다. 2. 적용 코드 아래 Wiki 컴포넌트는 페이지네이션과 페이지네이션을 적용할 글 목록 리스트를 리턴해주는 컴포넌트다. const Wiki = () => { const [wikiList, setWikiList] = useState(""); const [limit, setLimit] = useState(5); const [page, setPage] = useState(1); const offset = (page - 1) * limit; const getWiki = async () => { const res = await getWikiAxios(); setW..

for loop & array 반복문과 배열은 현업에서도 자주 함께 사용되는 중요한 개념이다. 빈 배열 myArray에 100부터 110까지 요소를 추가하기 array를 순회한다. =배열의 각 요소에 접근해서 동일한 동작을 진행한다. array각요소를 콘솔에 찍기 ex. for(let i=0 ; i 0; i-=2) { ourArray.push(i); } // ourArray will now contain [10,8,6,4,2] i에 2 빼는 법 i = i-2 i-=2

splice 배열 내의 특정한 요소를 삭제하거나, 다른 요소로 대치하거나 새로운 요소를 추가할 때 사용하는 메소드다. splice(start,delete,item) 필요에 따라 인자를 최소1개만 사용 할 수 있다. 첫번째 인자 : 배열의 index의 시작점 두번째 인자 : 삭제할 요소의 개수 세번째 인자 이후 : 추가하고 싶은 요소 let num = [1,2,4,5,7]; num.splice(2,1,10); console.log(num); // [ 1, 2, 10, 5, 7 ] 댓글 삭제 기능을 구현할 때 splice 메서드를 많이 활용한다.

array (배열) 대괄호 두 개로 이루어져 있으며, 특정한 요소를 담는 데이터 타입이다. 여러개의 데이터를 한 곳에 저장할 수 있는 특징을 가지고 있으며, ex.kospi 지수 차트 데이터의 요소와 요소는 쉼표로 구분한다. myArray = [36,15,'kiwi',true] 배열의 요소에 접근하는 방법 myArray[0] * 배열의 요소에는 순서(index)가 존재 하며, index는 1이 아니라 0부터 시작한다. 배열의 요소를 수정하는 방법 myArray[2]= "watermelon"; 배열의 길이 구하는 방법 console.log(myArray.length); 배열의 요소 추가하는 방법 myArray.push("cherry"); *method : push 배열의 요소 삭제하는 방법 맨 끝의 요소 ..

데이터 유형 데이터 유형은 크게 기본유형과 참조유형으로 나뉜다. 기본형 (primitive type) 1. 숫자 (number) 2. 문자열 (string) 3. boolean 4. undefined & null 숫자 (number) 사칙연산이 가능하다. ex. let myNumber1 = 1 ; let myNumber2 = 5 ; console.log(myNumber1/myNumber2) ; *나머지 구하는 법 구글링 키워드 : java script how to calculate remainder console.log(4%2) ; 문자열 (string) ex. juice , apple let myName = 'alice' let myName = "eleven" console.log(myName) ; *..