Skip to content

Instantly share code, notes, and snippets.

View easylogic's full-sized avatar
😀
happy coding

jinho park easylogic

😀
happy coding
575 followers · 2.3k following
View GitHub Profile
@easylogic
easylogic / model-sample-with-geometry.json
Last active February 5, 2024 04:27
model sample
{
"type": "FRAME",
"name": "Comprehensive Machine Health Sensors Dashboard",
"x": 0,
"y": 0,
"width": 1920,
"height": 1080,
"minWidth": 1600,
"maxWidth": 2560,
"minHeight": 900,
@easylogic
easylogic / sample.md
Last active January 17, 2024 12:20
test

accordion token

export const accordion = {
  root: {
    borderColor: { value: '{colors.gray.1000}' },
    paddingInline: { value: '{spacing.2}' },
    paddingBlock: { value: '{spacing.2}' },
    borderRadius: { value: '{radii.sm}' },
  },
@easylogic
easylogic / salang.md
Last active December 19, 2023 03:39
stylish language - CSS and Language - SaLang - 사랑( korean language)

사랑(SaLang - Stylish CSS based Language)

salang is css based language.

please show below code

span.MyComponent {
    // properties 
    --background-color: yellow;
@easylogic
easylogic / refactoring-sapa.md
Last active October 9, 2022 15:07
Refactoring sapa

Sapa 의 몇가지 문제점(?)들을 다시 생각해본다.

  1. multi root elements

Sapa 는 기본적으로 컴포넌트 기반으로 설계가 되어 있기 때문에 컴포넌트는 하나의 element 를 root 를 가질 수 있다. multi elements 가 될려면 fragment 로 감싸야 하는다.

  1. fragment

vnode 를 처음 생성해서 dom 을 만들때는 괜찮지만 update 할 때가 문제다.

@easylogic
easylogic / summernote-lite.md
Last active September 28, 2022 11:09
Summernote Lite 분리 시작

몇가지 원칙을 정해보자.

  1. summernote-core 는 순수하게 core만 가지고 동작할 수 있다. (다른 UI 도움없이 동작한다.)
  2. 편집화면만 존재한다.
  3. 개별 UI 에 대해서는 인터페이스를 제공하고 각 UI 프레임워크는 그에 맞게 구현한다.
  4. 인터페이스는 UI 모듈로 대체되고 UI 모듈을 구현한 곳에서만 작동한다.
  5. UI 모듈은 core 기본 속성으로 들어가되 UI 가 정의되지 않으면 동작하지 않는다.

외부에서 Reanderer 추가 하는 방식

@easylogic
easylogic / css-language-architecture.md
Created March 1, 2022 17:09
css language architecture

CL - CSS Language

.A {  // class A 

  // initialize 
  
  // private
   --value: 10;
@easylogic
easylogic / perf.md
Last active January 5, 2022 01:30
성능 어디까지 가봤니? 
jui.define("util.math", [ "util.base" ], function(_) {



	function matrix3d(a, b, m) {
		m = m || new Float32Array(4);

		var a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3];
		var b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3];
@easylogic
easylogic / yorkie-easylogic-editor.md
Last active December 23, 2021 02:58
yorkie-easylogic-editor

Yorkie 와 easylogic editor 의 모델링 연구

EasyLogic Editor Model

  • 자체 모델링
  • Item 기반 객체의 계층 구조
    • project -> artboard -> children -> item component
    • 하나의 객체에 속성이 많음
    • 객체는 순수 데이타가 아니라 연산을 위한 여러가지 메소드들도 같이 있음.
    • 그렇기 때문에 요키랑 1:1 맵핑은 불가능
  • 아니면 그냥 순수하게 데이타 구조를 맞춰야 하나 고민해봐야할 듯 ... .
@easylogic
easylogic / mini-editor-system.md
Last active December 8, 2021 01:12
mini editor 등록 시스템

특정 컴포넌트 또는 특정 설정에 대한 여러가지 값을 json 형태로 에디터를 바로 만들어서 사용하는 개념

inspector 에 추가 하는 방법

itemType 에 따라 수정되어야 하는 속성에 대해서 json 형태로 나열해주면 리턴을 json 형태로 동일하게 해준다.

    editor.registerInspector('polygon', (item) => {
        return [
            {
@easylogic
easylogic / editor-context.md
Created November 19, 2021 11:57
storage 저장 config 분리

저장 하는 config 와 아닌 것을 구분해야함

방법은 config 와 똑같이 하고 config 에 선언이 안되어 있거나. storage : none 옵션이 있는 애들은 저장을 안하는걸로 해야할 듯

그게 맞는듯