Park Jong-Hun (jongpak) jongpak

## folder_drag.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery UI - nested list exclusive drag/drop</title>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
    $(function() {

## underscore_template.html
<!DOCTYPE html>
<html>
<head>
<script src="//underscorejs.org/underscore-min.js"></script>
<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<meta charset=utf-8 />
<title>underscore.js template</title>
</head>
<body>
    <h1>Underscore.js template example</h1>

## what-forces-layout.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jongpak
                / what-forces-layout.md
            
            
              Created
              July 8, 2018 05:30
                — forked from paulirish/what-forces-layout.md
            
              
                What forces layout/reflow. The comprehensive list.
              
          
    What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Element

Box metrics


elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()


## puppeteer-single-browser-multiple-context.js
const Puppeteer = require('puppeteer');

(async function() {
    // run chromium
    const browser = await Puppeteer.launch({
        headless: false,
        defaultViewport: {
            isMobile: true,
            width: 375,
            height: 768,

## SimpleStack.js
class SimpleStack {
    constructor() {
        this._values = [];
    }

    push(value) {
        this._values[this._values.length] = value;
    }

    pop() {

## table-overflow.html
<html>
  <head>
    <style>
        table {
            display: block;
            width: 250px;
            height: 150px;
            border: 1px solid #aaa;
            overflow: auto;
        }

## hangul-programming-lang.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jongpak
                / hangul-programming-lang.md
            
            
              Last active
              September 22, 2023 13:13
            
              
                hangul-programming-lang
              
          
    프로그래밍 언어 '가나다' 설계

설계 목표와 목적


한글 표기를 사용한 실용적인 한글 프로그래밍 언어

한글을 사용하여 프로그래밍 언어에 대한 진입 장벽을 낮춤
자연어보다는 프로그래밍 언어에 가깝게 함
언어 구문 표현은 '한글' 표기법을 차용하되, 논리적인 표현은 '기호' 표기법을 사용하여 한글과 기호사이의 균형을 이룸


간결하고 과하지 않은 제어구조와 언어설계를 지향

절차지향적 설계
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>jQuery UI - nested list exclusive drag/drop</title>
	<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
	<script>
	$(function() {
	<!DOCTYPE html>
	<html>
	<head>
	<script src="//underscorejs.org/underscore-min.js"></script>
	<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
	<meta charset=utf-8 />
	<title>underscore.js template</title>
	</head>
	<body>
	<h1>Underscore.js template example</h1>
	class SimpleStack {
	constructor() {
	this._values = [];
	}

	push(value) {
	this._values[this._values.length] = value;
	}

	pop() {
	<html>
	<head>
	<style>
	table {
	display: block;
	width: 250px;
	height: 150px;
	border: 1px solid #aaa;
	overflow: auto;
	}