본문 바로가기
React

For문을 수행하지 않는데 이유를 알 수가 없다

by invelog 2023. 2. 22.
반응형

여러개의 Input 태그 안에 값을 입력 후 저장 시 이를 반영하기 위해서 기존에 등록된 값과 비교 후 기존에 등록되지 않은 부분만 추가하는 로직을 구현했는데

 

for문 안에 기존 등록된 값이 있는지 검사하는 조건문을 넣었는데 조건을 아무리 디버깅하며 확인해 보아도 for문을 수행하지 않을 이유가 없는데 단번에 순차적으로 조건 검사를 하지 않고 그냥 탈출해 버린다.

 

정말 복잡하지 않은 방식으로 구현을 하고 기능들을 만들고 있음에도 어느 기능 하나 쉽게 만들어지는게 없다.

아직 리액트를 깊게 알지 못해 그런거겠지만, 

 

계속 부딪혀 보는 수밖에 ?

 

문제가 되었던 코드는 

 

for(let i = 0; i < 전체 input 값들의 배열.length; i++) {
	if(!기존 등록된 값 배열.includes(전체 Input 값들의 배열[i].value) {
		...
		새로 등록한 아이템 추가하는 API 호출 로직
        ...
	}else{
		// 분명 for문을 순차적으로 돌면 위 조건에 걸려야 함에도 걸리지 않고 여기로 빠짐
		새로 추가된 값들이 없어 등록할 값이 없다는 Toast 출력 부분
	}
}

 

 

대략 위와 같다. 하... 뭐가 잘못된 걸까? 

왠지 엄청 어이없거나 간단한 부분일 것 같은데 지금은 도저히 내 눈에 잘못된 부분이 보이지 않는다. 

 

언제나 그렇듯 해결한 기록은 해결하는대로 다시 이어 적기로.

반응형