kiyeon kiyeon

kiyeon / jquery-init.js

Created March 17, 2018 02:33

안전한 jQuery 영역 만들기

	// '$'를 사용하는 다른 라이브러리와의 충돌을 피하기위해 IIFE를 사용할 수 있다.
	// 익명함수라도 "jQueryScope"처럼 명시하는것이 권장된다. 코드를 쉽게 이해할 수 있도록 돕기위한 용도이며 선택은 자유다.
	(function jQueryScope($) {

	// DOM 로딩 후 스크립트를 실행한다는 의미다. 렌더링중 스크립트가 같이 실행되면 아직 생성되지 않은 element에 접근하여 스크립트가 올바로 실행되지 않는것을 방지하기 위함이다.
	$(document).ready(function() {
	});

	// 위 코드의 단축형이다.
	$(function() {

kiyeon / MyModules.js

Last active March 10, 2018 00:56

간단한 모듈 의존성 로더 매니져(클로저, 모듈 샘플 코드)

	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.scss

Last active March 30, 2017 06:56

kiyeon's sass

	@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 / html5-01.html

Last active February 20, 2017 17:10

HTML5 Template