개발/JavaScript

[팀과제] 영화 검색 사이트 만들기 - 심화편

글쓰는쿼카 joymet33 2024. 5. 3. 00:16

0. 기본정보

#스파르타코딩클럽 #부트캠프 #경과훈련일_14일/94일
- 학습주제: 「자바스크립트 종합반」 (4주차)
- 학습내용: 콜백함수

- 특별사항: [팀회의] 자바스크립트 팀과제 - 영화목록 홈페이지 만들기 - 2일차
- 학습일: 2024. 5. 2.


1. 팀프로젝트 활동 내용

1) 기능 삭제 - 메인페이지 검색창의 유효성 검사

2) 본인 역할 축소(=선택과 집중)

  • <input>에 문자 입력 후 <button> 클릭하면 input.value(=입력창의 입력값) 받기
  • input.value로 TMDB 서버에서 영화 title 검색 기능을 fetch(=불러오기)
  • fetch 값을 두번째 레이아웃(=검색 결과 화면)으로 넘기는 로직을 고민해보기

 


2. 오류 일지

1) 팀 공유 github branch 버그/충돌

==> 수정 작업 전 new branch 생성 + git pull 작업

2) <button> 작동되는지 onclick으로 확인하려 했으나 먹통

==>

const searchInput = document.querySelector('#searchInput')
const searchBtn = document.querySelector("#searchBtn")

// 5차 시도. AI 검색
searchBtn.addEventListener("click", () => {
    var inputText = searchInput.value;
    // click.preventDefault();
    alert(inputText);
    console.log(inputText);
  });

 


3. 오늘의 회고

 

- 칭찬: 여러 팀원에게 도움을 요청하여 문제를 해결한 것!

- 반성: 강의 진도를 나가지 못 한 것

- 보충: JS문법 종합 + 개인프로젝트 + 팀프로젝트 = 3가지 병행