소셜 링크

프로덕트

EasyLogic Gradient Editor

CSS 의 복잡한 Gradient 를 쉽게 만들 수 있는 툴

6

summernote

HTML 위지윅 에디터

4

EasyLogic ColorPicker

어디서나 사용할 수 있는 이지로직 컬러피커입니다. (CodeMirror에서도 사용 할 수도 있어요.)

5

이지로직 스튜디오

CSS/SVG 기반 웹디자인 툴

14

아티클

전체 보기
박진호

박진호

피그마의 기술적 흐름

WebGL 기반 렌더링 엔진 개발 (2013)

커스텀 폰트 렌더링 시스템 개발 (2014)

자체 DOM 구현 (2015)

Vector Networks 기술 도입 (2016)

실시간 협업 기능 (멀티플레이어 기술) 구현 (2016)

컴포넌트 기능 첫 도입 ("Symbols"로 시작, 후에 "Components"로 개편) (2016-2017)

WebAssembly 도입으로 성능 3배 향상 (2017)

Rust 서버 도입으로 서버 성능 개선 (2018)

Styles와 Team Library 기능으로 컴포넌트 시스템 강화 (2018)

LiveGraph 시스템 개발 시작 (2019)

Auto Layout 기능 첫 출시 (2019)

동적 페이지 로딩 기술 도입 (2020)

Component Variants 기능 출시 (2020)

브랜칭 및 머징 기능 추가 (2021)

Component properties 도입 (2022)

LiveGraph 100x 프로젝트 시작 (2022)

새로운 버전의 Auto Layout 출시 (2023)

데이터베이스 샤딩 구현 (2023)

Variables, Dev Mode 기능 도입 (2023)

AI 기능 통합 시작 (2024)

* Visual Search

* AI-enhanced Asset Search

* AI 기반 텍스트 도구 및 콘텐츠 생성

* AI를 이용한 프로토타이핑 및 디자인 생성


----- -

피그마는 어디로 가고 있을까요?

피그마는 디자인 툴이 맞을까요?

3
0
박진호

박진호

HTML 기반의 위지윅 에디터 쓰시나요?

오랜만에 프로덕트를 하나 올렸습니다.

Summernote 라는 HTML 기반의 위지윅 에디터 인데요.

https://github.com/summernote/summernote

나름 github 에서 star 를 10k 이상 받은 라이브러리입니다.

최근 4년 동안 릴리즈를 못했어요.

그러는 사이에 에디터 관련된 기술도 계속 발전해서

최근에는 순수 HTML 를 사용하는 것보다 스키마를 정의할 수 있는 ProseMirror 기반의 에디터들이 많이 나오고 있습니다. (디스콰이엇도 ProseMirror 쓰고 있군요)

마지막 버전업이 4년 전인데, 알게 모르게 PR 올라온 것들을 누군가는 모아주고 있었어요.
그래서 마지막 버전을 내보내려고 준비를 하고 있습니다.

그 동안 너무 안 했던 것들을 다시 하려니 기억이 날랑 말랑 하네요.

ps.

자매품 리액트 버전도 있어요.


summernote

HTML 위지윅 에디터
5
4
박진호

박진호

동시편집 에디터 서비스 codepair 업그레이드 하기

요 근래 동시편집 관련된 이것 저것을 계속 개발 중입니다.

지금은 https://yorkie.dev 라는 것을 만들고 있어요.

yorkie 는 다른 동시편집 라이브러리와 달리 동시편집 라이브러리(SDK), 서버, 어드민툴 등등을 모두 제공하는 PaaS 형태의 서비스를 지향하고 있습니다. (비슷한 서비스로는 https://liveblocks.io/ 가 있어요)


동시편집 자체를 테스트 해야하다 보니 몇가지 테스트 프로젝트를 만들고 있습니다. 그 중에 동시편집 라이브러리를 테스트 하기 위한 간단한 에디터 서비스를 만들었는데요. 누구나 들어와서 마크다운 형태로 동시편집을 할 수 있습니다.

이름은 코드페어에요.

https://codepair.yorkie.dev


코드(마크다운)을 같이 공유해서 편집하자 그런 의미로 만든 서비스에요.



그냥 단순히 에디터 하나만 떠 있기 때문에 일회성 테스트를 하거나 회의 시간에 간단하게 쓰는 용도였습니다.


하지만 개밥먹기라고 하죠.

저희 팀 안에서 회의 할 때는 무조건 코드페어를 쓰다 보니깐

단순히 테스트로만 존재하면 안될 것 같은 느낌이 들었어요.


그래서 동시편집 라이브러리 기능만 고민하지 말고

에디터 자체를 쓸만한 형태로 만들어 볼까 하다가

얼마전에 링크를 관리하는 기능을 추가 했습니다.



로그인이 없기 때문에 링크는 로컬(브라우저)에서만 저장이 되구여. 나중에 언젠가 로그인 기능이 제공이 되면 여러가지 부가 기능을 넣을 수 있을 것 같아요.


대략 아래와 같은 기능을 추가 했습니다.


* 현재 보고 있는 링크를 트리 형태의 데이타 관리

* 저장된 링크를 브라우저 새로고침 없이 바로 해당 글로 이동해서 동시편집 상태로 연결

* 즐겨찾기 추가


이렇게 넣고 나서 보니깐 맥에 있는 기본 노트앱이랑 구조가 비슷하네요.

기본 노트앱에 동시편집 기능이 들어가있다고 보시면 될 것 같아요.

에디터의 사용성이 한결 올라간 것 같습니다.


이건 개인용도로도 좋지만 협업시스템에서 사용하면 좀 더 좋을 것 같은데요.

그래서 계속 고민을 해보고 있습니다.


어떻게 하면 괜찮은 에디터 서비스를 만들지 고민이 많네요. ^^


-------------


개발자로 지내면서 가끔 그럴 때가 있습니다.


나는 라이브러리를 만들고 있으니깐 기능만 충실하면 돼.

그런데 하다 보면 그게 아니더라구여.


이 라이브러리를 잘 쓰기 위한 방법도 제시를 해줘야 할 때가 있고

때로는 그걸 넘어서 내가 가지고 있는 기술 그자체로 상품화를 시켜야 할 때가 오는 것을 느낍니다.


그래서 지금부터는 단지 기능 개발한다는 느낌보다는 좀 더 제품을 만든다는 느낌으로 업그레이드를 해볼려고 해요.


계속 라이브러리 형태로만 만들다가 서비스 형태로 올려서 만드니깐 뭔가 재밌네요. ^^



4
0

포스트

전체 보기
박진호

박진호

https://resume.realerror.com/office-worker-score


계속 만들어 보면서 느끼지만


이거 가지고 누군가를 평가 할순 없을 듯 한데


다들 어떻게 면접을 보고 계시나요?


가상의 정답 대결 같은 느낌이 드는군요.

1
0
박진호

박진호

https://resume.realerror.com/otaku-score

덕후 지수 평가

시리즈가 어디까지 갈지 모르겠지만

진실의 지수 측정기가 되어 가는 듯 한 느낌이군요.

점수 맞춰서 상품(책, 드라마, 애니메이션) 추천 해 보려고 하는데 괜찮은 소스가 있을까요?

2
0