멋진 앱을 위한 새로운 패턴

클립보드 패턴, 파일 패턴, 앱 패턴 등 놀라운 앱을 위한 새로운 패턴의 멋진 컬렉션을 살펴보세요.

차세대 동영상 편집 앱, 중독성 있는 단어 게임, 재미있는 단어 게임 등 무엇을 제작하든 향후 온라인 소셜 네트워킹 앱을 구축하기 위해서는 항상 블록:

  • 동영상 편집 앱에서 사용자가 편집한 동영상을 저장하도록 허용할 가능성이 높습니다.
  • 게임에서 사용자가 게임 진행 상황을 친구와 공유하도록 허용할 수도 있습니다.
  • 온라인 소셜 네트워크 앱에서 사용자가 게시물에 이미지를 붙여넣을 수 있는 가능성이 매우 높습니다.

이는 단지 이러한 패턴의 몇 가지 예에 불과하며, 더 많은 것들이 있습니다. 이 모든 것이 한 가지 공통점이 있습니다. 보편적인 방법은 없다는 것입니다.

공유 진행 상황

예를 들어 모든 브라우저가 Web Share API를 구현하는 것은 아니므로 경우에 따라 다른 접근방법으로 되돌아가야 합니다. 트위터의 웹 인텐트, 즉, 클립보드에 복사하거나 선택한 접근 방식 Wordle: Web Share API가 구현되지 않은 경우 휴, 겨우 구하러 왔어요.

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

파일 저장 중

저장에 있어 가장 중요한 방법은 File System Access API를 해결하므로 FileSystemFileHandle이 생성됩니다. 진정한 저장, 수정, 저장 흐름을 구현할 수 있습니다. 다음 가장 좋은 방법은 기존 <a download>로 돌아가는 것입니다. 마찬가지로 사용자가 데이터를 저장할 수 있지만 다운로드할 때마다 새 파일을 만드는 단점이 있으므로 my-video.mp4로 끝납니다. my-video (1).mp4, my-video (2).mp4

이미지 붙여넣기

입문 예시를 통해 웹 앱에 이미지 붙여넣기를 지원하지 않는 브라우저도 있으므로 드래그 앤 드롭 API를 사용하거나 파일 선택기를 표시하는 방법으로 돌아갈 수 있습니다. Async Clipboard API와 비슷하지만 적어도 작동합니다.

새 패턴

이를 통해 새로운 패턴 섹션은 다음과 같습니다.

클립보드 패턴

클립보드 패턴: 시스템 클립보드와 관련된 모든 항목 모든 종류의 것을 복사하고 붙여넣었습니다.

파일 패턴

파일 및 디렉터리와 관련된 모든 사항에 관한 파일 패턴 되겠지 저장, 열기, 드래그 앤 드롭, 받기 또는 공유

웹 앱 패턴

고급 앱과 관련된 모든 사항에 대한 웹 앱 패턴 앱 바로가기 제공, 백그라운드에서 주기적인 데이터 동기화, 앱 표시와 같은 기능 배지 등을 확인할 수 있습니다.

의견

이러한 패턴이 훌륭한 앱을 빌드하는 데 도움이 되기를 바라며, 여러분의 의견을 기다리고 있습니다. @ChromiumDev로 트윗을 보내 의견을 제공할 수 있습니다. 문제를 신고하는 것이 좋습니다. 두 경우 모두 @tomayac하여 제대로 표시되는지 확인하세요.

감사의 말씀

Joe Medley의 검토 및 수정에 도움을 주셔서 감사합니다. 살펴보겠습니다. 피트 르페이지님께 감사드립니다. 에바 가스페로비츠, 레이첼 앤드류, 켄 파스칼, 및 마티아스 로메르 모든 기술 및 조직 지원을 받고 도움이 될 수 있습니다 모든 패턴 프로젝트가 개별 패턴 작성자의 도움을 받아 해리 테오둘루, 토니 콘웨이, 팔란스 리아오, 세실리아 콩, François Beaufort, 조 메들리.