📌 코멘트 기능 추가
🔹 성취감 쌓는 중
이것도 재밌을 것 같으면서도 처음 해보는 거라서 좀 두려움이 있었는데 그래도 해냈다.
이것도 레퍼런스를 열심히 찾아서 괜찮은 라이브러리와 괜찮은 방법으로 해결할 수 있었다.
상세한 설명이 필요할 때는 상세히 설명해주는 레퍼런스를 찾았고 전체적인 그림과 더 좋은 코드를 원할 때는 이에 합당한 설명이 있는 레퍼런스를 참고했다.
📌 즉, 필요에 따라 다른 레퍼런스들을 찾아 최적의 코드를 만들고자 했다.
또한 뭔가 에러가 났을 때, 천천히 코드 하나하나 살폈다. 그러니 몇 개 빠진 코드가 보였고 추가하니 잘 되었다.
(theme과 useRef에 scriptElem를 넣는 코드를 빠뜨렸었고 다행히 찾아서 넣어주었다.)
📌 ‘급할 수록 돌아가라’라는 말 처럼 찬찬히 살피면 더 잘 해결이 되는 것 같다.
🔹 아티클 페이지에 들어갔을 때, home으로 라우팅이 되던 에러
giscus 잘 넣었고 뷰(댓글 창)도 잘 나왔는데 내가 참고하던 레퍼런스에서 트러블 슈팅으로 ‘github 로그인시 home으로 리다이랙팅되는 문제’가 있었고 이 것에 대한 해결 방법을 설명해놨다.
실제로 나 또한 같은 에러가 발생하는 것을 확인 했고 즉시 해결 방법대로 따라 하고 있었다. 추가로 최적화를 할 방법도 같이 찾고 있었다. (<link rel="canonical" href="홈 url"/> 로 해결)
그런데 그 방법대로 잘 입력해주었는데도 계속 같은 에러가 났다. 이상해서 디테일 페이지 (아티클 페이지) url을 복사해서 새 탭에서 접속하니 바로 home로 가는 문제가 있었다.
언뜻 기억이 나는 것이 얼마 전 만들었던 Search 컴포넌트에서 url을 리다이렉팅 해주는 코드를 넣어주었는데 이것 때문인 건지 한 번 확인해보고자 리다이렉팅하는 코드를 주석 처리해주고 확인해보았다.
해결됐다. 이것이 문제였던 것이다.
search 컴포넌트는 전역적으로 사용되는 nav bar에 존재했고 거기서 설정해둔 조건(검색어 유무에서 검색어 없음)에 맞지 않으니 바로 home으로 가는 로직이 실행되어 버린 것이다.
그래서 해결방법으로 search 컴포넌트를 우선 nav bar가 아닌 home페이지로 옮겨주었다. (사실 나중에 하려던 작업인데 미리 하게 되었다.)
(또한 이 작업을 하면서 search 컴포넌트의 또다른 버그를 찾게 되었다. 이건 이 PR과 관련이 없으므로 다른 PR에서 처리할 예정이다.)
아무튼 빠르게 원인을 파악해서 해결해 낼 수 있어서 좋았고 다행이었다.
📌 attribute들 루프문으로 리팩토링하기
🔹 전혀 생각치 못했던 클린 코드를 작성해보다.
attrubute와 loop문으로 분리하는 리팩토링 방식은 멘토님이 알려주신 방식이었다. 클린 코드를 지향하는 내가 생각치도 못했던 부분에서 더 클린하게 코드를 짤 수 있어서 무척 인상 깊었던 로직이다. (’이렇게도 더 클린한 코드를 만들 수 있구나..!’ 하는 깨달음을 줌)
거기에 더해 for of문과 튜플, Object.entries를 통해 좀 더 가독성 좋은 코드를 만들어 보려고 노력했다.
그 덕에 전보다 훨씬 클린한 코드를 볼 수 있어서 보기만 해도 뿌듯한 코드를 작성할 수 있었다.
