하얀나다의블로그

싱글톤 패턴

하얀나다 — Tue, 6 Apr 2021 02:04:25 +0900

어떠한 객체가 유일하게 존재 할때 사용 하는것.

JDBC Connection, Login 정보 등 1개의 정보로 공유 해야하는것에 사용

1. 자기 자신을 객체로 가지고 있어야 하며

2. 기본생성자를 가지고 생성 하는 행위를 막아야함

3. static 메소드를 통해 getInstance() 메소드를 제공해야함.

public class LoginUser {

    // 1.자기자신을 객체로 가지고 있어야 하고
    private static LoginUser loginUser = null;
    // 2. 생성자를 가지고 생성 하는 행위를 막아야함
    private LoginUser (){

    }
    // 3.static 메소드를 통해 getInstance() 인스턴스 메소드를 제공해야함
    public static LoginUser getInstance(){

        if(loginUser == null){
            loginUser = new LoginUser();
        }

        return loginUser;
    }
}

위의 LoginUser Class는 유일 하게 존재함

이를 사용하고자 하면

LoginUser a = new LoginUser()

가 아닌

private LoginUser loginUser;

public APage(){
    this.loginUser = LoginUser.getInstance();
}

public LoginUser getLoginUser(){
    return this.loginUser;
}

위와 같이 getInstance 라는 인스턴스 메소드로 불러 와야함

한번 로그인이 되면 같은 유저 정보를 계속 봐야지 유정정보가 필요할때마다 다시 로그인 하진 않음.

만약 해당 정보를 Main.java 에서 실행하고 싶다면

APage aPage = new APage();
LoginUser aLoginUser = aPage.getLoginUser();

Javascript es6 destructuring assignment

하얀나다 — Thu, 10 Dec 2020 00:00:45 +0900

비구조화 할당, 구조분해, destructuring assignment

객체를 만들어쓸때 아래와 같이 만드는게 기본이였는데

const dog = {
  name: "Gaja",
  age: 5
};

function print(what) {
  const text = `우리집 강아지이름은 ${what.name}이고 나이는 ${what.age}살 입니다!`;
  console.log(text);
}

print(dog);

es6 에서는 다음과 같이 사용가능

const dog = {
  name: "Gaja",
  age: 5
};
function print(what) {
  const { name, age } = what;
  const text = `우리집 강아지이름은 ${name}이고 나이는 ${age}살 입니다!`;
  console.log(text);
}
print(dog);

이거를 다시 아래 처럼 사용가능

const dog = {
  name: "Gaja",
  age: 5
};
function print({ name, age }) {
  const text = `우리집 강아지이름은 ${name}이고 나이는 ${age}살 입니다!`;
  console.log(text);
}
print(dog);

Javascript es6 Template Literal

하얀나다 — Wed, 9 Dec 2020 01:22:19 +0900

es6부터 템플릿 리터럴 표기법을 도입

const name = '아무개'
const str = '내 이름은 ' + name + '입니다.'

를

const name = '아무개'
const str = `내 이름은 ${name}입니다.`

로 표기 할수 있다.

JavaScript es6 Arrow function

하얀나다 — Wed, 9 Dec 2020 01:16:29 +0900

기존에 만들었던 function

function sum(a, b) {
    return a + b
}

es6 Arrow Function 등장으로 아래와 같이 만들수있음

const sum = (a, b) => {
    return a + b
}

별다른 로직없이 return 만 있을 경우 아래와 같이 줄일수있음

const sum = (a, b) => a + b

Puppeteer를 이용한 크롤링(Crawling) - HTML파싱

하얀나다 — Mon, 9 Mar 2020 00:41:24 +0900

이제 파싱을 해보자.

우선 따라쳐라.

const puppeteer = require("puppeteer");

const main = async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto(
    "https://sports.news.naver.com/kbaseball/record/index.nhn?category=kbo",
    { waitUntil: "networkidle2" }
  );
  await page.waitFor(5000);

  const teamRank = await page.waitFor(
  //id는# class는. 다 알잖아요
    "tbody#regularTeamRecordList_table>tr:nth-child(1)>td.tm>div>span"
  );
  const txtTeamRank = await page.evaluate(
    teamRank => teamRank.textContent,
    teamRank
  );

  console.log("1등 팀은 : ", txtTeamRank);

  await browser.close();
};
main();

이런식으로 파싱 해올수 있다.

Puppeteer를 이용한 크롤링(Crawling) - HTML

하얀나다 — Mon, 9 Mar 2020 00:13:40 +0900

크롤링의 진정한 목적은 HTML 파싱이 아니겠는가.

일단 HTML을 한번 받아와 보자.

일단 쳐라.

const puppeteer = require("puppeteer");
const fs = require("fs");

const main = async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto(
    "https://sports.news.naver.com/kbaseball/record/index.nhn?category=kbo",
    //wait옵션을 지정해줄수 있다.
    { waitUntil: "networkidle2" }
  );
  //일단 5초간 대기
  await page.waitFor(5000);
  const html = await page.content();
  //역시 Screenshot과 마찬가지로 현재 폴드의 KBO.html 로 저장 하였다.
  fs.writeFileSync("KBO.html", html);
  await browser.close();
};
main();

내가 좋아하는 야구의 순위를 확인 하기 위한 페이지를 가져와 보았다.

우선 오늘은 페이지를 가져 오는 정도에서 만족하고 다음에 하부 파싱 하는걸 작성하겠다.

아래는 waitUntil 의 옵션이다.

(출처 : http://magic.wickedmiso.com/138)

옵 션	설 명
load	· load 이벤트가 시작되면 탐색이 완료되는 것으로 간주한다.
docntentload	· HTML 문서가 완전히 로드 및 파싱되었을 경우(DOMContentLoaded 이벤트) 탐색이 완료되는 것으로 간주한다.
networkidle0	· 최소한 500ms 동안 네트워크 연결이 0개 이상 없을때 탐색이 완료되는 것으로 간주한다.
networkidle2	· 최소한 500ms 동안 두 개 이상의 네트워 연결이 없을 때 탐색이 완료되는 것으로 간주한다.

Puppeteer를 이용한 크롤링(Crawling) - 스크린샷

하얀나다 — Mon, 9 Mar 2020 00:03:52 +0900

먼저 스크린샷을 한번 찍어보자.

쉽다. 일단 따라 쳐라.

const puppeteer = require("puppeteer");

const main = async () => {
  //브라우저를 오픈하고
  const browser = await puppeteer.launch();
  //페이지를 만든다
  const page = await browser.newPage();
  //페이지를 원하는 페이지로 오픈하고
  await page.goto("https://devjisu.tistory.com");
  //스크린샷을 찍는데 주소는 현재 위치의 screenshot.png라는 파일로 저장
  await page.screenshot({ path: "screenshot.png" });
  //끝났으면 브라우저 종료
  await browser.close();
};

main();

생각 보다 편해 보였다.

브라우저를 오픈하고 페이지를 만들고 원하는 페이지를 오픈 후 스크린샷 을 찍고 메모리 누수 방지를 위해 브라우저 종료.

이 순서만 잘 기억 하면 따로 외우지 않더라도 쉽게 할 수 있을듯 하다.

Puppeteer를 이용한 크롤링(Crawling)

하얀나다 — Sun, 8 Mar 2020 23:58:30 +0900

오늘은 노드를 이용한 크롤링을 정리 하기 위해 내용을 남긴다.

공부는 크롬 개발자들이 만든 퍼펫티어(Puppeteer)를 이용하여 공부 했다.

장점은 크롬이 가능한거라면 다 가능 하다고 하는데...

아직 스크린샷, html 소스 받아오기 밖에 해보지 않아 잘 모르겠다.

공식 사이트는

https://github.com/puppeteer/puppeteer

요기 들어가서 확인 하면 된다.

아래 Getting Started 에 있는

npm i puppeteer
# or "yarn add puppeteer"

를 참고 하여 다운로드 하면 된다.

Mac에서 배치파일 만들기

하얀나다 — Wed, 12 Feb 2020 00:50:38 +0900

앞에서 말한 방법은 바로 배치 파일을 만들어 버리는것이다.

새파일을 만든 후

#!/bin/bash

를 그대로 작성 해준다.

bash shell 을 사용하겠다는 말이다.

그런뒤 자신이 사용할 명령어를 작성해준다.

mongod --config /usr/local/etc/mongod.conf

이렇게 하면 서버 동작을 하게 만들어준다.

이렇게만 한다고 배치파일이 등록 되지는 않는다.

cmd 창으로 이동하여

chmod +x [bash script 파일명]

로 사용권한을 주게 된다면 배치 파일이 완성된다.

이제 이렇게 만든 파일을 실행 해주면 정상적으로 실행이 된다.

하지만 종료가 되지 않는다.

종료하려면 활성 상태 보기에서 종료를 해줘야한다.

만약 방법을 찾게 된다면 여기에 공유 하겠다.

여튼 저방법으로 서버가 실행되도록 하면

mongo

이파일도 저장하여 배치 파일을 만들어준다.

Mac 에서 Brew를 이용하여 mongoDB설치 하기

하얀나다 — Wed, 12 Feb 2020 00:42:15 +0900

1. 앞선 방법역시 실패 하여 고민인 나를 위한 저장.

우선

brew tap mongodb/brew

brew install mongodb-community@4.2

따라 작성하라.

그러면 설치 완료..

한가지 단점은 실행시 아래의 명령어를 써야한다는거..

mongod 대신하여 아래와 같이 길게 작성 해야한다.

mongod --config /usr/local/etc/mongod.co

이것을 대신하기 위한 방법은 다음 포스트에 작성 할 예정