역시 오류는 오타...(내배캠_16일차)

요즘 TIL을 개인과제 관련해서만 작성하니까 뭔가 이상하긴 한데
그래도 할건 해야제...

꽤 순조롭게 마무리를 향해 가고 있는데
다른 조원 분들은 배너 이미지를 웹에 넣고 사용하셔서
나도 그런 이미지로 UI를 꾸미고 싶었다.

그래서 Canva에서 로고를 만들어서 삽입하려는데..
분명 로컬 페이지에서는 이미지가 잘 보이는데 github page로 배포한 화면에서는 보이질 않는 것이였다..ㅠ

왜 그런걸까.. 고민을 또 오래하면서 여러 번의 디버깅을 해봤다.

(사실 Live Server로 페이지 열어보면 확인할 수 있는데, 그런거 몰랐어서 push 해서 배포 페이지 확인하면서 디버깅함 ㅋㅋ;;)

쨋든 계속 고치면서 보니까 내가 이미지 파일명을 'MISE.jpg'를 'MiSE.jpg'로 오타를 낸거였던 거임 ㅋㅋ;;
하,,, 나는 왤케 오류도 하찮은 부분에서 내는건지...

어제나 오늘이나.. 그래서 깨달은 것이 '코드 리팩토링을 통해 코드 가독성을 올려야되겠다!'라고 느꼈다.

우리 조에서 매번 회의 시간에 작성 코드를 리뷰하면서 얘기를 하는데
그 중 한 분이 모듈화나 주석 처리가 엄청 깔끔하게 돼있으니까 이해하기도 쉽고, 설명도 되게 간단했다.

그에 반해 나는 코드 설명을 질질 끌면서 하다보니 핵심적인 내용 전달이 어렵게 느껴지는 것 같아서 이번 기회에 제대로 리팩토링을 하려고 한다.

오류는 오타와 중복에서 생성되는 게 많다!
웹 페이지 디버깅은 Live Server Extension를 통해서 하자!
코드 리팩토링은 선택이 아닌 필수

현재 진행 상황
- 북마크 기능 구현 완료 -> 삭제 기능 추가 예정
- 북마크 탭 페이지 구현 완료
- 배너 삽입 및 클릭 시 초기화면 설정 구현 완료 -> 배포 시 이미지 안보이는 것에 대한 오류 수정 중

기능 추가 예정 목록
- 북마크 삭제 기능
- 나라별 인기 목록 확인 기능 -> 개봉 예정 영화 확인으로 변경