TIL

순수javascript사용영화정보 오픈API인 TMDB(The Movie DB)를 사용.Javascript 문법 요소를 이용하여 구현

TMDB사이트회원가입후 API연동Top Rated에서 api복붙api key값을 알기fetch 함수를 이용해 해당 api 주소를 불러옴javascript DOM제어를 통해 HTML태그 생성위 사진처럼 20개의 영화제목, 내용이 나옴.해결해야할 부분영화 제목 검색전과

지난시간에 부족했던부분난잡한 코드 정리세세한 CSS코드 정리\-위 코드는 fetch함수를 검색전과 검색 후 2번을 불러오기 때문에 불필요한코드가 길어져 보임

노션에 나와있는 피드백을 통해 부족한점 나열 prettier사용 x form태그 사용 x grid를 사용한 반응형 사용 x map메소드 사용 x

영화검색 사이트 개선점javascript파일도 분류해놓을수잇는 폴더안에 넣는다 src폴더(나중에 충돌 미연에 방지를 위함이미지 같은 파일들을 넣어놓을수 있는 폴더를 만든다.(assets폴더)협업할때 변수명을 중복해서 사용하기 위해서는 script type을 module

개인과제에서 작성한 내배캠 인기영화 콜렉션을 발전시키는 팀 프로젝트팀원들의 프로젝트 N개 중 1개를 대표로 선택, 팀 프로젝트로 발전 해당 collaborators에 팀원을 등록하고 develop브랜치 생성후 기본으로 설정되어있는 브랜치를 develop으로 변경한다각

mainpage와 detailpage가 어느정도 바탕이 짜여져야 내가 진행을 같이 하기로 했기 때문에 내 개인과제에 있는것을 바탕으로 진행.위 코드처럼 detail.html을 만든후에 location을 사용해서 영화의 id값으로 상세페이지로 넘겼음.상세페이지로 넘어갔을

위 코드처럼 form태그안에 저장해야할 값3가지를 input에 넣어서 버튼을 submit하는 함수를 생성한다useQuery를 이용해서 해당 주소값에서 id값을따로 빼온뒤에 위에 key값으로 넣어야함.저장시에 저장된 리스트를 불러오는일하나의 key값에 여러개의 value

1번 내용이 데이터를 넣는 것이라면, 유효성검사는 데이터를 넣기 위한 필수 조건이라고 볼수 있다.조건문 3개( 작성자 , 리뷰, 비밀번호)에 대한 유효성검사를 하나 할때마다 return을 받아야 다음으로 넘어가게 작성해줌으로써 전부 확인이 되면 데이터 저장이 되도록 구