- 한글 표기를 사용한 실용적인 한글 프로그래밍 언어
- 한글을 사용하여 프로그래밍 언어에 대한 진입 장벽을 낮춤
- 자연어보다는 프로그래밍 언어에 가깝게 함
- 언어 구문 표현은 '한글' 표기법을 차용하되, 논리적인 표현은 '기호' 표기법을 사용하여 한글과 기호사이의 균형을 이룸
- 간결하고 과하지 않은 제어구조와 언어설계를 지향
- 절차지향적 설계
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<style> | |
table { | |
display: block; | |
width: 250px; | |
height: 150px; | |
border: 1px solid #aaa; | |
overflow: auto; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class SimpleStack { | |
constructor() { | |
this._values = []; | |
} | |
push(value) { | |
this._values[this._values.length] = value; | |
} | |
pop() { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const Puppeteer = require('puppeteer'); | |
(async function() { | |
// run chromium | |
const browser = await Puppeteer.launch({ | |
headless: false, | |
defaultViewport: { | |
isMobile: true, | |
width: 375, | |
height: 768, |
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.
elem.offsetLeft
,elem.offsetTop
,elem.offsetWidth
,elem.offsetHeight
,elem.offsetParent
elem.clientLeft
,elem.clientTop
,elem.clientWidth
,elem.clientHeight
elem.getClientRects()
,elem.getBoundingClientRect()
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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() { |