네고king 시즌3의 첫번째 네고는 피자였다.
al볼로는 못 참지... 주문 들어간다 쭊쮺쮸꾸ㅉ꾸ㅉ쭉
.... 역시나 대기 인원 1억명
그런데 누가... 누군가가...! { display: none; }을 이용한 저 접속 대기 중 박스를 없애주는 꿀팁을 알려줌.
너무 감사드리고요.. 사랑합니다...!
피자 시킬 수 있는건 둘째치고 예비 개발자로서 너무 흥미돋는 방법이었다.
element.style 니가 뭔데..?!
일단, 홈페이지에서 접속 대기 박스가 아닌 바깥에 우클릭을 해서 개발자 도구를 열어야 했다.
#wg-ui-wrapper가 홈페이지 전체를 덮는 하나의 div였고, 그 아래 .wg-ui-box, .waiting-info가 저 파란 창인 접속 대기 div였다.
로그인 버튼을 누르려면 저 대기창과 전체를 덮는, 가장 바깥에 있는 div를 없애야 한다.
따라서, 파란 박스 밖에서 우클릭으로 개발자 도구를 연 후에 element.style{}에다 display: none; 스타일을 주면!
▼ 아래와 같이 대기 창이 사라지면서 홈페이지를 마음껏 누릴 수 있게 된다.
element.style은 해당 엘리먼트에게 새로운 스타일을 설정하는 데에 사용하게 된다. element.style을 통해 해당 DOM 노드에 접근하여 직접적으로 스타일을 주입시키는 것이다.
기존에 정의된 style은 모두 지우고 새로 지정해준 속성으로 덮어쓰기 때문에 해당 element의 style 속성에 display : none이라고 직접적으로 스타일을 주입시키는 것이 가능했던 것인가 보다...!
앗녕하세요! 블비의 개적발적🐾