dh_0e

내배캠 2번째 프로젝트를 진행했다. 첫 번째는 팀으로 진행되는 미니 프로젝트였는데 처음 해보는 프로젝트라 정신이 없어 서로의 코드를 설명하는 시간도 가지지 못하여 정리가 되지 않아 포스팅하지 못했다.. 과제 설명이번 프로젝트는 개인 프로젝트로 영화정보 오픈 API인 TMDB를 사용하여 영화 검색 사이트를 제작하는 것이었다.특이한 점은 jQuery 라이브러리를 사용하지 않고 순수 바닐라 자바스크립트만으로 구현하는 것이었고,  학습해온 자바스크립트 문법을 최대한 활용하여 영화 리스트 조회 화면과 검색 UI를 구현하는 것이었다.필수 요구사항은 다음과 같다.더보기필수요구사항[1] jQuery 라이브러리 사용없이 순수 바닐라 자바스크립트 사용하기JavaScript 문법 종합반에서 학습한 내용과 지난 예제문제를 참..

innerHTMLinnerHTML은 해당 HTML요소에 있는 HTML을 반환하며 추가적인 HTML 코드를 삽입할 때에 사용된다.요소는 DOM으로 가져올 수 있으며 아래 링크에서 두 가지 방법이 설명되어 있다. [JavaScript] 주요 문법 정리(3) ( 문서 객체 모델(DOM), Class와 상속, 클로저(Closure) )DOM이란Document(HTML파일)를 Javascript가 해석할 수 있는 Object 형태로 Moudeling 한 것 브라우저에 기본적으로 내장되어 있는 API 중 하나( API는 다른 시스템에서 제공하는 기능을 사용할 수 있도록dh-0e.tistory.com 안녕하세요! addEventListneraddEventListner() 메서드는 지정..

hover / active (button)button:hover - 모든 버튼 위에 커서가 올라갔을 때의 css를 수정button:active - 모든 버튼들이 눌렸을 때의 css를 수정id명이나 class명을 button 대신 넣으면 각각의 버튼의 hover, active를 수정할 수 있음  transition(변화) 속성속성정리transition선택자 변화에 시간 흐름을 추가하여 변화하게 하는 속성transition-delay변화가 끝나는 시간을 지연시킴ex) transition-delay: 0.3s; // 0.3초 지연transition-duration변화하는 과정(시간)을 지연시킴ex) transition-duration: 0.3s; // 0.3초 지연  reset.css각 브라우저마다 CSS 기..

id와 class의 차이HTML의 요소에 지정하여 CSS와 JavaScript에서 속성을 변경하는 역할을 하는 것에서 같아보이지만태그로 지정하는 요소의 수에서 차이가 있음id로 지정하는 태그는 유일한 이름을 붙이며 중복되면 순차적으로 가장 먼저 발견되는 id에 수정이 이루어짐(사실상 중복이 불가함)class는 동일한 유형을 가진 태그들을 모두 일정하게 수정하고 싶을 때 여러 요소를 지정하여 수정이 이루어짐ex) class는 사람이란 특정한 유형들에 일정하게 태그를 붙여 수정한다면, id는 사람 이름을 나타내 그 자체를 수정  class는 class명 앞에 '.'을 붙여 사용하며 id는 id명 앞에 '#'을 붙여 사용함   html에서  defer 속성은 Script 다운을 HTML 파싱과 동일하게 하지만..

브랜치(branch)복사본(백업) 대용으로 git branch로 브랜치 내용을 확인 - 초록색으로 표시된 브랜치가 내가 위치한 브랜치  브랜치 이동git switch 'branchName'git checkout 'branchName'diff: 원래 checkout만 쓰다가 그 뜻이 오묘하고 다른 기능이 내포되어있어 이동만 하는 명령어 switch가 나옴  브랜치 생성 & 이동git switch -c 'branchName'   // c: creategit checkout -b 'branchName'   // b: branch  브랜치 삭제git branch -d 'branchName'   브랜치 합치기최종 브랜치로 이동 후 git merge 'branchName' - 합쳐질 브랜치 (합쳐질 내용이 커밋 되..