[본캠프]13일차 개인플젝 중

오늘 검색기능 구현하려고 걷기반에서 다뤘던 내용으로 js을 작성하던 중 구현이 되지않아서 다른 팀원분께 여쭤봤다.

const searchInput = document.querySelector("#query");

searchInput.addEventListener("input", () => {
  const searchValue = searchInput.value.toLowerCase();
  const filteredMovies = allMovies.filter((movie) =>
    movie.title.toLowerCase().includes(searchValue)
  );
  displayMovies(filteredMovies);
});

querySelector로 id값을 가져와서 event리스너로 구현하는 함수이다.

함수 안에 변수 두 개를 선언하여 인풋값과 영화를 가져와서 초기화하고 포함하는 영화를 ui에 보일 수 있게 하는 원리이다.

오늘 이 함수에 대해 이해하였고 계속 연습했다.

내일은 모달창에 대해 이해하고 연습해보겠다.'

 

 

[내가 제일 부족한 부분]

차근차근, 성실

 

---

git & github 정리!!! -branch

 

 

수정하고 싶은데 원래 파일은 그대로 두고 싶을 때,

브랜치(복사본) 생성명령어 : git branch 브랜치 이름

브랜치 생성 명령어: git branch 브랜치 이름

브랜치 확인 명령어: git branch

브랜치 이동 명령어: git switch 브랜치 이름 , git checkout 브랜치 이름

브랜치 한 번에 생성&이동: git switch -c 브랜치 이름, git checkout -b 브랜치 이름

새로운 브런치에서 수정된 코드 저장: git add. , git commit -m "feat:어쩌고"

main브랜치가 최종 브랜치이다.

브랜치 합치는 명령어: git switch최종브랜치이름 , git merge 합칠 브랜치