검색 본문
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 바이올렛 에버가든 ヴァイオレット.エヴァ-ガ-デン STORYBOARD vol.2 출간 2021.8.26. 도서 54,060원 Storyboard Paper Sketchbook 저자 Storyboard ... 도서 9,780원 바이올렛 에버가든 ヴァイオレット.エヴァ-ガ-デン劇場版 STORYBOARD 출간 2021.8.26. 도서 54,060원 Le storyboard de Wim Wenders 저자 Lemardele S... 출간 2024.5.5. 더퍼슨스(the Persons) No 3: 영화콘티작가(Film Storyboard Artist) 저자 더퍼슨스 편집부 출간 2021.3.2. 도서 14,400원 Storyboard Workbook 도서 7,250원 Storyboard Template 저자 Endo Joe 출간 2017.10.5. 도서 8,510원 The Storyboard Artist 저자 Cristiano G... 출간 2012.6.16. 도서 27,770원 Storyboard Paper Workbook 도서 7,250원 Storyboard Paper Sketchbook 저자 Storyboard ... 출간 2019.3.9. 도서 9,650원 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
ukseung2.tistory.com ukSeung iOS [Swift] Storyboard없이 CodeBaseUI 코드 구현 5 보드 없이 CodebaseUI를 구현 해볼까 합니다! 포스팅은 편의상 반말루 Swift의 UI는 두개로 나뉘는데 UIKit과 SwiftUI로 나뉘어요 Storyboard는 UIKit으로 분류되는데 요새는 Storyboard로 UI를 그리기도 하지만 CodeBase로만 UI를 그리는 경우도 있답니다. CodeBaseUI 구현의 장단점 장점 1. 협업 및 유지보수가 용이 2... MVVM alamofire SwiftUI 스토리보드 없이 reactorkit 2024.05.31 블로그 검색 더보기 yujjne.tistory.com USTORY [iOS/Xcode] CodeBase & SnapKit 연습하기, Storyboard 삭제 세팅 UI Component 추가하기 기존에 Outlet으로 연결한 것처럼 UI 컴포넌트를 초기화해서 넣어줍니다. class ViewController: UIViewController { // UI Component 추가하기 let nameLabel = UILabel() let addButton = UIButton() let myTableView = UITableView() let stackView = UIStackView() let button1 = UIButton() let button2 = UIButton() addSubView 하기 View 안에 addSubView를 해주어야 합니다. forEach문을 사용해서 코드를 간결화할 수도 있습니다. // View안에 addSubView 해주어야함 view.addSubview(nameLabel) // --> 이런 식으로! view.addSubview(addButton) // forEach를 사용해서 코드 간결화 [nameLabel, addButton, myTableView].forEach { view.addSubview($0) } 우리가 스토리보드에서 뷰를 얹는 순서와 똑같기 때문에 addSubview를 해 Cell 사용할 때 유의점 기존의 xib를 활용하는 방식이 아니기 때문에 awakeFromNib이 아닌 init을 오버라이드 해줘야 합니다. 또한 cell을 register 하는 과정에서 인스팩터 창에서 reuse identifier 설정해주는 것이 없기 때문에 타입 프로퍼티를 활용하면 좋습니다. let myLabel = UILabel() // static identifier 등록하기! static let identifier = "NewTableViewCell" //awakeFromNib 지우기 // init Code로 Constraints 잡기 이제 컴포넌트를 등록하고 뷰에 넣는 방법을 알아봤으니 레이아웃을 잡아봅시다! 해줘야할 것은 두개만 기억합시다. 1. translatesAutoresizingMaskIntoConstraints = false 설정해주기 2. anchor (열심히) 연결해주기 ❗️ translatesAutoresizingMaskIntoConstraints란 간단하게 기기에 맞춰 자동으로 크기를 조정해주는 기능입니다. 동적으로 뷰의 위치와 크기를 설정해줘야 한다면 이 기능을 꺼야합니다. ‘오토레이아웃을 코드로 하려면 꺼야하는 것’ 정도로 기억하면 됩니다. 라이브러리 Import하기 https://github.com/SnapKit/SnapKit GitHub - SnapKit/SnapKit: A Swift Autolayout DSL for iOS & OS X A Swift Autolayout DSL for iOS & OS X. Contribute to SnapKit/SnapKit development by creating an account on GitHub. github.com 위의 링크 경로를 복사합니다! 프로젝트의 Package Dependencies에 복사한 url을 붙여넣고 AddPackage 버튼을 누 SnapKit 사용해보기 기존 방식과 SnapKit을 사용했을 때 코드 비교입니다. 엄청 간단해진 코드를 확인할 수 있습니다! equalToSuperview SnapKit에서 자주 사용되는 방법입니다. 해당 뷰의 ‘부모 뷰’을 통해 제약조건을 설정합니다. 부모 뷰의 이름을 직접 적지 않아도 파악이 가능하기 때문에 더 깔끔하고 직관적인 코드를 작성할 수 있습니다. 코드 예시입니다. 클로저를 통한 축약 문법도 제공되고 여러 앵커를 한 번에 연결할 수도 있습니다! nameLabel.snp.makeConstraints { make in make.top.equalToSuperview().offset(30) // 위에서 30만큼 띔! make.leading.equalToSupervi Inset, Offset 이해하기 뷰의 방향을 그대로 활용하는 것이 Offset bottom, trailing등 -처리를 포함해서 안쪽을 향하도록 하는것이 Inset // offset myTableView.snp.makeConstraints { $0.top.equalToSuperview().offset(10) $0.leading.equalToSuperview().offset(10) $0.trailing.bottom.equalToSuperview().offset(-10) $0.bottom.equalToSuperview().offset(-1 8 기존에 Outlet으로 연결한 것처럼 UI 컴포넌트를 초기화해서 넣어줍니다. class ViewController: UIViewController { // UI Component 추가하기 let nameLabel = UILabel() let addButton = UIButton() let myTableView = UITableView() let stackView = UIStackView() let button1 = UIButton() let button2 = UIButton() 2024.05.04 cut-eyebrow.tistory.com 눈썹의 개발지휘소 [서비스 기획] 화면 설계서 { Storyboard} 작성 1. 화면 설계서란 무엇인가?? - 화면설계서, 혹은 스토리보드는 앱 서비스의 사용자 경험(UX)를 시각적으로 표현한 청사진입니다. 마치 영화 스토리보드가 영화의 흐름을 보여주는 것처럼, 화면설계서는 앱 사용자가 앱을 이용하는 과정을 단계별로 보여주고, 각 단계에서 어떤 화면이 나타나고 어떤 상호작용이 일어나는지 명확하게 제시합니다. 앞에서 설계된 정보구조를 어떤 형태로 보이게될지 정하는 구간으로, 실제로 디자인이 구현되기 전 UI가 어떻게 보여지고 동작하는지 보여주는 문서입니다. 화면 설계서는 작성하는 방법에 따라 와이어프레임(wire... 2. 화면설계서의 목적. ∇ 앱의 사용자 흐름 명확히 전달. : 사용자가 앱을 어떻게 이용하게 될지 시각적으로 보여줌으로써, 개발자와 기획자 간의 의사소통을 원활하게 하고 앱의 방향성을 명확하게 합니다. ∇ 핵심 기능 및 디자인 요소 확인. : 주요 기능과 디자인 요소를 미리 확인하고 조정할 수 있도록 함으로써 개발 후 디자인 수정의 필요성을 줄이고 앱의 완성도를 높입니다. ∇ 사용자 경험 개선 : 사용자 입장에서 앱을 경험해보는 시뮬레이션 역할을 함으로써, 사용성 문제를 미리 발견하고 개선 가능합니다. ∇ 개발 효율성 향상 : 개발자들이... 3. 화면설계서의 작성 단계. 3-1. 앱의 목표 및 타겟 사용자 설정. - 앱을 제작하는 목적과 핵심 기능을 명확하게 정의합니다. - 앱을 이용하게 될 타겟 사용자의 특성을 분석합니다. 3-2. 사용자 시나리오 작성 - 타겟 사용자가 앱을 어떻게 이용하게 될지 구체적인 시나리오를 작성합니다. - 대표적인 사용자 시나리오를 5~10개 정도 선정합니다. 3-3. 각 시나리오별 화면 구성 및 흐름 설계. - 선정된 사용자 시나리오별로 필요한 화면들을 구성하고, 화면 간의 흐름을 설계합니다. - 각 화면에서 사용자가 수행할 수 있는 작업과 상호작용 요소를 정의합니다 4. 화면설계서 작성 구성 요소. - 화면 설계서에서는 다음과 같은 요소들을 포함해야 합니다. ∇ 프로젝트 정보 : 앱 이름, 버전, 제작 회사 등.... ∇ 목표 및 타겟 사용자 : 앱의 목적, 타겟 사용자의 특성 정리. ∇ 사용자 시나리오 : 대표적인 사용자 시나리오 및 각 시나리오의 흐름 ∇ 화면별 디자인 : 각 화면의 레이아웃, 디자인 요소, 텍스트, 인터렉션 요소들. ∇ 기술 정보 : 화면 구현에 필요한 기술 정보 ∇ 참고 자료 : 디자인 참고 이미지, 외부 링크 등... 브런치 : UX기획자 장기원님, 화면설계서 작성 글 참고. ① 상단 영역 : 빠르게 5. 화면설계서 작성 TIP. - 제품{프로덕트} 제작에 참여하는 모든 이들이 이해하기 쉽도록 간결하고 명확한 용어를 활용하여 작성을 해야하며, 여러가지 경우의 수를 빠짐없이 작성해야 합니다. - 시각적으로 이해하기 쉬운 디자인을 구성해야합니다. - 타겟 사용자를 항상 염두에 둘 것. 2 - 화면설계서, 혹은 스토리보드는 앱 서비스의 사용자 경험(UX)를 시각적으로 표현한 청사진입니다. 마치 영화 스토리보드가 영화의 흐름을 보여주는 것처럼, 화면설계서는 앱 사용자가 앱을 이용하는 과정을 단계별로 보여주고, 각 단계에서 어떤 화면이 나타나고 어떤 상호작용이 일어나는지 명확하게 제시합니다. 앞에서 설계된 정보구조를 어떤 형태로 보이게될지 정하는 구간으로, 실제로 디자인이 구현되기 전 UI가 어떻게 보여지고 동작하는지 보여주는 문서입니다. 화면 설계서는 작성하는 방법에 따라 와이어프레임(wire... 기획공부 화면설계서 서비스기획 앱웹기획 uiux 개발공부 스토리보드 2024.05.22 cha-develop.tistory.com 개발 StoryBoard VS SwiftUI 4 VXcode를 실행해서 swift로 개발을 시작할때 인터페이스를 SwiftUI랑 Storyboard중 한가지를 선택하게 됩니다. 학생때는 Storyboard만을 수업때 사용해서 몰랐지만 궁금해서 알아보게 되었습니다. UIKit 우선 UIKit에 대해서 알고 가야합니다. UIKit(User Interface Kit)는 iOS 앱 UI를 개발을 위한 프레임워크입니다... IOS SWIFT storyboard uikit SWIFTUI 2024.03.01 yegenie-coding.tistory.com Ygenie_coding [Swift] Storyboard 사용 시 Outlet 이름 변경 방법 9 Storyboard에서 UI를 짜고, Code에 연결할 때 아울렛 이름을 지어줘야한다. 하지만, 작업을 하다 보면 이름을 변경해주고 싶은 경우도 생길 것이다. 그래서 위 화면에서 randomButton을 recommendButton으로 변경하고 싶어서 이렇게 변경해주면? 아래 코드에서 이전에 작성했던 이름을 찾을 수 없다는 에러가 뜨고, 밑에... 2024.05.16 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 플러스엑스 커리어 분야 크리에이터 스토리보드, 파워포인트에서 피그마로 이사합니다. (1) 효율적인 실시간 협업 실시간 협업은 사람들에게 피그마의 장점을 물어봤을 때 가장 먼저 언급되는 키워드였습니다. 다들 동의하실 거라 믿습니다… 이전의 요즘 어떤 툴로 작업하세요? 글에서도 소개되었듯 피그마는 웹 기반으로 동작하기 때문에 여러 명과 하나의 파일 안에서 매끄럽게 실시간 협업을 진행할 수 있는데요, 개별 사용자를 선택하면 해당 사용자가 현재 보고 있는 화면을 함께 볼 수 있도록 포커싱 해주는 기능, 슬래시(/) 버튼을 눌러 일시적으로 메시지를 띄울 수 있는 ‘커서 챗(Cursor Chat)’ 기능, 모두가 나의 화면에 주목할 수... (2) 항상 최신 버전의 파일 이제 CTRL + S 고통은 안녕… 다음으로 많이 언급된 장점으로 피그마는 늘 최신 버전으로 자동 업데이트되기 때문에 별도의 파일 저장이 필요하지 않다는 점이었어요. 최신 버전으로 늘 파일이 유지되는 덕분에, 팀 내부와 외부 모든 경우에서 서로 다른 버전의 설계서를 읽으며 소통을 하다 혼동이 생길 일도 이제 눈 녹듯이 사라졌죠. 차곡차곡 쌓이는 히스토리를 보면서 지나온 세월을 실감하는 편 하지만 늘 최신 버전으로 자동 저장된다는 장점은, 이전 버전의 설계서들을 다시 확인하기 어렵다는 단점이 되기도 합니다. 다양한... (3) 컴포넌트 수정과 관리의 편의 자세히 보아야 예쁘다… 오래 보아야 사랑스럽다… 컴포넌트도 그렇다… 드르륵 탁… 피그마의 효율성을 최상으로 올려주는 컴포넌트는 이제 설계서와 떼려야 뗄 수 없는 관계가 되었습니다. 저희는 본격적인 설계서 작업 시작 이전에, 설계서 양식 라이브러리를 먼저 제작해 두고 작업 중에 필요한 설계 장표 템플릿을 가져다 활용하는 방식을 택하고 있어요. 기본적인 틀이 잡혀 있는 덕분에 설계 작업 초반부터 막힘없이 설계서 작업을 이어갈 수 있고, 동시에 하나의 프로젝트 내 설계서들 간 장표의 통일성을 긴밀히 유지할 수... (4) 다양한 플러그인의 활용 피그마의 가장 큰 매력은 뭐니 뭐니 해도 수많은 플러그인이죠. 피그마 커뮤니티 내 등록되는 플러그인은 지금 이 순간에도 꾸준히 출시되고 있습니다. 이러한 플러그인을 본인의 작업 니즈에 맞게 활용한다면 업무의 효율성을 크게 올릴 수 있어요. 저희가 설계서 작업을 하며 사용했던 대표적인 플러그인을 몇 가지 소개해 드리고자 합니다. 피그마는 문서 제작에 최적화된 프로그램은 아니기에 파워포인트처럼 우측 하단에 페이지 넘버를 자동으로 생성할 수 없던 단점이 있었어요. (1p, 2p, 3p … 이렇게요) 페이지 넘버를 자동... 글을 마무리하며… 피그마로 설계서를 작업하는 것에 대한 장점을 극히 일부만 추려봤는데도 장점이 정말 어마어마한 것 같아요. 설계서를 작성하는 UX 디자이너는 압도적으로 빠른 속도로 설계서를 작성할 수 있게 되었으며, UI 디자이너와 개발자들은 프로그램 간의 허물어진 경계 덕분에 더욱 효율적으로 각자의 작업을 진행할 수 있었습니다. 또한 PPT/PDF 형식의 설계서를 선호하던 고객사에서도 링크 형식의 피그마 설계서를 더욱 선호하는 경향을 확인할 수 있었는데요, 그만큼 피그마가 접근성이 우수하고 적응하기 쉬운 프로그램이라는 것이... 15 실시간 협업은 사람들에게 피그마의 장점을 물어봤을 때 가장 먼저 언급되는 키워드였습니다. 다들 동의하실 거라 믿습니다… 이전의 요즘 어떤 툴로 작업하세요? 글에서도 소개되었듯 피그마는 웹 기반으로 동작하기 때문에 여러 명과 하나의 파일 안에서 매끄럽게 실시간 협업을 진행할 수 있는데요, 개별 사용자를 선택하면 해당 사용자가 현재 보고 있는 화면을 함께 볼 수 있도록 포커싱 해주는 기능, 슬래시(/) 버튼을 눌러 일시적으로 메시지를 띄울 수 있는 ‘커서 챗(Cursor Chat)’ 기능, 모두가 나의 화면에 주목할 수... 플러스엑스 UX디자인 UX 2024.03.05 브런치스토리 검색 더보기 story.kakao.com 앳스타일 앳스타일 - 카카오스토리 CGV가 싱어송라이터 서리의 팬미팅 To Seoros: Our Storyboard 를 연다. 서리(Seori)는 2019년 유튜브에 올린 커버 영상으로 입소문을 타며 주목을 받았고, 2020년 ?depacse ohw 를 발매해 데뷔했다. #서리 #Seori 2024.05.27 카카오스토리 검색 더보기 커리어 크리에이터 보기
STORYBOARD blog.naver.com/storyboard21 네이버 블로그 영화, 광고, cf, 애니메이션, 인쇄, 스토리보드, 콘티, 일러스트, 컨셉, 시안 제작 안내. StoryBoard storyboard.openstack.org/ 웹수집 Free Storyboarding Software — Online Storyboard Creator www.storyboardthat.com/ 웹수집 Create storyboards with our free storyboard software! Filmmakers, teachers and students all love... 사이트 더보기
서비스 안내 Melon Company가 운영하는 음악 서비스입니다. 다른 사이트 더보기 Storyboard 이신우 앨범 Storyboard 2019.09.25. Storyboard (JMJL Rework) The Album Leaf 앨범 Storyboard ... 2021.08.06. Storyboard 이신우 앨범 MAKE YOUR R... 2020.10.29. Storyboard Angela Puxi 앨범 Christmas E... 2017.12.12. Storyboard Didier Lockwood 앨범 3 Original ... 2010.05.03. Storyboard Randy Barr 앨범 Storyboard 2017.04.18. Storyboard Toufic Farroukh 앨범 Cinema Beyr... 2012.02.17. Storyboard Damien Jurado 앨범 Crippled Cute 2010.03.22. Storyboard The Unit 앨범 Devices 2004.01.01. Storyboard Have You Ever Seen The Jane Fonda Aerobic VHS? 앨범 Maine Coon 2022.06.03. Storyboard Michelle Qureshi 앨범 Within 2020.09.25. Storyboard Hound 앨범 Black God 2014.01.10. Storyboard (Live) The Album Leaf 앨범 Seal Beach 2003.03.05. Storyboard Miles apart 앨범 Storyboard 2002.01.01. Storyboard Leandro Aconcha 앨범 Cinema Beyr... 2017.09.01. Storyboard Violavenere 앨범 Una E Zero ... 2008.01.01. Storyboard Lynne Timmes Carlock 앨범 Once and fo... 2012.01.03. Storyboard Men From Nobu 앨범 The 3rd Ear... 2016.08.08. Storyboard Didier Lockwood 앨범 Storyboard 1996.09.01. Storyboard Lester crab 앨범 Crabs in a ... 2018.10.19. 더보기