반응형 프로그래밍/JavaScript7 네이버, 다음 뉴스 댓글 한번에 삭제하기 네이버나 다음 뉴스는 댓글을 달고 나서 한번에 지우는 기능이 없다. 꽤 열심히 활동한 분이시라면 본인의 기록을 지우는 것에 부담을 느낄 수도 있는데, 간단한 코드를 작성해 보았다. 각 서비스에서 본인의 댓글 기록을 열고 브라우저에서 F12를 눌러 개발자 도구를 켠 후 'Console' 또는 '콘솔' 탭에서 아래 코드 중 서비스에 맞는 코드를 복사 - 붙여넣기한다. 네이버 let commentList = []; window.confirm = () => { console.log('OK'); return true; } const getCommentList = () => commentList = [...document.querySelectorAll('#cbox_module_wai_u_cbox_content_wr.. 2021. 10. 8. 자바스크립트 MERN 스택으로 만든 게시판 오늘도 내가 만든 것 중 하나를 소개해 볼까 한다. 이번에는 게시판이다. 요즘 뜨고 있는 Mongodb + Express.js + React.js + Node.js 스택으로 만들었다. 모든 개발이 한 언어로 통일되기 때문에 개발에 편리하다. 특히 리액트는 처음 써보는거라 많이 헤맸던 것 같기도 하다. 사진을 다 찍기에는 기능이 너무 많아서 영상으로 만들었다. https://www.youtube.com/watch?v=TeF_30kJZAw&t=5s 기능은 간단하게 회원가입, 로그인, 글 작성 / 수정 / 삭제, 댓글 작성 / 삭제, 추천 / 비추천이다. https://github.com/dlcjsdltlq/simple-board GitHub - dlcjsdltlq/simple-board Contribute .. 2021. 10. 8. 웹브라우저 콘솔에 이미지 표시하기, CSS로 요소 꾸미기 이번에는 간단한 팁이다. 도움이 될 수도 있고 도움이 안될 수도 있다. 페이스북 같은 경우 콘솔을 보면 다음과 같이 뜬다. 페이스북 외에도 다양한 서비스에서 이렇게 콘솔에 스타일된 정보를 표시한 경우가 많은데, 브라우저에서 콘솔 텍스트를 CSS로 꾸밀 수 있는 방법을 제공하기 때문이다. 이미지 표시도 이를 이용한 일종의 트릭에 가깝다. 미리 스타일을 작성하고 포매팅으로 집어넣어주면 쉽게 텍스트를 꾸밀 수 있다. 이미지는 이렇게 넣을 수 있다. 일종의 편법이긴 하지만 문제는 없다. 코드는 https://gist.github.com/dlcjsdltlq/f079687dc6799ba7dae1924f23c93281 console-styled-log.js GitHub Gist: instantly share code.. 2021. 10. 7. 이전 1 2 다음 반응형
