Skip to content

Instantly share code, notes, and snippets.

@kiyeon
kiyeon / jquery-init.js
Created Mar 17, 2018
안전한 jQuery 영역 만들기
View jquery-init.js
// '$'를 사용하는 다른 라이브러리와의 충돌을 피하기위해 IIFE를 사용할 수 있다.
// 익명함수라도 "jQueryScope"처럼 명시하는것이 권장된다. 코드를 쉽게 이해할 수 있도록 돕기위한 용도이며 선택은 자유다.
(function jQueryScope($) {
// DOM 로딩 후 스크립트를 실행한다는 의미다. 렌더링중 스크립트가 같이 실행되면 아직 생성되지 않은 element에 접근하여 스크립트가 올바로 실행되지 않는것을 방지하기 위함이다.
$(document).ready(function() {
});
// 위 코드의 단축형이다.
$(function() {
@kiyeon
kiyeon / MyModules.js
Last active Mar 10, 2018
간단한 모듈 의존성 로더 매니져(클로저, 모듈 샘플 코드)
View MyModules.js
var MyModules = (function ModuleManager() {
var modules = {};
return {
define: function(name, deps, impl) {
if (arguments.length === 3) {
for (var i=0; i<deps.length; i++) { deps[i] = modules[deps[i]]; }
modules[name] = impl.apply(impl, deps);
} else {
modules[name] = deps();
}
@kiyeon
kiyeon / kiyeon.scss
Last active Mar 30, 2017
kiyeon's sass
View kiyeon.scss
@function _px2($px, $unit) {
$BROWSER_FONTSIZE: 16px;
@if (unitless($px)) { $px: $px * 1px; }
@if (unitless($BROWSER_FONTSIZE)) { $BROWSER_FONTSIZE: $BROWSER_FONTSIZE * 1px; }
@return $px / $BROWSER_FONTSIZE * $unit;
}
@function rem($px) {
@kiyeon
kiyeon / html5-01.html
Last active Feb 20, 2017
HTML5 Template
View html5-01.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>