장독깨기
5k
2022-04-26 09:03:03 작성 2022-04-26 11:24:04 수정됨
15
3043

ERD 툴 뭐 쓰시나요? 한 번 만들어봤습니다. :)


뭔가 적당한 것도 잘 없고, 예전 부터 만들어 보고 싶기도 했고,

또 최근 너무 한가해서 사이드로 한 번 만들어 봤습니다.

테스트를 충분히 못해서 공개 하기가 좀 무섭긴 합니다. :)

https://www.erdspace.com


그나저나, 피드백 받을 만한 적당한데가 없어 깃허브에 연결해뒀는데요,

소스를 공개하지 않았는데, 이래도 되는지 모르겠네요.

많은 관심과 피드백 부탁드립니다. :)


추가 1) 모바일에서는 대응이 안 됩니다. ㅠ

추가 2) 주요 기능을  여기 칼럼 코너에 간단히 정리해봤습니다.

https://okky.kr/article/1212629

운영자님. 적절치 않다 생각드시면 적당한 곳에 배치해주세요. :)


15
7
  • 댓글 15

  • 왕왕
    3k
    2022-04-26 09:21:03

    사내에선 erwin인데 혼자할 때는 아직 정착 못한듯 싶습니다ㅎㅎ...

    시간나면 함 써볼게요

  • 하마
    8k
    2022-04-26 09:31:06 작성 2022-04-28 11:21:30 수정됨

    Github 공개 부탁 드려도 될 까요?. ^^ 
    개발환경이 어떻게 되는지 궁금하네요.


    ps
    논외로 회사 웹프론트엔드UI 개발자 뽑을 때 과제로 ERD툴(?)을 제출하도록 하고 있습니다.
    위 링크의 엄청 심플한 수준 정도만 요구하고 있지만 (단순 도형 생성,연결,이동,글넣기) 
    데스크탑 프론트엔드 개발의 기본이 그림판인것과 비슷한 거죠.

    -2
  • 장독깨기
    5k
    2022-04-26 09:47:37

    왕왕

    네. 감사합니다. 시간나실때 써보시고 피드백 주시면 더욱 더 감사드리겠습니다. :)


    하마

    소스 공개는 생각을 해봤었는데요, 여러모로 꺼려지는 부분이 있습니다.

    이해 부탁드립니다. 저의 민낯이 드러나는게 제일 무섭습니다. ㅋ

    개발환경은 타입스크립트, 리엑트, UI 부분은 MUI, 드로잉 영역은 svg 입니다.

    많은 관심 부탁드립니다. :)



  • javaroid
    973
    2022-04-26 09:53:52

    더 써봐야 알겠지만 몇개 테스트 해보니 간편하고 괜찮네요 乃

    한가지 버그(?) 발견한건데 1번 엔티티 - 2번 엔티티 관계 연결하면 1번 엔티티 연결선 위치가 고정이네요..

  • 장독깨기
    5k
    2022-04-26 10:10:27 작성 2022-04-26 14:40:40 수정됨

    javaroid

    감사합니다.:)

    연결선을 자동으로 배치 해주는 ERD 툴들이 있는데요, 엔티티가 많아지면 전 이게 꽤 불편했습니다.

    그래서, 연결선 선택해서 이동시킬 수 있도록 했습니다. 위치에 따라 자동으로 만들어주는건 자신이 없어서요. ㅎ


    하마

    ㅎㅎㅎ 전 CSS 이런 부분 자신이 없어 MUI 땡겨 썻고, 부분적으로만 수정했습니다.

    기능 위주의 웹 UI는 MUI 가 꽤 괜찮은 선택인거 같습니다. :)

  • 하이열
    1k
    2022-04-26 11:42:48

    좀더 가다듬으면.. 충분히 상품성이 있어 보입니다..

    요새.. exERD 를 자주 사용하게 되는데... 

    가격이 있어서인지 개발자들에겐 캡쳐로 주더라구요;; 


    이전 회사였던 토마토 시스템이어서  애증을 가지고 사용은 하지만

    프리랜서나 혼자 개발하는 입장에선 기간 트라이얼이나, 비싸서 못쓰겠다는 ㅠㅠ


  • 장독깨기
    5k
    2022-04-26 12:22:01

    하이열

    네. 꾸준히 업데이트 할 계획입니다.

    개인이 쓰기엔 좀 비싸긴하죠 ㅎ

    많은 관심 부탁드립니다. :)

  • ignoreOrange
    2k
    2022-04-26 13:42:48

    우왕ㅋㅋ 쩌네여

  • 장독깨기
    5k
    2022-04-26 14:06:40

    ignoreOrange

    그 정도는 아닙니다. ㅋ

    많은 관심 부탁드립니다. :)

  • EmDev
    291
    2022-04-26 14:22:17

    구경 잘 했습니다!

    그리고 질문이 하나 있는데 만드신 사이트의 드로잉 부분을 구현하는 방법은 어떻게 검색을 해야 관련 자료를 찾을 수 있을까요?? 저도 erd는 아니지만 도형 추가/삭제 같은걸 한 번 만들어 보고 싶어서요!

  • 장독깨기
    5k
    2022-04-26 14:37:35

    EmDev

    보통 canvas 나 svg 를 이용합니다.

    이와 관련해서 검색해보시면 많은 자료가 있습니다.

    svg 가 활용성 측면에서 좀 더 좋은거 같아 이번엔 svg 로 구현했습니다.

    많은 관심 부탁드립니다. :)


  • 곰뭉이
    680
    2022-04-28 21:11:53

    리사이즈 이벤트를 위해 상단의 rect 영역이 귀엽네요..ㅎㅎ

    잘 보았습니다. : - )

  • 장독깨기
    5k
    2022-04-29 09:48:13

    귀엽게 봐주셔서 감사합니다. :)

  • 방황하는젊은이
    1k
    2022-05-01 10:46:18

    좋아보입니다. 한글어 지원도 가능하다면 좋을것 같구 좀 더 발전하면 훌륭해질듯합니다. 전 개인적으로


    Logical/ Phsycal (ER-WIN 처럼) 하는 기능이 없어서 다른 툴은 불편했는데, 이건 그래도 물리/논리를 같이 입력해서

    같이 볼수는 있어서 좋았습니다.

  • 장독깨기
    5k
    2022-05-01 15:35:27

    네. 저도 불편한점이 있어서,

    물리,논리 뷰 옵션을 나름 다양하게 둬 봤는데요.

    어떨지 모르겠군요. ㅎ

    많은 관심 부탁드립니다. :)

  • 로그인을 하시면 댓글을 등록할 수 있습니다.