TIL_210322(First Project)

📝 오늘 한 일 / 배운 것

---

🖋 로그인 상태에 따른 UI 변화 구현

1. 로그인 시 NavBar의 LOG IN / SIGN UP 버튼 ⇒ LOG OUT 및 리덕스 상태 변경 EditUserInfoChange 페이지 이동 ⇒ MainPage 이동
2. EditUserInfo 페이지 상태에서 NavBar의 상단 버튼 비 활성화
3. 로그인 버튼 클릭 시 기본 상태 변경 SignUp 컴포넌트 Form On -> SignIn 컴포넌트 Form On

🖋 토큰 처리

서버에 요청을 보낼 때 Token이 필요한 컴포넌트에서 토큰 상태 확인 ⇒ 토큰 만료 시 재 로그인 권유

 

🖋 MainSection, Navbar

검색 함수 및 처리 방법 수정

기존 - 요청 처리 오류 및 페이지 이동 미 구현 => 수정 - 오류 수정 및 경로 수정

SearchPage 데이터베이스에 존재하지 않는 태그 검색 시 렌더링 오류 발생 ⇒ 수정

 

🖋Alert를 Modal창으로 대체

기존에 확인하기 위해 사용하던 alert 메소드를 제거

Modal 컴포넌트를 제작한 후 대체

 

🙏 기억할 것 / 느낀 점

---

🖋useRef

이번 프로젝트를 하면서 처음써보게 되어 당황스럽지만 신기했다. 사용하는 목적은 특정 DOM에 접근하기 위해서다.

 

🖋Modal 창 CSS 마무리

 

🖋오류 수정 및 코드 검사

 

💪느낀 점

1. 그래도 기능은 얼추 다 구현이 되는 것 같다. 2주도 안되는 거의 1주 동안 구현한 것이라 생각하면 정말 많은 기능들을 만든 것 같다!! 다들 열심히 하는 팀원들 덕분에 나까지 더욱 열심히 할 수 있는 것 같다.

 

2. CSS를 얼른 건드려야 하는데 짧은 시간동안 원하는대로 꾸미지 못할까봐 무섭다...

 

3. 상태관리가 정말 어렵다. 다음 프로젝트를 진행할 땐 이러한 사소한 부분까지 하나하나라도 짚고 넘어가야 직접 코드를 작성할 때 헷갈리지 않을 것 같다.