Trouble Shooting

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

에러 발생 개인 과제 오픈마켓을 미리 만들어 보던 중 발생한 오류. 상품 디테일 페이지의 데이터를 불러와 jsx파일에 뿌려주는 도중 가격 부분에 대한 , 을 찍어주는 정규표현식을 넣어 만들어 줬는데 데이터를 불러오기 전에 변수에 값을 할당하니 undefined.price 가 되어 에러가 났다. 해결 getPriceWon 함수를 만들어 넣어줬다. jsx 문법에 함수를 실행하는 게 별로라면 useMemo를 이용해 디펜던시를 productsData로 설정해주고 함수를 직접 할당해줄 수 있지만, 메모이제이션이 필요한 함수인가를 생각해보면 아니기에 함수 자체를 할당했다. useState내에 초기값을 { price: '' } 처럼 할당하는 것도 가능하다. 공부 필요한 부분 useEffect는 컴포넌트 마운트 후에 ..