반응형 분류 전체보기68 SwiftUI 고급 애니메이션 만드는 방법: 모양 모핑 SwiftUI 고급 애니메이션 만드는 방법: 모양 모핑 Accelerate 라이브러리가 있는 VectorArithmetic 프로토콜을 사용하여 복잡한 SwiftUI 보기를 효율적으로 애니메이션할 수 있는 방법을 보여 드리겠습니다. 레귤러 .animate() 기능은 이미 보기에 애니메이션 효과를 주는 강력한 방법을 제공합니다. 그러나 그 사용은 단순 변환으로 제한됩니다. 이 가이드에서는 다음을 사용하여 복잡한 SwiftUI 보기를 효율적으로 애니메이션할 수 있는 방법을 보여 드리겠습니다. VectorArithmetic 프로토콜 Accelerate 빠른 계산을 위한 라이브러리. 이 가이드 과정에서 우리는 모핑 구체 용암 램프 거품에서 영감을 얻은 애니메이션. 흔들리는 용암 거품의 일종. 💡 제안된 기술은 더.. 2022. 5. 9. 새로운 교차 아키텍처 다이어그램 소개: 중요한 경로 새로운 교차 아키텍처 다이어그램 소개: 중요한 경로 이 새로운 아키텍처 다이어그램은 C4 모델의 레벨 1–3에 걸쳐 있어 시스템에서 가능한 가장 빠른 보기를 제공합니다. Unsplash의 charlesdeluvio의 사진 아키텍처 다이어그램은 놀랍습니다. 그들은 당신과 당신의 앱 이해 관계자 사이에 애플리케이션 아키텍처, 비즈니스 프로세스 및 데이터 흐름에 대한 공유된 이해를 만드는 데 도움이 됩니다. 약 1년 전, 나는 오늘날 우리가 사용하는 많은 다이어그램을 설명하는 5가지 유형의 아키텍처 다이어그램에 대한 게시물을 작성했습니다. 다음과 같은 다이어그램을 만들어야 하는 방법과 이유를 안내합니다. 흐름, 서비스, 페르소나, 하부 구조그리고 개발자 도표. 소프트웨어 아키텍처 다이어그램을 작성하기 위해 c.. 2022. 5. 8. 마이크로서비스 아키텍처에서 Websocket 서버 구축 마이크로서비스 아키텍처에서 Websocket 서버 구축 실시간 통신을 위한 마이크로서비스 아키텍처에서 WebSocket 서버 설계 Unsplash의 Taylor Vick 사진 이 기사는 WebSocket을 사용하여 프론트엔드와 백엔드 간의 실시간 통신에 대한 나의 탐구를 공유하기 위해 작성되었습니다. 최근 몇 년 동안 마이크로 서비스는 많은 개발자들이 채택한 아키텍처 접근 방식이며 마이크로 서비스 아키텍처의 핵심 원칙 중 하나는 "단일 책임 원칙"입니다. 이 탐색에서는 프론트엔드(웹 애플리케이션)와 WebSocket 연결을 설정하고 프론트엔드와 백엔드 간의 실시간 통신을 위한 미들웨어(또는 프록시) 역할을 하는 웹 소켓 서버를 설계하고 구현하는 방법을 살펴봅니다. 메모: 이 문서에서는 WebSocket .. 2022. 5. 7. CSS를 사용하여 절대 위치 요소를 수직 및 수평으로 중앙에 배치하는 방법 CSS를 사용하여 절대 위치 요소를 수직 및 수평으로 중앙에 배치하는 방법 절대 위치 요소는 문서 흐름에서 제거됩니다. 때로는 이러한 요소를 페이지 중앙에 올바르게 배치하는 방법을 아는 것이 혼란스러울 수 있습니다. 내 말은, CSS는 이미 혼란스럽습니다. 😂 이 기사에서는 컨테이너에서 절대 요소를 세로 또는 가로 또는 둘 다 가운데에 맞추는 방법을 보여줍니다. 코드 예 요소를 수평으로 중앙에 맞추려면: element { position: absolute; left: 0; right: 0; margin: 0 auto; } 요소를 세로로 가운데에 맞추려면: element { position: absolute; top: 0; bottom: 0; margin: auto 0; } 요소를 세로 및 가로로 가운데에.. 2022. 5. 7. 이전 1 2 3 4 5 6 7 8 ··· 17 다음 반응형