2018년 11월 8일 목요일

Docker로 Django 프로젝트 배포하기

[Deploy] Django 프로젝트 배포하기 - 8. Docker

docker로 django 개발하고 배포하기(+ nginx, gunicorn)

2017년 7월 25일 화요일

Python 예외 처리시 오류 출력 | Python Show Error Messages in Except

Case 1.

try:
    print('1' + 1)
except Exception as e:
    print(e)

Case 2.

import traceback

try:
    print('1' + 1)
except:
    traceback.print_exc()

2017년 7월 16일 일요일

Python 3 string에서 bytes로 변환 | Python 3 Convert string to bytes

string to bytes

data = ""           #string
data = "".encode()  #bytes
data = b""          #bytes

bytes to string

data = b""          #bytes
data = b"".decode() #string
data = str(b"")     #string

Read More

2017년 5월 31일 수요일

디바이스에 따라 Viewport Initial Scale과 Width 바꾸기 | Change Viewport Initial Scale and Width Depending on Device Width.

JavaScript

changeViewportMeta = function() {
  var device_width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
  if (device_width < 375) {
    var initial_scale = device_width / 375;
    return $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale='+initial_scale);
  } else {
    return $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1');
  }
};
$(window).bind('orientationchange', changeViewportMeta);

$(document).ready(function() {
  changeViewportMeta();
}

Read More

2017년 5월 24일 수요일

JavaScript 2차원 배열 뒤집기 | JavaScript Transposing a 2D-array

Input

[
    [1,2,3],
    [1,2,3],
    [1,2,3]
]

Output

[
    [1,1,1],
    [2,2,2],
    [3,3,3]
]

Solution

var newArray = array[0].map(function(col, i) { 
  return array.map(function(row) { 
    return row[i] 
  })
});

Read More

2017년 5월 23일 화요일

bxSlider 3개 이미지 보여주면서 루프 | bxSlider Show 3 images with loop

Stackoverflow - Horizontally centering the active image of a bxSlider carousel with a seamless loop?

Bootstrap 그리드 5 칼럼 | Bootstrap 5 Columns in Grid

CSS

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

HTML

<div class="row">
    <div class="col-md-5ths col-xs-6">
       ...
    </div>
</div>

Read More