선배님들 org chart 코드 방향성 부탁드립니다!

Question

안녕하세요 퍼블리셔로 취업한 신입입니다...위 이미지같이 자식이 없을수도 여러개일수도 있고 아래로도 무한..?으로 늘어나는 트리를 만들고있습니다..ul > li > ul > li 이런식으로 부모 자식 부모 자식 처럼 구성해서 만든건데...백엔드 개발자분이 이런식으로 하면 데이터를 넣을수가 없다고 하셔서 Level 1 : ul > liLevel 2 : ul > liLevel 3 : ul > li이렇게 코딩을 부탁하셨는데 정해진 구조가 아니라서 아무리 쥐어짜도 생각이 안납니다ㅠㅠ..선배님들 어떤식으로 해야할지 알려주실수 있나요

나니야 · Answer

퍼블이 왜 백엔드까지 신경써줘야하나요???정확하게 더도말고 덜도 말고 json 통으로 넘기고 받아도 될것으로 보입니다.

하태연 · Answer

백에서는 리스트 형식으로 아래와 같은 형식으로 데이터를 던져줄 겁니다.[{ id: 0, Name: 'Admin'},{ id: 1, parentId: 0, Name: 'A1'},{ id: 2, parentId: 1, Name: 'A11'},{ id: 3, parentId: 1, Name: 'A12'},...]물론, 다 원하는대로 정렬해서 받기만 한 다음에 화면에 뿌리면 좋겠지만.. 그게 안 된다고 하면 데이터를 받아서 다시 Sorting한 다음에 세팅하는 작업이 필요해 보입니다. 아래 링크는 Lodash를 활용하여 제가 재미삼아(?) 샘플로 작성한 코드인데, 참고하시면 조금이나마 도움이 될 것 같아 남깁니다.https://jsfiddle.net/haguri_peng/4fwma5dx/5/그나저나 퍼블이 저기까지 신경쓰실 필요는 없는 것 같습니다. 어쩔 수 없이 해야 한다면 그냥 공부한다고 생각하셔야..&#x1f605;

shintwl · Answer

대댓글이랑 비슷한 시스템 아닌가요백엔드에서는 parent 칼럼 만들어서 자기의 상사인 user가 누구인지 표시해놓으면 될 거 같은데

선배님들 org chart 코드 방향성 부탁드립니다!

3개의 답변

Q&A 목록