깃허브로 협업하기

[팀장] : 배포용 & 배포 전 테스트용 생성 + [팀원] 클론 후 각자 브랜치 생성 1. git switch -c dev 2. git push origin dev 3. dev : (default 설정 : settings > default Branch 변경 > dev update) 4. 팀원들 collaborators 등록 > add People [팀원] 1. git clone 2. (개발 후 ) git switch -c 브랜치명 3. git add. & git commit - m & git push > pull request [충돌 발생시] 1. git pull origin dev 2. 지우고 필요부분 수정 후 3. git add. & git commit - m & git push origin 브랜치

• format_list_bulleted TIL :: Today I Learned
• · 2023. 10. 24.
• textsms

사진에 마우스 hover 하면 버튼 기능 추가

* 필수조건 : 사진 클릭시 영화의 id 값 출력 * 문제 : 사진에 hover했을때, 제목+요약+평점이 나오도록 설정했는데 id값 출력이 어려움 * 개선 : 안에 버튼을 추가하여 hover 후, 버튼 눌러서 id값 출력하도록 (1) index.js const temp01 = document.createElement('div'); temp01.innerHTML = ` ${originalTitle} ${index} 영화 id 보기 ` innerHTML로 데이터 넣을때, button을 추가하였음

• format_list_bulleted TIL :: Today I Learned
• · 2023. 10. 24.
• textsms

#1 영화 TOP 20 검색 사이트 구현 (+오픈 api 사용)

1. 필수 사항 (1) jQuery 라이브러리 사용없이 순수 바닐라 자바스크립트 사용 (2) TMDB 오픈 API를 이용하여 인기영화 데이터 가져오기 (3) 영화정보 카드 리스트 UI 구현 * 필수정보: title(제목), overview(내용 요약), poster_path(포스터 이미지 경로), vote_average(평점) * TMDB에서 받아온 데이터를 브라우저 화면에 카드 형태의 데이터 * 카드 클릭 시에는 클릭한 영화 id 를 나타내는 alert 창 (4) 영화 검색 UI 구현 * input 창에 입력한 문자값이 포함되는 영화들만 화면에 보이도록 * 입력 후 검색버튼 클릭 시 실행 (5) Javascript 문법 요소를 이용하여 구현 * const, let만 사용 * 화살표 함수 사요 * 배열 ..

• format_list_bulleted TIL :: Today I Learned
• · 2023. 10. 23.
• textsms

[css] display : grid 검색 기능 시, 조건에 해당 안하는 값 미적용

1. 문제 (1) 영화 검색으로 하면 2번째 그리드가 안 보이기만하고, 정렬되어 안 보임 (2) [문제 코드] : cardContainer가 아니라 그 부모( 윗 단계의 Div를 선택했어야 했음) let cardContainer = document.getElementsByClassName('cardContainer'); cardContainer[i].style.display = 'none'; function Search() { //입력된 검색값 let text = document.querySelector('#searchInput').value.toUpperCase(); let cards = document.getElementsByClassName('top'); let cardContainer = docu..

• format_list_bulleted TIL :: Today I Learned
• · 2023. 10. 20.
• textsms

[JS 오류] Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

1. 오류 발생 1. Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') > 콘솔에서 undefined 출력 document.querySelector('#searchBtn2').addEventListener('click', function () { alert('버튼 클릭'); }); 2. 해결방법 1. window.onload 사용 window.onload = function () { document.querySelector('#searchBtn').addEventListener('click', function () { alert('버튼 클릭'); }); }; 2. index.html 파일에서 태그 제일 하단에 위..

• format_list_bulleted TIL :: Today I Learned
• · 2023. 10. 19.
• textsms