728x90 전체 글156 [NodeJs] 네이버 지식인 오토 프로그램 샘플 코드 [feat javascript, selenium-webdriver] 댓글 / 답글 자동 NodeJs / Javascript 를 활용한 네이버 지식인 오토 자동 댓글 / 답글 프로그램 프로그램 구동 로직 1. 네이버 로그인 2. 원하는 키워드 입력 3. 해당 키워드 관련 지식인 탭 내 모든 질문 한개씩 접속 4. 미리 입력한 댓글 자동 입력 후 업로드 5. 다음글에 접속 후 위 3,4 과정 반복 네이버 지식인 하루 댓글 작성 개수가 한정되어있는 것으로 알고 있는데 몇개 까지 달수 있는지에 대해 정확히 몰라서 프로그램 사용자가 직접 원하는 댓글 개수를 입력할수 있도록 만들어 보았다 프로그램 설치 및 사용 방법 위 프로그램은 소스 코드로 제작을 하였기 때문에 소스 코드를 실행할수 있는 환경의 설치 및 실행이 필요하다 Microsoft VSCode 설치 (하단 링크를 통해 공홈 접속 후 자신의 운.. 2021. 5. 12. [NodeJs] 구글 아이디로 로그인 하기 구현 (이메일 등 정보 받아오기) NodeJs 구글 아이디로 로그인 (Login with Google) 기능 구현 feat. Passport npm 패키지 설치 [express, express-session, session-file-store, passport, passport-google-oauth ] //터미널에서 npm 패키지 설치 npm install -s express npm install -s express-session npm install -s session-file-store npm install -s passport npm install -s passport-google-oauth 구글 개발자 도구 웹 페이지에 접속 https://console.cloud.google.com/apis/dashboard Google Clo.. 2021. 5. 8. [NodeJs] 페이스북으로 로그인하기 구현 (이메일 등 정보 받아오기) NodeJs 페이스북 로그인 (Facebook Login) 기능 구현 (PassPort 패키지 활용) npm 패키지 설치 [express, express-session, session-file-store, passport, passport-facebook ] //터미널에서 npm 패키지 설치 npm install -s express npm install -s express-session npm install -s session-file-store npm install -s passport npm install -s passport-facebook 페이스북 개발자 도구 웹 페이지에 접속 https://developers.facebook.com/ 페이스 북 개발자 웹에서 오른쪽 위 내 앱 클릭 다음 페이지에.. 2021. 5. 5. [NodeJs] 사용자 비밀번호 암호화 하기 bcrypt [NodeJs] 사용자 비밀번호 암호화 하여 저장하기 bcrypt nodeJs / javascript 로 구축한 웹서비스에 회원가입 및 로그인 기능을 추가하였을때 클라이언트의 아이디와 비밀번호를 서비스를 위해 데이터베이스에 저장하게 되는데 이때 비밀번호를 암호화 하지 않고 저장하면 안된다. 사용자의 비밀번호가 웹서비스 제공자에게 노출될 위험이 있기 때문이다. 그래서 의무적으로 웹서비스시 사용자 정보를 저장할때는 암호화를 거쳐야 한다. 관련 모듈은 여러가지가 있지만 비교적 구현이 쉬운 bcrypt를 다루어 보겠다. npm bcrypt 설치 //터미널에 입력, npm 설치 npm install bcrypt 간단 샘플코드 //bcrypt 선언 const bcrypt = require('bcrypt'); //해.. 2021. 4. 29. [NodeJs] 간단하게 데이터 베이스 사용하기 lowdb NodeJs 간단하게 데이터 베이스 사용하기 npm lowdb lowdb를 이용하면 간단하게 nodejs환경에서 데이터 베이스의 사용이 가능하다. 사용법 또한 간단하여 json방식으로 sql 언어 없이 쉽게 데이터를 관리할수 있다. 설치하기 npm install lowdb 사용하기 //lowdb 선언 const low = require('lowdb'); //lowdb 동기식으로 관리 const FileSync = require('lowdb/adapters/FileSync'); //동기식으로 관리할 데이터베이스 json 파일 경로 설정 const adapter = new FileSync('db.json'); //lowdb 사용 변수 설정 const db = low(adapter); //json 파일내 테이.. 2021. 4. 27. [Javascript] 자바스크립트 엘리먼트 선택자 querySelector, querySelectorAll, getElementById, getElementsByClassName, getElementsByTagName [Javascript] 자바스크립트 엘리먼트의 선택 1. 아이디로 찾기 : document.getElementById 2. 클래스명으로 찾기 : document.getElementsByClassName 3. 태그명으로 찾기 : document.getElementsByTagName 4. CSS Selector로 찾기 : document.querySelector, document.querySelectorAll 기본 형태 //아이디로 찾기 document.getElementById('아이디'); //클래스명으로 찾기 document.getElementsByClassName('클래스명'); //태그이름으로 찾기 document.getElementsByTagName('태그이름'); //CSS Selector로 찾.. 2021. 4. 27. [NodeJs] Javascript로 엑셀 파일 생성 및 저장 불러오기 NodeJs를 활용하여 Javascript로 엑셀 파일 생성 및 저장 불러오기 javascript로 데이터를 저장할때 xlsx 로 저장을 많이 하게되는데 구현 방법은 아래와 같이 간단하다. 샘플 코드 // Excel Test //로직 흐름 : //엑셀 워크북 생성 -> 엑셀 시트 생성 -> 대표행(타이틀행) 설정 및 입력 -> 데이터 입력 -> 저장 //비동기 함수 생성 async function ExcelTest(){ //엑셀 워크북 생성 및 시트 생성 const workbook = new Excel.Workbook(); const worksheet = workbook.addWorksheet("My Sheet"); //대표행(타이틀행) 설정 및 입력 worksheet.columns = [ {header.. 2021. 4. 24. [CSS] 폰트 밑줄 넣기 / 삭제하기 (생성 / 삭제 ) CSS 폰트 밑줄 생성 삭제 하기 [Text / Font underline Set] 기본 형태 Css Selector { //밑줄 없애기 text-decoration : none; //밑줄 생성하기 text-decoration : underline; } Html 태그내 style 속성을 이용한 직접 입력을 이용하여 밑줄 생성 및 삭제 메모를 메모하다 (a태그) 메모를 메모하다 (p태그) 출력 결과 (적용 전 후 비교) CSS 파일에 Selector를 이용한 밑줄 생성 및 삭제 a { //밑줄 없애기 text-decoration : none; } p { //밑줄 생성하기 text-decoration : underline; } 출력 결과 (적용 전 후 비교) 2021. 4. 23. [NodeJs] Passport 사용 설명 및 예제 NodeJs Express Passport 사용 설명 및 예제 사용 목적 Passport는 로그인 과 같은 사용자 인증을 위해 사용된다. 물론 직접 사용자 인증과 로그인을 구현할수도 있겠지만, 매일 같이 새로 생겨나는 보안 등의 이슈를 감당하기엔 여러 손실이 크기에 전문가들이 작성해놓은 패키지를 차용하고 지속적인 업데이트를 해주는 것도 나쁘지 않다고 생각한다. 기반 스펙 Passport는 Session을 기반으로한다. 사용자 정보를 session에 저장하고 쿠키를 통하여 식별한다. 사용 예제 설명 1. 예제에 필요 npm 설치 2. Passport 코드 설명 3. 예제 코드 내 주석으로 상세 설명 1. npm 설치 (Express, express-session, passport, session-file .. 2021. 4. 23. [CSS] 마우스 클릭 금지, 안되게 막기 및 해제 🤞 CSS 마우스 클릭 금지, 안되게 막기 pointer-events : none; 기본 형태 CSS Selector { //포인터 안되게 막기 : none pointer-events : none; } CSS Selector { //포인터 다시 동작 : auto pointer-events : auto; } 샘플 예제 클릭 영역 클릭 금지 영역 출력 결과 2021. 4. 17. 이전 1 ··· 4 5 6 7 8 9 10 ··· 16 다음 728x90
