SwiftUI로 테두리 오버레이 효과 만들기 ✨

SwiftUI를 이용하면 테두리 오버레이 효과를 쉽게 만들어 볼 수 있습니다.

테두리 오버레이 효과는 그냥 제가 지어본건데요.

어떤 뷰의 테두리 위에 다른 뷰를 얹는 등의 디자인을 말해요 😃


쉽게 생각하면, 공책 디자인에 왼쪽에 스프링을 표현하는거라고 볼 수 있습니다.

그럴려면 컨텐츠를 가진 뷰의 테두리를 적용시키고 ZStack을 적절히 활용해 스프링을 테두리 위로 짤리지 않고 겹칠 수 있죠!


말로는 참 설명히 힘드네요.

개발을 하면 할수록 어떨때는 코드로 표현하는게 더 쉬울때가 있네요 🥲

책 좀 많이 읽어야겠다 생각이 듭니다.

SwiftUI로 테두리 오버레이 효과 만들기 (feat. ZStack)

iOYES

SwiftUI로 테두리 오버레이 효과 만들기 (feat. ZStack)

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 11월 11일 오전 10:05

댓글 0

    함께 읽은 게시물

    무너지고 있는 프론트엔드, 백엔드 직군의 경계에 대한 고찰

    AI 기술이 우리 일상과 산업 전반에 스며들면서 소프트웨어 개발 환경 역시 큰 변화의 물결을 맞이하고 있다. 특히 코딩을 돕는 AI 에이전트의 등장은 개발 생산성에 대한 큰 변화를 만들고 있다. 나 역시 이러한 변화를 체감하며, 나에게 익숙한 소프트웨어 개발의 대표적인 두 축인 프론트엔드와 백엔드 영역에서 AI 기술이 미치는 영향과 그로 인해 변화하는 소프트웨어 엔지니어의 역할에 대해 개인적인 생각을 정리해 본다.

    ... 더 보기

     • 

    저장 38 • 조회 4,788


    구현패턴으로 DB사용비용을 10배줄이기

    ... 더 보기

    kopring-reactive-labs/Docs/eng/08_bulkprocessor.md at main · psmon/kopring-reactive-labs

    GitHub

    kopring-reactive-labs/Docs/eng/08_bulkprocessor.md at main · psmon/kopring-reactive-labs

     • 

    댓글 1 • 저장 34 • 조회 2,800


    AI시대 필요한 요구문서와 협업방법

    ... 더 보기

    Confluence Mobile - WEBNORI

    wiki.webnori.com

    Confluence Mobile - WEBNORI

    어려운 문제를 대하는 태도

    

    ... 더 보기

    제가 리드하고 있는 조직(당근마켓 커뮤니티실)에서 백엔드 엔지니어를 채용 중이에요.


    커뮤니티실에는 동네 이웃들의 이야기와 정보를 공유하는 동네생활팀, 이웃 간의 취미와 관심사를 연결하는 모임팀, 그리고 아파트 단지 생활을 더 편리하고 즐겁게 만들어 줄 단지팀이 있어요. 지금 내 동네에서 일어나고 있는 일들을 더 쉽게 즐기고 공유할 방법들을 찾는 일이라면 무엇이든 도전하여 실행에 옮겨요. 만드는 사람이 불편할수록 쓰는 사람은 편하다는 믿음으로 도전적인 문제를 풀어나갈 분과 함께하고자 해요.

    ... 더 보기

    실력 향상을 위한 해외 유튜브 채널 10개

    취업 준비와 코딩 공부할 때 도움 되는 해외 유튜브 채널 10개를 간략하게 소개합니다. 1. Gaurav Sen: https://www.youtube.com/@gkcs - 전반적인 개발자 성장(특히 주니어와 시니어), 취업, 코딩 공부 노하우 - 시스템 설계의 기초 개념 설명 영상이 많다. 특정 시스템 설계를 분석하거나 모의 면접하는 영상이 꽤 많지만 개인적으로 설명이 겉도는 느낌이 있다 - 주니어+/중니어+에게 특화된 취업 및 공부 노하우 2. Abdul Bari(컴공 전공, 알고리즘 공부 필수 채널): https:... 더 보기

    Gaurav Sen

    www.youtube.com

    Gaurav Sen

     • 

    저장 294 • 조회 8,697