인터넷 상의 웹 페이지들 대부분은 jQuery를 포함하고 있습니다. 그렇기에 해당 사이트에 방문했을 때, 자바스크립트 콘솔을 열어 다음과 같은 코드를 실행해 볼 수 있습니다:
$("body").text("Mwahahaha");
이 말은 여러분이 jQuery를 사용해서 여러분의 것이 아닌 웹 페이지를 갖고 놀 수 있고, 그 웹 페이지의 HTML이 어떻게 구성되어 있는지 아이디어를 얻을 수 있다는 뜻입니다.
예를 들어, Twitter 에 가면 모든 이미지를 심술맞은 고양이 이미지로 대체할 수 있습니다:
$("img").attr("src", "https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg");
이제 칸아카데미 계정이 얼마나 멋지게 보이는지 한번 보세요!
어떤 것이 여러분이 가장 좋아하는 웹 사이트인가요? (코드의 첫번째 줄을 테스트하는 방법으로) jQuery가 포함된 웹 사이트를 찾아보고 그것을 변경할 수 있는 재밌는 방법을 찾아보세요. 몇 웹 사이트들은 리소스를 내부로 들여오는 것을 제한하기도 하기에, 좀 더 창의적으로 생각해볼 필요가 있습니다. 예를 들면, 트위터는 오직 트위터로부터 나오는 이미지만을 허용하기에, 저는 twitter.com에 있는 고양이 이미지를 찾아냈습니다.
웹 페이지를 바꿔 본 코드들을 아래의 조언/감사에 공유해 주세요. 웹을 더 아름다운(또는 고양이 스러운) 곳으로 만들어 봅시다!