[수풀] 프로젝트 필터링 에러 해결

❌ 에러 발생

분명히 aws 태그가 들어간 게시글이 있음에도 불구하고

aws이 있는 게시글을 보려고 클릭해도 정상 작동하지 않는 것을 확인했다.

 

기존에 만났던 에러들은 콘솔창에서 error를 보여줬기 때문에 

그 부분만 찾으면 구글링하거나 코드를 수정하면 되는데

이런 경우에는 찾기가 힘든 것 같다고 느꼈다.

---

⚠️ 에러 원인

기존에는 파일마다 고정 데이터들을 선언 할당해서 사용했었는데

재사용성이 높은 데이터를 한 곳으로 분리해서 사용하려고 리팩터링한 부분에서

aws의 철자가 틀린 듯 했다.

 

데이터를 콘솔찍어보면서 확인해보니  백에서 넘어오는  techStackName과

프론트에서 고정 데이터로 가지고 있는 값이 달라서 발생한 문제였다.

---

✅ 에러 해결

Aws 를 AWS로 바꿈으로써 간단하게 해결할 수 있었다.

 

처음부터 설계를 잘 했다면 발생하지 않았을 문제였다.

게시판 컴포넌트, 게시글 컴포넌트, 스택 리스트 등

여러 컴포넌트에서 사용되는 데이터는 별로의 파일로 분리를해

export 해서 사용하는 식으로 기능을 구현했다면

위와 같은 에러는 발생하지 않았을 것이라 생각한다.

 

기능구현할 때 관심사 분리를 제대로 해놔야

리팩토링할 때 수월하게 할 수 있음을 다시 한 번 느꼈다.

 

앞으로 평소에 만들어 보고 싶었던

블로그나 포트폴리오 사이트, 타임 매트릭스 서비스 중에서

골라서 개인 프로젝트를 진행해볼까하는데 

기능 구현에만 집중할 게 유지보수, 수정하기 쉬운 코드로

작성할 수 있도록 꼭 노력해봐야겠다 싶었다.