다이어그램 2

시퀀스 다이어그램, UML이 소프트웨어 개발에 가져온 유일한 장점

시퀀스 다이어그램은 지금은 거의 사용되지 않는 통합 모델링 언어의 일부이지만 시스템의 일부가 상호 작용하는 방식을 시각화하는 데 여전히 유용합니다. 시퀀스 다이어그램은 시간 경과에 따른 개체 간의 메시지 흐름을 보여줍니다. UML이 너무 복잡해졌지만 시퀀스 다이어그램은 시스템 요구 사항을 문서화하고 레거시 시스템을 이해하는 데 있어 단순하고 효과적이기 때문에 살아남았습니다. 시퀀스 다이어그램을 잘 만들려면 핵심 해피 경로에서 시작하여 에지 케이스로 작업하세요. 세부 사항보다는 큰 그림에 집중하여 명확성을 확보하고 설계와 구현 사이를 순환하는 아키텍처적 사고방식을 수용하세요.원문: https://www.mermaidchart.com/blog/posts/sequence-diagrams-the-good-thi..

Hacker News 2023.06.16

CSS를 사용한 스피닝 다이어그램

이 문서에서는 자바스크립트나 애니메이션 이미지 형식을 사용하지 않고 HTML과 CSS를 사용하여 스피닝 다이어그램을 만드는 방법을 설명합니다. 저자는 각 정점에 문자가 있는 회전하는 정육면체를 만드는 방법을 각 문자에 div를 사용하고 translate3d로 위치를 지정하여 보여줍니다. 부모에 회전Y(0턴)에서 회전Y(1턴)까지 애니메이션이 있는 CSS를 설정합니다. 저자는 회전하는 부모와 동기화하여 회전하지 않고 반대 방향으로 회전하여 글자가 앞을 향하도록 유지하는 방법도 설명합니다. 이는 기존 트랜스폼을 방해하지 않고 회전 해제를 수행할 수 있는 각 문자 주위에 다른 분할을 추가하여 수행됩니다. 이 문서에는 회전 애니메이션이 있는 회전 큐브와 없는 회전 큐브의 예가 포함되어 있습니다. 저자는 회전 및..

Hacker News 2023.04.21