본문 바로가기

전체 글294

Events 무언가를 클릭하면 그것이 event가 되고, 태그 위로 마우스를 올려도 event가 된다. → 다양함 이러한 모든 event들을 Js는 listen할 수 있다. 그렇다면 event를 어떻게 listen할까? : addEventListener 이런 코드를 입력하면, Js는 title을 지켜보다가 누군가가 title을 click하는 것을 listen할것이다. 누군가가 title을 click했을 때 어떤 일이 발생하도록 하기 위해 handleTitleClick이라는 function을 정의했다. 그리고 이 함수를 addEventListener()에 두 번째 argument(인수)로 전달하게 했다. → handleTitleClick(); 으로 함수를 직접 호출하지 않고 누군가가 title을 click할 경우에 J.. 2022. 1. 31.
Git-GitHub 사용법 터미널을 통해 GitHub에 commit하는 방법 본인의 GitHub에서 repository를 하나 생성한다.(생성한 repository의 이름을 first라고 가정) 터미널에서 git repository 를 입력하여 현 폴더의 원격 레파지토리를 확인한다. git remote add origin https://github.com/username/first.git (first라는 github repository를 이 폴더 안의 origin이라는 이름의 원격 저장소로 설정하겠다는 의미), git push -u origin master (폴더의 현 브랜치에 커밋된 내용들을 origin이라는 이름의 원격, 즉 이 repository의 master라는 브랜치에 올리겠다는 의미)를 입력하여 1에서 생성한 first.. 2022. 1. 31.
Searching For Elements 태그 안에 class="hello"를 추가한다. getElementByClassName("hello")를 사용하여 hello라는 class를 가진 태그의 요소를 변수 hellos에 저장했다. console.log로 hellos를 호출하면 console창에 태그의 모든 elements가 나오는 것을 볼 수 있다. div 내부에 h1을 생성해주고 그 안에 Grab me!라고 적은 코드로 바꿔보자. 그리고 모든 태그를 console창에 띄우는 코드를 입력해보면 이렇게 만 하나 들어있는 array가 나왔다. 즉, getElementsByTagName()을 통하여 div, section, button 같은 다양한 태그들을 불러올 수 있다. 가장 현명하게 element를 가져오는 방법은(주관적) querySelct.. 2022. 1. 31.
Git 사용법 이전에 commit한 내용으로 돌아가고 싶을 때 1. commit을 완료했을 때 나오는 일련번호의 앞 여섯자리를 복사한 다음 git reset 일련번호6자리 --hard 를 입력한다. → 파일이 과거 상태로 돌아감 ※ 이 방법을 사용하면 이전으로 되돌린 후, 나중에 작업했던 내용으로 되돌릴 수 없다는 단점이 있다.(파괴적임) ex) 1910년대 역사 공부를 마치고 1920년대 역사 공부를 하다가 문제 풀이를 위해 다시 1910년대 공부를 복습했더니 1920년대를 공부했던 내용이 기억나지 않음ㅠㅡㅠ 2. 돌아갈 시점이 아닌 취소할 시점(가장 최근의 것)을 찾아서 git revert 일련번호6자리 를 입력하면 새 커밋 메세지를 작성하는 창이 뜨는데, 그대로 저장하겠다는 vi 명령어인 :wq 를 입력한다. →.. 2022. 1. 30.