React

회사에서 4deps의 카테고리 기능을 만들어야 했는데 재귀 컴포넌트를 활용해 반복 코드를 줄일 수 있었습니다. 4deps를 기준으로 잡았지만 재귀를 사용하면 몇 deps든 보여줄 수 있죠! 성능적인 문제는 별개지만 브라우저의 성능이 발달하면서 이정도는 문제가 없다 판단했습니다. 재귀 알고리즘 재귀는 알고리즘의 하나로 주로 코딩테스트 문제를 풀 때 많이 접할 수 있는데, 가장 대표적인 재귀 알고리즘을 사용한 사례로는 피보나치 수열이 있다. const fibonacci = (num: number) => { if (num < 2) { return num; } return fibonacci(num - 1) + fibonacci(num - 2); }; 간단하게 설명하자면 "자기 자신을 호출하는 함수"를 재귀 함수..

개인 프로젝트 개인 프로젝트 HODU샵을 진행하던 중 유효성검사 부분에서 input값이 1개씩 밀리는 현상이 나왔다. 회원가입 input값들을 저장하고 있는 values 객체생성 values에서 구조분해할당한 username, password를 유효성검사 로직에 넣어주고 이런식으로 onChange를 감지하며 변경해 주었는데 문제는 유효성 test 정규표현식을 만든 변수에 직접 state값을 넣으니 발생한 문제였다. 원인은 onChange함수에 if문으로 userNameRegExp, passwordRegExp 를 넣을때의 state는 setState로 변경되지 않은 값이 적용되기 때문이고 이건 setState가 비동기로 작동하기 때문이다. 해결 target과 targetName을 매개변수로 받는 isVal..