프로젝트27 검색 결과가 없을 때 일치하는 항목이 없을 경우 아래와 같이 결과가 없다는 문구가 담긴 영역이 추가되도록 하였는데, 결과가 없을 때마다 추가되어 계속 쌓이게 됐다... 한 번만 추가되어야 하는 영역이라 어떻게 체크해야 할지 고민했는데, querySelector로 조회했을 때 없으면 null 값이 나와서 if 문에 넣어서 해결했다. if(!document.querySelector('.no-data')){ const noDataDiv = document.createElement('div'); noDataDiv.className = "no-data"; noDataDiv.innerText = '검색 결과가 없습니다.'; $movieBox.append(noDataDiv); } 2024. 1. 5. 검색어의 공백 제거 검색할 때 검색어의 공백을 제거하여 띄어쓰기가 달라도 검색이 되도록 구현하는 중에, '반딧불이의묘'라고 검색해도 해당 영화가 노출되지 않았다. 예상했던 결과는 검색어의 공백이 삭제되어 '반딧불이의묘'라고 값이 변경되는 것이었다. 왜 계속 안되는지 로그를 계속 찍어봤는데, trim()을 사용해서 문제가 됐다. 막연하게 trim() 은 공백을 제거한다고 알고 있었는데 너무 얕게 알고 있었다. trim() trim() 메서드는 문자열의 앞, 뒤 공백을 제거한 후 원본 문자열을 훼손하지 않고 새로운 문자열을 반환한다. 그래서 문자열의 공백을 제거할 다른 방법을 찾게 되었다. split으로 공백 기준으로 문자열을 나눈다. split 으로 나눈 배열을 join으로 합친다. split() split() 메서드는 문자.. 2024. 1. 4. 미니 프로젝트 KPT 회고 Keep 발생한 문제에 대해 다 같이 고민하고 소통하는 부분 좋은 정보가 있으면 공유하는 부분 맡은 일에 대해서 끝까지 처리하는 부분 Problem git 사용에 미숙하다보니 발생하게 되는 문제로 소모하는 시간이 있었던 부분 공식문서와 친해지지 못한 부분 Try git 명령어에 대해서 더 공부를 하고 개인 저장소를 만들어서 git 을 많이 사용해 보면 좋을 것 같다. 라이브러리 등을 사용하게되면 공식 문서부터 보는 습관을 들여야겠다. 개인적인 회고 우리조는 오늘로써 개발을 마무리하고 나머지 발표 준비 및 소개 영상 제작에 돌입했다. 나는 마지막 작업물을 머지하고 배포될 main 브랜치에 올렸다. [담당 작업 목록] 더보기 메인 레이아웃 잡기 헤더 영역 및 스크롤 기능 파이어베이스를 활용한 방명록 수정 기.. 2023. 12. 27. 이전 1 2 3 4 다음
