Flow] 플로우 다이어그램 ( 망했어 )

 

 회사에서 플로우 다이어그램을 만들고 소스변환까지 완성시키고, 변환된 소스가 실제 프로젝트에서 돌아가는 것 까지는 어제 확인했다.

다이어그램을 이쁘게 자동으로 배치하려고 .... 트리구조니까 순회하면서 각 좌표값을 자동 배치하는 걸로 간단하게 생각했는데...

 이상하게 어긋나넹...  그렇다고 변환이 잘못되거나 그런건 아니다. 단지.. 배치가 이쁘게 깔끔하게 안되는것 뿐이니까...

 

 그래서 고민끝에 그냥 프레지나 NPT에서 다이어그램 만들 듯이... 직접 끌어다 그리게 했다.

새로 몽땅 다시 코딩하고 시계를 보니 오후 5시 반...

변환 시켜보고 프로그램에 추가해서 돌려보고 잘 도는 것 까지 보고 퇴근...

 

## 아래 그림처럼...

이렇게 단순하게 배치하려고

   재귀를 돌면서 첫번째 노드를 기준으로 해서 왼쪽으로 줄 세우고.

   두번째 노드가 있는 것부터는 오른쪽으로 줄줄이 옆으로 밀어내면서 배치하는거였는데...?

   위에처럼 단순한 배치는 OK.

 여기에서 추가를 하다보면 .. 옆으로 못밀어내기도 하고 또 겹치기도 하고... ㅡ.,ㅡ;;

 

이상하넹.. 시작 노드 > 노드1 > 노드2 > 노드3 > 종료노드 여기까지 줄 세워 배치하고

트리 재귀 탐색으로 가니까 거꾸로 거슬러 올라가면서

위로, 위로 올라가서 노드31을 배치하고 또 .. 여기서 END로 가버리니까 이미 배치한 넘은 체크해서 그냥 패스하면

위로 가서 노드21을 배치하고 END건너뛰고 올라가고...

 

이런 식으로 가는건데... 배치해놓고?

노드 선택해서 추가하면 어디선가 갑자기 배치가 이상하게 되면서 노드가 겹쳐버린다.

..;;;

 

 낼은 회의가 있으니 회의준비해야지.

 그냥 노드 배치하고 원하는 선 긋기 직접 하라고 만들어놨다.

좀 삐뚤빼뚤 하면 어뗘... 우선은 나만 쓸껀데...

내가 일하는 방식이 이런걸...

이런 식으로 UI는 구성되어 있다.

디자이너로 이런거 그리려고 만들었는데... 이런걸로는 안쓰고... ppt에 또 그렸네...

각 노드별로 시프트 + 마우스 드래그 앤 드랍 하면 선이 그어지도록 구현해두었다.

자료구조는 트리<< 형태 그대로..

 인터넷이 안되니 집에 있는 소스 원노트에 복사해다가

사무실에 앉아서 핸드폰 보면서 작은 화면을 보며 타이핑 ㅡ.,ㅡ;; 

 보안...ㅡㅡ# 금융권...

 

프로젝트가 과연.. 잘 끝날지 의문이네...