domuk-k

domuk-k

import { parse , preprocess } from 'svelte/compiler';
import sveltePreprocess from 'svelte-preprocess';

import { typescript, scss, globalStyle } from 'svelte-preprocess';

async function parseSvelte(source : string) {
  const preprocessedResult = await preprocess( source, [
    typescript({ 
      "compilerOptions": {
        "moduleResolution": "node",

domuk-k

const spaceHeater = Machine({
  id: 'spaceHeater',
  initial: 'poweredOff',
  states: {
    poweredOff: {
      on: {TOGGLE_POWER: 'poweredOn.hist'},
    },
    poweredOn: {
      on: {TOGGLE_POWER: 'poweredOff'},
      initial: 'low',

domuk-k

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

domuk-k

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.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

domuk-k

Tmux Command

mac 기준으로 Tmux 설치부터 기본적인 명령어를 알아가고자 한다.
Tutorial용으로 참고할만한 블로그는 아래와같다.
Tmux-Part1 Tmux-Part2

Install