공부일지33 splice() 메서드 splice() 메서드는 배열의 기존 요소를 삭제 또는 교체 하거나 새 요소를 추가하여 배열의 내용을 변경합니다. (삭제한 요소들은 배열로 반환된다.) *참고자료 : MDN - splice() array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) splice 메서드의 구문을 확인해보면 start, deleteCount, items로 이루어져 있다. start : 원본 배열의 요소를 제거하기 시작할 인덱스이고, start만 지정하면 원본 배열의 start부터 모든 요소를 제거한다. start가 음수인 경우 배열의 끝에서의 인덱스를 나타낸다. 만약에 start가 -1(음수)이면 마지막 요소를 가리키고 -n이면 마지막에 n번째 요소를 가리킨다. delete.. 2023. 5. 9. 리액트 불변성 지키기 불변성이란? 값이나 상태를 변경할 수 없는 것을 의미한다. 기본적으로 Javascript는 원시 타입에 대한 참조 및 값을 저장하기 위해 Call Staㅊk 메모리 공간을 사용 하지만 참조 타입의 경우 Heap이라는 별도의 메모리 공간을 사용한다. Call Stack은 개체 및 배열 갑싱 아닌 메모리에만 Heap 메모리 참조 ID를 값으로 지정한다. 원시 타입 참조 타입 불변성을 가지고 있음 불변성을 가지고 있지 않음 Boolean, String, Number, null, undefined, Symbol Obeject, Array 고정된 크기로 Call Stack 메모리에 저장 데이터 크기가 정해지지 않고 Call Stack 메모리에 저장 실제 데이터가 변수에 할당 데이터 값이 Heap에 저장되면 변수에.. 2023. 5. 8. sort 메서드 sort 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. *참고자료 - MDN sort() const arr1 = [1, 30, 4, 21, 100000, 445,79878]; arr1.sort() console.log(arr1) arr1 이라는 배열에 아무 숫자나 집어 넣어서 콘솔로그로 출력해보자. [1, 100000, 21, 30, 4, 445, 79878] 결과는 이러한 값이 나온다. 왜이러는걸까 sort메서드는 비교함수를 지정하지 않으면 기본적으로 문자열 비교를 실행한다. 위에 말했듯이 유니코드 순서로 정렬.. 하지만 이걸 비교함수를 지정해준다면? const arr1 = [1, 30, 4, 21, 100000, 44.. 2023. 5. 1. Vanilla Js. IntersectionObserver API (스크롤 효과) 먼저 글을 쓰기에 앞서, IntersectionObserver API의 모든 것을 알지 못 하고 제가 사용한 부분만 쓰는 점 양해바랍니다. 오늘은 이름부터 길어서 어려워 보이는 IntersectionObserver API의 일부만 알아보자. 벌써 힘들다. 다름이 아니라 스크롤 효과에 대한 강의를 보는데 "왜 이걸 써야할까 스크롤 이벤트를 사용하면 안될까" 라고 생각했다. 내가 아는건 스크롤 이벤트 밖에 없었으니까. 일단, 스크롤 이벤트로 스크롤 효과를 구현하면, 스크롤 이벤트는 동기적으로 실행되어서이벤트가 연속으로 호출되거나, 렌더링 성능이 떨어지는 점 등의 문제가 있다. IntersectionObserver 함수는 대상 요소의 가시성에 대한 변경 사항을 관찰합니다. 대상 요소를 매개변수로 하는 obse.. 2023. 4. 13. 이전 1 2 3 4 5 6 ··· 9 다음