개발/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가지 병행