Sign in

it

it design

모달을 써야 할까 페이지를 써야 할까?

상세 페이지를 Full Screen Modal로 사용하게 된 이유 | 들어가며 Modal(모달)은 UX 디자인에서 가장 많이 사용하는 컴포넌트 중 하나이다. 모달은 사용자의 시선을 집중시키기 위할 때 사용하는 컴포넌트로 예를 들어 메일을 삭제하는 것과 같이 유저의 특정 행위 이후에 기존의 데이터를 더 이상 복구하거나 볼 수 없는 경우 모달을 사용하여 사용자에게 다시 한번 행위의 대한 진행 여부를 물어본다. 모달은
wono | discuss |
it tool draw.io vscode

VSCode Draw.io Integration default setting 변경

VSCode 익스텐션에서 Draw.io Integration을 받고 실행하니 화살표가 Orthogonal이 아니라 Straight으로 되어 있었고, Orthogoal로 변경하니 화살표 기본 설정이 Rounded로 되어 있었습니다. VSCode에서 해당 설정을 바꾸려면 다음과 같은 단계로 직접 설정 JSON 파일을 수정해야 합니다. 1/ Visual Studio Code를 열고, 상단 메뉴에서 파일(File) > 기본 설정(Preferences) > 설정(Settings)을 선택합니다. 2/ 설정 창의 상단에 있는 검색 상자에 "Draw.io"를 입력하여 Draw.io Integration 설정을 검색합니다. 3/ Edit in settings.json 파일을 클릭한 후에, 아래 부분은 지웁니다. 4/ 아..
wono | discuss |
it tool draw.io vscode

Code diagram tool - drawio

Code diagram? code diagram은 어떠한 코드가 주어졌을 때 흐름과 구조를 파악할 수 있는 구조다. 하나의 소스코드 내에서 알고리즘이 어떻게 구현되는지 시각적으로 확인할 수 있다. 대형 프로젝트의 경우 클래스와 함수, 구조체 등 복잡한 관계로 연결되어 작동하게 된다. 이런 상황에서 데이터의 흐름이 어떻게 진행되는지 시각적으로 아는데 code diagram이 도움 된다. GVINS라는 하나의 알고리즘을 drawio로 code diagram을 작성한 적이 있다. 그때는 웹에서 Github와 연동해서 했는데 잘 작동하지 않아 상당히 불편했었다. 하지만 이번에 vscode에 drawio 비공식적 extention을 지원하는 걸 알았고 사용해 보았다. 진짜 너무 좋다. 편의성 vscode환경에서 ..
wono | discuss |
it tool draw.io vscode

VSCode에 Draw.io (Diagram) 연동

목적 : VSCode에서 Draw.io를 연동해서 써보자 미국 기준으로 6월 1일에 VSCode Diagrams Plugin에 대한 Post가 올라왔다. 요즘은 주로 Software Design을 할 때 Draw.io를 쓰고 있는 나로써는 굉장히 좋은 소식이어서 글을 남겨 보려고 한다. https://www.diagrams.net/blog/embed-diagrams-vscode VS Code에 Diagrams Plugin 설치하기 Extension 버튼을 눌러서 Plugin 조회 창에 Draw.io를 조회한다. Henning Dieterichs 라는 이름을 갖은 개발자가 만든 Plugin을 install 하면 되는데.. 업데이트 log를 보니 작년부터 사용 가능했던 것 같다. 왜 이제서 이 내용을 Pos..
wono | discuss |