ong-ar-sis

[ong-ar-sis]

oracle session date format

현재 세션에서 date format 을 지정해주고 싶을 때 사용하시면 됩니다.

yyyy-mm-dd hh24:mi:ss 수정하시면 됩니다.

alter session set nls_date_format='yyyy-mm-dd hh24:mi:ss'

#oracle #session #date #format

[ong-ar-sis]

nuxt 에서 autoprefixer 설정하기

nuxt.config.js 파일을 수정합니다.

기본 사용법

module.exports = { build: { postcss: [ require('postcss-nested')(), require('postcss-responsive-type')(), require('postcss-hexrgba')(), ] } }

autoprefixer 적용 예시

postcss: [ require('autoprefixer')({ browsers: ['>1%', 'last 4 versions', 'Firefox ESR', 'not ie < 9'], flexbox: 'no-2009' }) ]

#vue #nuxt #postcss #autoprefixer

[ong-ar-sis]

nuxt 에서 sass 사용하기

vue-loader 덕분에 모듈만 설치하면 바로 사용할 수 있습니다.

관련 모듈 설치

npm install --save-dev [email protected] pug-loader coffeescript coffee-loader node-sass sass-loader

사용 방법

pages/index.vue 편집

<template lang="pug"> h1.red Hello {{ name }}! </template><script lang="coffee"> module.exports = data: -> { name: 'World' } </script><style lang="sass"> .red color: red </style>

#vue #nuxt #sass #scss #coffeescript #pug

[ong-ar-sis]

git command

Git?

Git 은 프로그램 등의 소스 코드 관리를 위한 분산 버전 관리 시스템이다.

자주 쓰는 명령어

사용자명/이메일 구성

# 전역 git config --global user.name "name" git config --global user.email "email" # 저장소별 git config user.name "name" git config user.email "email"

설정 정보 조회

# 전역 git config --global --list # 저장소별 git config --list

저장소 초기화

git init

저장소 복제

git clone [url]

새로운 원격 저장소 추가

git remote add [url]

파일 추가 & 커밋

git add . git commit -m "[메세지]"

브랜치 정보 조회

# 지역 브랜치 목록 git branch # 원격 브랜치 목록 git branch -r # 모든 브랜치 목록 git branch -a

브랜치 생성/삭제/변경

# 브랜치 생성 git checkout -b [브랜치이름] # 브랜치 변경 git checkout [브랜치이름] git push origin [브랜치이름] # 브랜치 삭제 git branch -d [브랜치이름] git push origin :[브랜치이름]

브랜치 병합

git merge [브랜치 이름]

fetch / pull

git fetch # only fetch git pull # fetch + merch

태그 정보 조회

git tag git show [태그이름]

태그 추가/삭제

# 추가 # Lightweight git tag [태그이름] git tag # Annotated git tag -a [태그이름] -m [메세지] git push origin --tags git push origin [태그이름] # 삭제 git tag -d [태그이름] git push origin :[태그이름]

#git #command #branch #tag #push #fetch #pull

[ong-ar-sis]

redash on docker

Redash?

데이터베이스에 접속하여, 데이터들을 쉽게 시각화 해주는 툴입니다. grafana 와 비슷하다고 생각하시면 됩니다. 이것을 선택하게 된 이유는 grafana 와 다르게 오라클을 지원합니다.

특징

1. Query

브라우저 내에서 바로 쿼리하여 데이터들을 가져옵니다.

2. Visualize

쿼리한 데이터들을 시각화 할 수 있습니다.

3. Share

시각화한 데이터들을 공유할 수 있습니다.

설치 방법

설치 스크립트가 우분투 기준으로 작성되어있어서 우분투 이외의 운영체제에서는 설치하는 게 번거로울 수 있습니다. 그래서 저는 Docker 와 Docker-compose 를 이용하여 몇개의 명령어가 없이 설치하는 방법을 알려드리겠습니다.

0. requirements

docker

docker-compose

1. docker-compose script

redash 에 필요한 이미지와 설정들을 적어둔 파일입니다. 이 파일과 docker-compose 명령 몇 줄로 서버에 구축할 수 있습니다.

https://github.com/getredash/redash/blob/master/docker-compose.production.yml

version: '2' services: server: image: redash/redash:latest command: server depends_on: - postgres - redis ports: - "5000:5000" environment: PYTHONUNBUFFERED: 0 REDASH_LOG_LEVEL: "INFO" REDASH_REDIS_URL: "redis://redis:6379/0" REDASH_DATABASE_URL: "postgresql://postgres@postgres/postgres" REDASH_COOKIE_SECRET: veryverysecret REDASH_WEB_WORKERS: 4 restart: always worker: image: redash/redash:latest command: scheduler environment: PYTHONUNBUFFERED: 0 REDASH_LOG_LEVEL: "INFO" REDASH_REDIS_URL: "redis://redis:6379/0" REDASH_DATABASE_URL: "postgresql://postgres@postgres/postgres" QUEUES: "queries,scheduled_queries,celery" WORKERS_COUNT: 2 restart: always redis: image: redis:3.0-alpine restart: always postgres: image: postgres:9.5.6-alpine # volumes: # - /opt/postgres-data:/var/lib/postgresql/data restart: always nginx: image: redash/nginx:latest ports: - "80:80" depends_on: - server links: - server:redash restart: always

위 소스를 [filename].yml 으로 자유롭게 저장합니다.

2. commands

# docker-compose -f [filename].yml up

위 명령어 실행하면 database, table 을 찾지 못한다는 오류 로그를 볼 것입니다. 마이그레이션이 진행되지 않아서 그렇습니다.

container 가 실행 된 상태로 두고 터미널을 새로 열어 아래 명령어를 치면 마이그레이션이 진행됩니다.

# docker-compose -f [filename].yml run --rm server create_db

3. connect

local 에서 작업하셨다면 http://localhost, 클라우드나 vps 에서 작업하셨다면 http://ip 또는 http://domain 으로 접근하시면 됩니다.

참고

메일 세팅은 아래 스크립트 참고하세요.

version: '2' services: server: image: redash/redash:latest command: server depends_on: - postgres - redis ports: - "5000:5000" environment: PYTHONUNBUFFERED: 0 REDASH_LOG_LEVEL: "INFO" REDASH_REDIS_URL: "redis://redis:6379/0" REDASH_DATABASE_URL: "postgresql://postgres@postgres/postgres" REDASH_COOKIE_SECRET: veryverysecret REDASH_WEB_WORKERS: 4 REDASH_MAIL_SERVER: "" # default: localhost REDASH_MAIL_PORT: 2525 # default: 25 REDASH_MAIL_USE_TLS: "" # default: false REDASH_MAIL_USE_SSL: "" # default: false REDASH_MAIL_USERNAME: "" # default: "" REDASH_MAIL_PASSWORD: "" # default: "" REDASH_MAIL_DEFAULT_SENDER: "" # default: "" REDASH_HOST: "" # default: "" # 위 내용 채워주세요. restart: always worker: image: redash/redash:latest command: scheduler environment: PYTHONUNBUFFERED: 0 REDASH_LOG_LEVEL: "INFO" REDASH_REDIS_URL: "redis://redis:6379/0" REDASH_DATABASE_URL: "postgresql://postgres@postgres/postgres" REDASH_MAIL_SERVER: "" # default: localhost REDASH_MAIL_PORT: 2525 # default: 25 REDASH_MAIL_USE_TLS: "" # default: false REDASH_MAIL_USE_SSL: "" # default: false REDASH_MAIL_USERNAME: "" # default: "" REDASH_MAIL_PASSWORD: "" # default: "" REDASH_MAIL_DEFAULT_SENDER: "" # default: "" REDASH_HOST: "" # default: "" # 위 내용 채워주세요. QUEUES: "queries,scheduled_queries,celery" WORKERS_COUNT: 2 restart: always redis: image: redis:3.0-alpine restart: always postgres: image: postgres:9.5.6-alpine restart: always nginx: image: redash/nginx:latest ports: - "80:80" depends_on: - server links: - server:redash restart: always

LDAP 설정은 아래 환경 변수 추가

LDAP_LOGIN_ENABLED: "false" LDAP_HOST_URL: "" LDAP_BIND_DN: "" LDAP_BIND_DN_PASSWORD: "" LDAP_DISPLAY_NAME_KEY: "" LDAP_EMAIL_KEY: "" LDAP_CUSTOM_USERNAME_PROMPT: "" LDAP_SEARCH_TEMPLATE: "" LDAP_SEARCH_DN: ""

오라클 지원

https://github.com/ong-ar/redash

오라클 지원되는 script

version: '2' services: server: image: ongar/redash:1.0 # volumes: # - /path/on/host:/app/redash/query_runner command: server depends_on: - postgres - redis ports: - "5000:5000" environment: PYTHONUNBUFFERED: 0 REDASH_LOG_LEVEL: "INFO" REDASH_REDIS_URL: "redis://redis:6379/0" REDASH_DATABASE_URL: "postgresql://postgres@postgres/postgres" REDASH_COOKIE_SECRET: veryverysecret REDASH_WEB_WORKERS: 4 restart: always worker: image: ongar/redash:1.0 # volumes: # - /path/on/host:/app/redash/query_runner command: scheduler environment: PYTHONUNBUFFERED: 0 REDASH_LOG_LEVEL: "INFO" REDASH_REDIS_URL: "redis://redis:6379/0" REDASH_DATABASE_URL: "postgresql://postgres@postgres/postgres" QUEUES: "queries,scheduled_queries,celery" WORKERS_COUNT: 2 restart: always redis: image: redis:3.0-alpine restart: always postgres: image: postgres:9.5.6-alpine # volumes: # - /opt/postgres-data:/var/lib/postgresql/data restart: always nginx: image: redash/nginx:latest ports: - "80:80" depends_on: - server links: - server:redash restart: always

#redash #docker #docker-compose #oracle

[ong-ar-sis]

Docker

도커(Docker)?

컨테이너 기반의 오픈 소스 가상화 플랫폼입니다.

컨테이너(Container)?

컨테이너는 격리된 공간에서 프로세스가 동작하는 기술입니다. 실행 된 이미지(image)라고 할 수도 있습니다.

VM

VMware, VirtualBox 를 생각하시면 됩니다.

VM vs Docker

이미지(Image)

컨테이너 실행에 필요한 파일과 설정 값등을 포함하고 있는 것이라고 생각하시면 됩니다. 예를 들어 Ubuntu 이미지에는 ubuntu를 실행하기 위한 파일과 설정 값을 가지고 있다고 생각하시면 됩니다. Ubuntu 이미지를 이용해서 컨테이너 실행 합니다. 이때 컨테이너가 삭제되더라도 이미지는 삭제 되지 않습니다. 각종 이미지는 https://hub.docker.com 에서 검색할 수 있습니다.

이미지(Image) 와 컨테이너(Container)

설치

install docker

install docker compose

자주쓰는 명령어

1. 이미지 받기(pull)

# docker pull [image] # docker pull ubuntu:latest

2. 이미지 삭제(rmi)

# docker rmi [image] # docker rmi ubuntu:latest

3. 이미지 목록(images)

# docker images

4. 컨테이너 생성(run)

# docker run -i -t --name hello ubuntu /bin/bash

옵션

-i (interactive), -t (Pseudo-tty) : bash 셸에 입력 및 출력

--name : 컨테이너 이름 지정

5. 컨테이너 목록(ps)

# docker ps -a

옵션

-a : 컨테이너 전체 목록 출력

6. 컨테이너 시작(start), 재시작(restart), 정지(stop)

# docker start hello # docker restart hello # docker stop hello

7. 컨테이너 접속(attach)

# docker attach hello

참고: ctrl+p, ctrl+q 차례로 입력하면 컨테이너 정지없이 컨테이너 벗어날 수 있습니다.

8. 컨테이너 내 명령 실행(exec)

# docker exec hello echo "hello world"

9. 컨테이너 삭제(rm)

# docker rm hello

10. docker-compose

# docker-compose -f [file_name].yml start # docker-compose -f [file_name].yml stop # docker-compose -f [file_name].yml up #컨테이너 생성 & start # docker-compose -f [file_name].yml down #컨테이너 제거 & stop

#docker #docker-compose #image #container #vm #installation #command

[ong-ar-sis]

Google Adsense

구글 애드센스?

블로그를 보면 포스트 사이사이 광고를 본 적이 있을 것 입니다.

구글에서 주는 광고를 블로그나 홈페이지에 게재하고 노출에 따라 수익을 얻는 것입니다.

적용 방법

1. 구글 애드센스 가입

https://www.google.co.kr/adsense

절차에 따라 가입을 하면 됩니다.

2. 코드 삽입

위와 같이 소스를 삽입하라는 문구가 있습니다.

<head> ... </head>

요청대로 주어진 소스를 넣으면 됩니다.

tumblr 인 경우 html 편집기를 이용해서 수정하면 됩니다.

3. 추후 업데이트

#google #adsense #tumblr

[ong-ar-sis]

favicon to tumblr

Upload Image

Add favicon

<link rel="shortcut icon" href="//:FaviconURL">

Result

Modify

#tumblr #favicon

[ong-ar-sis]

highlight.js

highlightjs usage

How to use

Linking and calling

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script>

more styles

Usage

Enable

<pre><code class="html">...</code></pre>

Disable

<pre><code class="nohighlight">...</code></pre>

#syntax #highlight #highlightjs

[ong-ar-sis]

Markdown

What is Markdown?

Markdown is a way to style text on the web.

Syntax guide

Header

# This is an h1 tag ## This is an h2 tag ###### This is an h6 tag

This is an h1 tag

This is an h2 tag

This is an h6 tag

Emphasis

*This text will be italic* _This will also be italic_ **This text will be bold** __This will also be bold__ _You **can** combine them_

This text will be italic This will also be italic This text will be bold This will also be bold You can combine them

Lists

Unordered

* Item 1 * Item 2 * Item 2a * Item 2b

Item 1

Item 2

Item 2a

Item 2b

Ordered

1. Item 1 1. Item 2 1. Item 3 1. Item 3a 1. Item 3b

Item 1

Item 2

Item 3

Item 3a

Item 3b

Images

 Format: 

Links

http://blog.ong-ar.com - blog! [blog!](http://blog.ong-ar.com)

http://blog.ong-ar.com - blog! blog!

Blockquotes

> Hello1 >> Hello2

Hello1

Hello2

Inline code

I think you should use an `<addr>` element here instead.

I think you should use an <addr> element here instead.

Syntax hightlighting

```javascript function fancyAlert(arg) { if(arg) { $.facebox({div:'#foo'}) } } ```

function fancyAlert(arg) { if(arg) { $.facebox({div:'#foo'}) } }

```python def foo(): if not bar: return True ```

def foo(): if not bar: return True

Task Lists

- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported

[x] @mentions, #refs, links, formatting, and tags supported

Tables

First Header | Second Header ------------ | ------------- Content from cell 1 | Content from cell 2 Content in the first column | Content in the second column

First Header Second Header Content from cell 1 Content from cell 2 Content in the first column Content in the second column

#markdown #github #syntax