flowchart LR

classDef yellow fill:yellow, stroke:black, stroke-width:2px, color:black

node(홍길동)
n2((홍당무)):::yellow
node-->|즐겨먹는 간식|n2

style node stroke:red,color:white,fill:blue,stroke-width:4px
linkStyle 0 stroke:red

flowchart LR

classDef blue fill:blue, stroke:black, stroke-width:2px, color:white
classDef yellow fill:yellow, stroke:black, stroke-width:2px, color:black

r1((person1)):::yellow
r1---->|name|r3[토마토]
r1-->|age|r5[[22]]
r1--->|height|r6>173]
r1-.->|knows|r2((person2)):::blue===>|name|r4[철수]
r2--dd-->r7[/2/]
r2--on1[(Store)]:::blue

linkStyle 6 stroke:red

click n1 "<https://devocean.sk.com>"

flowchart TB
classDef blue fill:blue, stroke:black, stroke-width:2px, color:white
classDef yellow fill:yellow, stroke:black, stroke-width:2px, color:black

%% 업무 관련 %%
r1(업무):::yellow

r1--->|조직화|r3(업무 문서)

subgraph 체계 구성
	direction LR
		r3-.->|As-Is|p31(현재)
		p31---xp311(각자 보관)
		r3-.->|To-Be|p32(향후)
		p32---x|보관|p321[(클라우드)] %%상용 클라우드 활용%%
	end

r1--->|정의필요|r2(업무역할)

r2--->|개발|S
r2--->|고도화|S
r2--->|지원/대응|POC

%% Project %%
subgraph Projects
  direction LR
		POC((POC))---x|준비단계|poc1(Proj1)
		POC ---x|검토단계|poc2(Proj2)
  end

gantt
    title 개발 일정
    dateFormat  YYYY-MM-DD

    section Task1
    기획           :a1, 2022-07-01, 14d
    개발     :after a1  , 45d

    section Task2
    기획      :a2, 2022-74-01  , 14d
    개발      : after a2, 45d

		section Task3
		subTask1 : a3, 2022-07-11, 14d
		subTask2 : a4, 2022-07-12, 7d
		subTask3 : after a4, 7d