느릿늘있

1. 문제 코드 it('검색어에 맞는 이벤트만 필터링해야 한다', async () => { const { result: searchResult } = renderHook(() => useSearch(events, new Date(), 'month')); const { filteredEvents, setSearchTerm } = result.current; act(() => { searchResult.current.setSearchTerm('헬스장'); }); filteredEvents.forEach((event: Event) => { const searchTargets: EventKeys[] = ['title', 'description', 'location..

우선 이 글은 클로저에 대해 자세하게 설명하는 글은 아니기 때문에 클로저에 대한 설명은 아래 링크로 대체합니다. :0https://developer.mozilla.org/ko/docs/Web/JavaScript/Closures 클로저 - JavaScript | MDN클로저는 주변 상태(어휘적 환경)에 대한 참조와 함께 묶인(포함된) 함수의 조합입니다. 즉, 클로저는 내부 함수에서 외부 함수의 범위에 대한 접근을 제공합니다. JavaScript에서 클로저는 함수 생developer.mozilla.org  회사에서 grid로 데이터를 그려야하는 경우가 정말 많습니다. 이번에 grid 관련해서 발생한 결함을 클로저를 활용해서 해결했는데 해당 내용을 간략하게 기록하고자 합니다. 우선, 문제 상황을 설명하자면 다..

1. JS 배열 탐색 매서드 1. forEach : 배열의 각 요소들을 순회하면서 각 요소에 대해 콜백 함수를 실행한다. 2. filter : 배열의 각 요소들을 순회하면서 콜백함수의 조건에 대해 참인 값들로 새로운 배열을 반환한다. 3. find : 배열의 각 요소들을 순회하여 콜백함수의 조건에 대해 참인 첫번째 값을 반환한다. 2. 삽질 로그 [{i: 'unique key', ...}, ... ] 이와 같은 배열에서 특정 key에 대한 동작을 수행해야 할 때, forEach를 사용해서 value의 i가 해당 key 값일 때를 찾는 식으로 많이 개발한다. 하지만 이 경우 전체 배열을 무조건 한 번씩 순회하기 때문에 불필요한 탐색 횟수가 발생하게 된다. 이 때, 값이 unique 하다면 find를 사용하..

WSL(Window Subsystem for Linux)에서 아래와 같은 경로 에러가 발생하는 경우 해결 방법 ' \\wsl ~~~~~ ' 위의 경로를 현재 디렉터리로 하여 CMD.EXE가 실행되었습니다. UNC 경로는 지원되지 않습니다. Windows 디렉터리를 기본으로 합니다. ※ UNC(Universal Naming Convention) 경로 : 로컬 네트워크(LAN) 환경에서의 특정 자원에 접근할 때 사용되는 경로 이 에러의 발생 원인은 wsl에서 실행한 파일이 동일한 이름의 windows 경로를 가리키고 있기 때문이다. 나의 경우 npm 실행 경로가 windows로 되어 있었는데 'which' 명령어를 통해 현재 설정된 경로를 확인할 수 있다. which npm npm의 경로를 nvm(Node ..

1. 현상 업무중 만난 SQL 성능 향상 관련 이슈임 master 테이블과 현재 테이블을 비교하여 없는 값은 삭제하고 있는 값은 추가하는 로직 2. 원인 및 해결 [ 1. 쿼리문 합치기 + 트랜잭션 ] DELETE 로직에서 6번의 DELETE 쿼리문을 변수에 문자열로 저장 후 변경이 필요한 횟수만큼 반복하면서 DB에 요청을 하는 로직을 개선했다. 첫번째로 반복문을 한 번 돌 때마다 쿼리를 보내는 것이 아니라 반복문을 도는 동안 동적할당 변수에 계속 추가한 후 반복문이 끝나고 한 번만 쿼리를 보내도록 수정했다. 약 1만번의 쿼리 요청을 보내야하는 상황에서 해당 이슈가 발생했고 이를 한 번만 보내도록 수정한 것이다. 이에 시간은 약 5분에서 4초로 단축되었다. 이 때, 결과적으로 6만번(1만회 반복 * 6번..

1. 현상 사이드 프로젝트로 진행 중인 머글래 웹 모듈 4번 작업물인 구글 맵 api를 활용한 지도에 리뷰 표시하는 페이지를 만들 던중 발생한 이슈다. 아래 링크에서 현재 잘 동작하고 있는 것을 확인할 수 있다. https://moglet-web-module.vercel.app/4_googleMaps Moglet Web Module moglet-web-module.vercel.app 처음에는 모든 기능을 index 페이지에 다 몰아 넣고 기능이 동작 가능하게만 만들어서 돌렸다. 그랬더니 노트북 팬이 미친듯이 돌아가고 브라우저는 멈추고 작업관리자 CPU는 100%를 찍고 vercel에 배포는 됬으나 사이트가 먹통이 되어 버렸다. 성능에 문제가 있다는 것을 인지하고 이를 최적화 하기 위해 여러 가지를 시도하..