루체

현재 홈페이지에 이미지 slide가 몇 초뒤에 넘어가는 자동으로 넘어가는 것과 label을 선택했을 때 해당하는 이미지로 넘어가게 하는 것을 JavaScript로 혼자 이것저것 해보았다. 내 생각으론 label의 for값을 이용해서 이미지의 margin-left를 옮기는 것을 할 수 있을 것 이라고 생각했는데 그것이 아니였다.. 일단 Label의 for값을 가져오는 것에 대한 글이 별로 없어보여서 내가 알아낸 것이라도 써놓으려고 한다 인터넷 상에서는 htmlFor값을 쓰라고 하던데 VSCode를 이용해서 써보려고 했더니 내가 뭘 잘못했는지.. 아님 사라진건지.. 잘 되지않았다.. 그래서 이것저것 뒤적거리다 겨우 발견했다. document뒤에서 label을 가져오는 것은 각각의 코드마다 다르지만 내 코드에..

JavaScript코드를 옮기기 위해서 새파일을 만들어 줍니다 뒤에 확장자명은 .js입니다. 그리고 작성했던 코드들에서 태그를 제외하고 붙여넣어 주세요 그리고 JavaScript를 사용하려고 하는 곳 부분에 아래처럼 추가해주시면 사용을 할 수가 있습니다. 그러면 하나의 파일만 수정해도 이 파일을 공동으로 사용하는 웹페이지 전체에 적용되는 편리함을 얻을 수 있습니다.

객체에는 여러 가지의 데이터를 넣을 수 있습니다. 심지어 함수까지 넣을 수 있습니다. 이것을 한번 해보도록 하겠습니다. 그런데 이렇게 하는 것은 아주 좋은 방법은 아닙니다. 왜냐하면 변수의 이름이 document.write()안에 있기 때문입니다. 변수의 이름이 바뀌게 되면 이 데이터를 가져오지 못하는 현상이 생길 수가 있습니다. 이런 경우에는 어떻게 하면 되냐면 showAll이라는 함수 안에서 함수가 소속된 객체를 가리키는 약속된 기호가 있습니다. 바로 this라는 키워드 입니다. this는 자기 자신을 가리키는 것입니다. 이렇게 작성을 해주시면 똑같은 결과가 나오는 것을 확인하실 수 있습니다. 그리고 또 하나 아쉬운 것은 coworkers안에 showAll이라는 것도 포함이 되는 것이기 때문에 웹페이..

배열과 반복문을 활용하기 위해 검색을 또 먼저 해봅시다. a태그의 폰트색깔을 바꿔주려고 하는 것이기 때문에 모든 a태그를 가져와야 합니다 그런데 여태까지 사용을 했던 querySelector은 하나의 태그만을 가져 오는 것이기 때문에 검색이 필요합니다. javascript get element by css selector multiple 검색을 하고 뒤적거리면 이런 코드가 나오게 됩니다. 그런데 이 코드가 자신이 원하는게 맞는건지 잘 확신이 안되잖아요? 그러면 이 코드도 검색을 해보면 됩니다. javascript querySelectorAll 검색을 한 것을 콘솔창에서 입력을 한번 해봅시다. querySelectorAll은 해당 태그를 모두 가져와 배열 형식으로 가지고 있습니다. 그래서 이것을 변수에 추..