코드 줄이기 리액트#1

처음 코드를 짤 때 이런식으로 코드를 짰었다

const handleModalOpen = () => {
	if(modalOpen === true) {
    	setModalOpen(false)
    } else {
		setModalOpen(true)
	}
}

뭔가 마음에 안들었고 조금 지나니 이런식으로 코드를 줄여보기도 했다.

//befor 
if(modalOpen === true) 

//after
if(modalOpen)

그런데 어느날 스치듯 지나간 코드예시를 보고 머릿속에 번개가 치는 것 같았다.
같은 로직의 코드가 아래처럼 적혀있었다

const handleModalOpen = () => {
	setModalOpen((prev) => !prev)
}

이 코드를 보자마자 지금껏 내가 짰던 코드를 다시 돌아보게 되었다.
어쩌면 훨씬 간결하면서도 직관적으로 이해가능한 코딩 스타일이 있었을텐데, 그냥 아무렇게나 코드를 치고 있던 것들이 분명 많을 것 같았다.

이런 것들이 보이는 대로 잘 정리해보려고 한다.
더 간결하면서도 직관적인 코드를 위해!