Frontend 개발자 - hyo.loui

❤️‍🔥TIL : Today I Learned indexOf / findIndex 알고리즘 문제를 풀며 제가 문제를 푼 방식은 findIndex 였지만, 다른 문제풀이 방식에서 indexOf 로 푼 해답을 보고 차이점이 궁굼해서 공부하며 TIL을 작성합니다. 배열 메서드인 indexOf와 고차함수인 findIndex의 차이점을 설명합니다. 아래 설명하는 메서드는 배열에서만 사용이 가능합니다. Array.prototype.indexOf() arr.indexOf(searchElement[, fromIndex]) - indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다. 알고리즘 문제를 풀며 많이 사용하는 indexOf는 배열의 인자를 콕..

❤️‍🔥TIL : Today I Learned 배열 고차 함수 고차함수는 함수를 인수로 전달받거나 함수를 반환하는 함수 배열 고차 함수란? 고차함수는 외부 상태의 변경이나 가변 데이터를 피하고 불변성을 지향하는 함수형 프로그래밍에 기반을 두고 있다. JavaScript에서 고차 함수는 하나 이상의 함수를 인수로 받거나 함수를 결과로 반환하는 함수이다. 이러한 함수를 배열과 함께 사용하면 배열 고차 함수라고 한다. Array.prototype.sort mutates - 원본 배열을 직접 변경하며 정렬된 배열을 반환 const numbers = [3,1,2]; numbers.sort(); console.log(numbers); // [1,2,3] sort 메서드의 기본 정렬 순서는 유니코드 포인트의 순서를..

❤️‍🔥TIL : Today I Learned 🎯목적 : state가 업데이트 되어야 정상적으로 리액트가 렌더링을 해주는 것에 대한 복기 🤢 문제 내용 : 리액트 네이티브로 To-Do-List 앱을 만들고 있던 중 생긴 문제였다.. 체크 아이콘이 클릭 되었을 때의 실행 함수이다 나름 로우코드를 해보겠다고 작성했다... 로그에 'isDone' 이 토글되어 잘 찍히길래 문제가 없겠구나 싶었다 그런데 문제는 단순하지 않았다. setState를 하지 않았기 때문에 렌더링이 일어나지 않아서 실시간 렌더링이 안되어 다른 컴포넌트로 이동 후 (리액트나, 코딩테스트) 다시 돌아와야 정상적으로 보였다...(새로고침 처럼) 위처럼 isDone 이 true 라면 "line-through"가 되면서 아이콘도 변해야 하는데 바..