Skip to content

Instantly share code, notes, and snippets.

@rhostem
rhostem / jquery-ui-datepicker-ko.js
Last active November 20, 2016 14:15
jquery-ui-datepicker 한글 텍스트 설정
// datepicker 한글 옵션 + 동적으로 추가된 input에 연결
$body.on('focusin', '.datepicker', function() {
$.elCache(this).datepicker({
dateFormat: "yy-mm-dd",
showOtherMonths: true,
selectOtherMonths: true,
closeText: "닫기",
prevText: "이전달",
nextText: "다음달",
currentText: "오늘",
@rhostem
rhostem / getLocaleTimeString.js
Last active December 2, 2016 04:52
getLocaleTimeString.js - 지역 시간대와 형식에 맞는 문자열을 반환
/**
* dateString을 이용해서 지역 시간대와 형식에 맞는 문자열을 반환
* ex) "2016년 5월 12일 오후 7:50:01"
*
* @param {[String]} dateString
* @param {[Number]} timezoneOffset [ -12 ~ 12]
*/
export const getLocaleTimeString = (dateString, timezoneOffset) => {
if (!dateString) {
return '';
@rhostem
rhostem / fileMock.js
Last active April 8, 2017 07:14
Jest 설정. 웹팩을 사용하는 프로젝트의 경우 JS에 포함되는 파일의 mocking이 필요하다
// __mocks__/fileMock.js
module.exports = 'test-file-stub';
@rhostem
rhostem / animation-clockwise.css
Last active November 20, 2016 14:13
animtaion-clockwise.css - 90도씩 딜레이를 주고 회전하는 애니메이션
@keyframes clockwise {
0% { transform: rotate(0); }
10% { transform: rotate(90deg); }
25% { transform: rotate(90deg); }
35% { transform: rotate(180deg); }
50% { transform: rotate(180deg); }
60% { transform: rotate(270deg); }
75% { transform: rotate(270deg); }
@rhostem
rhostem / animation-spin.css
Last active November 20, 2016 14:11
animation-spin.css - 360도 회전 애니메이션
@keyframes spin {
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
}
@rhostem
rhostem / centered.css
Last active November 20, 2016 14:10
centered.css - 박스 중앙 정렬
@define-extend centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@define-extend centered-fixed {
position: fixed;
top: 50%;
@rhostem
rhostem / calcAge.js
Last active April 6, 2017 00:53
calcAge.js - 만 나이 계산
/**
* 생년월일을 기반으로 현재 시점의 만 나이를 계산한다.
* @param {[string]} birthDate [YYYY-MM-DD 형식]
* @param {[type]} calcPointDate [날짜 계산 기준일]
* @return {[number]} [만 나이]
*/
export const calcAge = (birthDate, calcPointDate) => {
if (!isValidDateString(birthDate)) {
return 0;
}
@rhostem
rhostem / bounce.css
Created November 20, 2016 14:13
bounce.css - bounce 효과 애니메이션
@keyframes bounce {
0% { top: 0; }
25% { top: -10px; transform: scale(1.1); }
40% { top: 0; transform: scale(1); }
100% { top: 0; }
}
@rhostem
rhostem / .stylelintrc
Last active November 23, 2016 06:28
stylelint 설정
{
"extends": "stylelint-config-standard",
"rules": {
"at-rule-no-unknown": [ true, {
"ignoreAtRules": [
"define-extend",
"define-mixin",
"extend",
"mixin",
"util",
@rhostem
rhostem / getByteSize.js
Last active October 22, 2023 05:40
getByteSize.js - string byte 크기 계산
/**
* UTF-8 형식 문자열의 바이트 크기 계산
* UTF-8 문자는 1바이트부터 4바이트를 사용하며 범위별로 다른 비트 패턴을 사용한다.
*
* 유니코드 문자를 UTF-8 형식으로 표현할 때
* 7비트로 표현 가능한 U+0000 ~ U+007F 에 해당하는 문자는 1바이트,
* 11비트 표현 가능한 U+0080 ~ U+07FF 에 해당하는 문자는 2바이트,
* 16비트 표현 가능한 U+0800 ~ U+FFFF 에 해당하는 문자는 3바이트,
* 를 각각 사용한다.
* (4바이트로 표현되는 문자는 거의 사용되지 않으므로 무시한다)