💻 들어가며 오늘까지 완성을 하려고 했으나 여전히 오류는 계속나고 수정할 부분이 많이 보인다 우선 내일 오후부터는 발표자료 제작에 들어가야하기 때문에 오전에 빠르게 useEffect가 제대로 적용 안 되는 부분하고 폰트, css 수정을 완료하기로 계획을 세웠다. 📚 구현기능 필터 기능 추가 (모집 분류, 모집 기한) 이제 특정 조건에 맞는 데이터의 상태를 변화시키는 것은 고민만 조금 하면 원하는 데이터로 useState 훅을 통해서 바꿀 수 있게 되었다. 하지만 여러 필터, 조건이 겹치니까 알 수 없는 오류가 하나 발생하고 있는데 아마 useEffect문제이거나 if, else if를 통해 조건을 거는 과정에서 잘못된 부분이 있는 듯 하다 useEffect는 진짜 문법만 외우고 동작 원리는 잘 모르는 상..

💻 들어가며 로그인상태에 따라 게시글 작성, 마이페이지, 조회페이지가 다르게 보이도록 기능을 구현했다. 메인프로젝트 초반부에 로그인이 구현되는 것만 확인하고 이번에 API요청시에 JWT를 담아 보내면 서버에서 로그인이 안 됐으면 오류를 보내거나 로그인 된 사용자면 그에 맞는 response를 보내주도록 구현되었다 일단 로컬스토리지에 토큰을 저장하기때문에 Context API을 이용한 로그인 구현은 필요없게 된 것 같은데 기능 구현이 끝나고 시간이 남으면 상태관리 라이브러리를 이용해 로그인 상태를 유지하는 코드로 리팩토링도 해봐야겠지싶다. 📚구현기능 로그인 폼 로그인에 성공시 로컬스토리지에 jwt 저장 oauth는 미구현상태지만 어떤 로직으로 돌아가는지 공부를 해서 구현에는 어려움 없을 듯 해보임 Reac..

💻 들어가며 기능 구현하면서 eslint에서 prettier랑 줄바꿈 옵션이 충돌이 난 건지 계속해서 오류가 나왔다..😥 치명적인 영향을 미치지는 않았지만 새로고침 할때마다 계속 브라우저에 오류를 내서 가만히 냅둘 수 없어서 구글링을 시작했다 스택오버플로우에서 방법은 찾았는데 적용을 해보니 해결이 안 됐다.. 원인은 잘 모르겠고 기능구현하기 바빠 죽겠는데 빨리 해결해야겠다 싶어서 그냥 특정 줄만 eslint 옵션을 끌 수 있는 주석을 달아 해결했다. eslint-disable-next-line prettier/prettier 옵션을 줘서 해결했는데 부분에만 적용되는 옵션이라서 완벽한 해결방법은 아니라서 조금 아쉽지만 중요한 부분은 아니라 일단 넘어가기로했다 프로젝트 끝나고도 eslint, prettier..