티스토리

개발공방
검색하기

블로그 홈

개발공방

dev-workplace.tistory.com/m

iOS, Flutter

구독자
6
방명록 방문하기

주요 글 목록

  • [애니또] 상속 → 프로토콜 통한 낭비되는 코드 줄이기 - 리팩토링 (5) BaseViewController를 만든 이유 BaseViewController는 프로젝트가 시작될 때부터 만들어 사용하던 클래스였다. 팀원 중 한 분께서 공통으로 사용하는 BaseViewController를 만들고, 각 ViewController에서 상속받아 사용했을 때의 장점을 말씀해 주셨다. 그에 팀원 모두 납득하고 장점이 확실해서 따르기로 했다. 우리 프로젝트에서 공통으로 적용되는 부분은 세 가지가 있었다. View의 배경색 통일 커스텀 네비게이션 터치해서 키보드 내리기 위 기능들을 BaseViewController에 구현해두고 각 화면별 ViewController마다 상속받아 사용해서 불필요한 중복 코드를 줄일 수 있었다. 장점은 확실했다. 개발 시간도 줄게 되고, 내가 구현해야 하는 부분에만 .. 공감수 2 댓글수 1 2023. 10. 30.
  • 가볍게 시작하는 Unit Test (with. XCTest) 이 글의 목표 뭐야? 테스트 이게 끝이야? 별거 없잖아? 테스트 세팅 위 사진처럼 처음 프로젝트를 만들때 Test를 포함했다면 상관 없지만, 테스트를 포함하지 않았거나 위 사진처럼 Target에 Test가 없을땐 직접 추가해주면 된다. Test Target 추가하는 방법 위 사진 순서대로 Test Target을 추가하면 된다. 테스트 대상 우선 테스트 코드를 아주 쉽게 접근하기 위해 아주 간단한 테스트를 먼저 만나보자. 현재 애니또에서 사용하는 Entity중 하나인 RoomListItem 에 대한 테스트 코드를 작성해보겠다. struct RoomListItem { /// 방의 고유 id값 let id: Int /// 방 제목 let title: String /// 현재 진행 상태 let state: Ro.. 공감수 0 댓글수 0 2023. 9. 19.
  • [iOS] Moya가 테스트에 용이한 이유 (with. Stub) 노션에 먼저 작성한 후 블로그로 옮기기 때문에 노션이 보기에 더 편합니다 https://mingwan.notion.site/Moya-Unit-Test-5745af80d0414f3bbc8f785dd3775efd?pvs=4 들어가면서 Moya의 장점은 뭐가 있을까?? 장점으로 언급되는 곳에는 항상 테스트에 용이하다 라는 말이 항상 존재한다. 얼마나 용이하길래 항상 장점으로 꼽히는 것일까? 한번 알아보자. (Moya를 사용하면서 만들어봤던 영화 검색 프로젝트를 예시로 사용하겠다.) 간단히보는 Moya 사용법 본격적으로 알아보기 전에 아주 간단히 Moya의 사용법을 한번 더 짚고 넘어가자. 다들 알다시피 Moya를 사용하기 위해선 TargetType 이라는 protocol을 채택해야만 한다. import Fou.. 공감수 3 댓글수 0 2023. 8. 22.
  • [애니또] MVVM + Combine Input & Output 구조 - 리팩토링 (4) 노션에 먼저 작성한 후 블로그로 옮기기 때문에 노션이 보기에 더 편합니다 https://mingwan.notion.site/MVVM-Combine-Input-Output-2-3ad9c58dc84c4d0c9a14a34c52b25370?pvs=4 https://dev-workplace.tistory.com/23 [애니또] MVVM + Combine - 리팩토링 (3) 노션에 먼저 작성한 후 블로그로 옮기기 때문에 노션이 보기에 더 편합니다. https://www.notion.so/MVVM-Combine-323ab64639374213b1b1734fcea257e7?pvs=4 [애니또] ViewController와 View의 분리 - 리팩토링 (1) [애니또] View dev-workplace.tistory.co.. 공감수 0 댓글수 0 2023. 7. 14.
  • [애니또] MVVM + Combine - 리팩토링 (3) 노션에 먼저 작성한 후 블로그로 옮기기 때문에 노션이 보기에 더 편합니다. https://www.notion.so/MVVM-Combine-323ab64639374213b1b1734fcea257e7?pvs=4 [애니또] ViewController와 View의 분리 - 리팩토링 (1) [애니또] ViewController와 View의 분리 - 리팩토링 (1) 현재 애니또 iOS팀이 직면한 문제 현재까지 개발하면서 많은 문제와 버그들을 만났다. 첫 문제들을 해결하는데는 어려움이 없었지만, 앱의 규모가 조금씩 커지면서 문제들이 서로 엮이기 시작했 dev-workplace.tistory.com 앞전에 작성한 글을 보면, UIViewController에서 View를 분리한 과정을 볼 수 있다. Delegate 패턴.. 공감수 0 댓글수 2 2023. 6. 15.
  • [애니또] MVVM을 선택한 이유 - 리팩토링 (2) 애니또 팀에서 아키텍쳐 패턴을 고민하던중 MVVM을 선택하게 되었다. 어떤 이유로 선택하게 되었는지 알아보겠다. 애니또 iOS 팀에서 MVVM을 선택한 이유 1. 테스트 가능성 우리의 목표는 테스트 가능한 코드였다. MVC에서는 테스트가 물론 가능할지 몰라도, 번거롭다. 왜냐하면 UIViewController에서 테스트가 필요한 함수들이 UI 코드와 엮여있기 때문이다. 테스트를 하기위해 UI관련 코드까지 작성해야하는 문제가 발생한다. 이런 문제들을 MVVM으로 해결할 수 있다. 비즈니스 로직들을 ViewModel이 소유하고 ViewModel은 View에 관해 일절 모른다. 그러기에 테스트 가능한 코드를 만들기 유리하다. 사실 1번의 이유만으로 충분하다. 2. 기능을 추가하기 힘든 기존의 아키텍처 패턴 M.. 공감수 1 댓글수 0 2023. 6. 7.
  • [Swift] print()와 같은 디버깅 코드들이 앱에 어떤 영향을 미칠까? 코드리뷰를 겪으면서 print() 구문이나, dump() 를 남겨뒀을 때 지워달란 리뷰를 받은적이 있다. 난 해당 값들을 확인하면서 개발하는게 편해서 남겨뒀다가 미처 지우지 못했던 것이다. 그러다 문득 의문이 들었다. 디버깅 코드들이 과연 얼마나 앱에 영향을 미칠까?? 이에 대해 알아보았다. 명확한 공식문서나 WWDC영상은 찾을 수 없었으나, stackoverflow를 통해 어느정도 해답을 얻을 수 있었다. print(), dump() 와 같이 개발하면서 디버깅시에 도움을 주는 코드들이 있다. 하지만 이 코드들은 프로덕션(릴리즈) 상태에서는 해당 코드가 실행은 되지만, 눈으로 확인할 수 없다. 말 그대로 디버깅 코드이기 때문이다. 위와 같은 디버깅 코드들이 프로덕션 코드에 남아있을 때, 생길 수 있는 단.. 공감수 2 댓글수 0 2023. 4. 27.
  • [애니또] ViewController와 View의 분리 - 리팩토링 (1) 현재 애니또 iOS팀이 직면한 문제 현재까지 개발하면서 많은 문제와 버그들을 만났다. 첫 문제들을 해결하는데는 어려움이 없었지만, 앱의 규모가 조금씩 커지면서 문제들이 서로 엮이기 시작했다. 그래서 A라는 문제를 해결하면 B라는 문제가 다시 발생하는 상황이 생겼다. 이렇게 우당탕탕 앱을 만드는 것이 아니라 정형화된 틀이 필요했다. 그리고 각자가 만드는 기능들을 다른 팀원이 테스트하는데 굉장한 어려움이 있었다. 각자가 해당 브랜치로 가서 그 상황을 똑같이 만들어야 테스트가 가능했다. (그래서 PR에 테스트 방법을 상세히 적기도 했다) 애니또 팀에서 리팩토링을 진행한 이유 이젠 그 방식이 아니라 테스트 코드가 포함된 코드를 만들고 싶었고, 팀원끼리 상의한 결과 차근차근 리팩토링을 진행하자! 였다. 현재는 그.. 공감수 0 댓글수 0 2023. 4. 19.
  • Swift UIBezierPath 크리스마스 트리 크리스마스를 맞아 평소 해보고 싶었던 UIBezierPath를 끄적여 보기로 했다. 다들 즐거워하는 크리스마스이기 때문에 그냥 그림을 그리기 보단 의미있는 것을 그리고 싶었다. 그래서 크리스마스 트리를 그리기로 결정했다. UIBezierPath가 어떤건지 대충 알긴하지만 직접 사용해본적은 없었기에, 꽤나 흥미로웠다. 참고 : https://zeddios.tistory.com/814 zedd님의 정리를 참고했다. 정리가 매우 완벽하기 때문에 다른 글을 필요없이 저 시리즈를 쭉 훑어보면 이해가 될 것 같다. zedd님의 글엔 사람들의 이해를 돕기위해 viewDidLoad나 draw 함수에 다 정의되어 있는데, 난 내 방식대로 코드를 짰다. (property를 미리 만들고, 그리는 함수를 분리하는 식) (보시.. 공감수 2 댓글수 4 2022. 12. 25.
  • Swift DispatchQueue 기본 원리 제가 이해한 내용을 이해하기 쉽게 정리합니다. 혼잣말하는 느낌으로 작성해서 반말로 작성했습니다 ! DispatchQueue를 사용해야하는 이유는 도대체 뭘까?? -> 비동기적으로 처리해야할 데이터(API 통신) 가 있을 때 사용한다. (우리가 어떤 앱을 실행했을때 바로 뭔가가 뜨지않고 1~2초후에 뜨는게 API통신으로 어떤 데이터를 불러오기 때문이다.) 비동기적이란 ?? 순차적(직렬적)으로 진행되는 작업이 아닌 병렬적으로 진행되는 작업 이게 무슨 말이지 ?? 1번(2초 걸리는 작업) 2번(3초 걸리는 작업) 3번(1초 걸리는 작업) 4번(2초 걸리는 작업) 으로 수행되어야할 작업이 있을 때 동기(Sync) : 1번이 끝나야 2번이 실행되고, 2번이 끝나야 3번이 실행되고 ... 그럼 총 8초가 걸릴것이다.. 공감수 3 댓글수 8 2022. 7. 14.
  • SwiftUI Firebase firestore 연동 (2) 현재는 간단하게 제목과 닉네임을 받아볼 예정이다 Firebase에서 FirestoreDatabase 탭을 선택한다 위치는 asia-northeast3가 대한민국 서울이다 (참고 : https://firebase.google.com/docs/firestore/locations?hl=ko) Firestore의 구조는 Collection -> Document -> Field or Collection 이다 ex) freeboard -> NDV8FGEUcp7mt5R892bM -> title: "첫 번째 게시물", nickname: "chemi" Collection이 DB의 이름이고, Document가 개별적인 저장공간의 이름이고, Field가 저장되는 값이라 생각하면 이해가 편할 것 같다 Cloud가 생성되면 컬.. 공감수 4 댓글수 0 2022. 5. 14.
  • SwiftUI Firebase firestore 연동 (1) Firebase를 아예 처음 접하는 사람들을 위해, swift로는 연동을 해본적이 없기에 여러모로 도움이 되고자 글을 쓴다 https://console.firebase.google.com/?hl=ko 로그인 - Google 계정 하나의 계정으로 모든 Google 서비스를 Google 계정으로 로그인 accounts.google.com google 로그인 이후 firebase 콘솔로 이동해서 프로젝트 생성 클릭 Analytics는 사용 설정해도되고 안해도 되는데, 실제 출시할 앱이면 사용하는 게 좋지만 지금은 연결방법정도만 알아보는 과정이기 때문에 설정을 하지 않았다. (사용 설정해도 상관 X) 프로젝트 만들기를 누르면 프로젝트가 생성된다 (1분정도 소요) Xcode project를 생성한다 현재는 iOS.. 공감수 3 댓글수 2 2022. 5. 11.
  • Xcode library import 하는 법 Xcode에 기본적으로 import 되어있는 library를 제외하고 외부적으로 import를 해야하는 상황이 있다. 누군가 만든 library를 사용할 때 import하는 방법이다. 1. 해당 GitHub Repo로 들어간 후 클론코드를 복사한다 2. Xcode Project -> File -> Add Packages 3. 오른쪽 검색창에 URL을 입력한다. 4. 해당 library를 선택 후 Add Package 5. 해당 library가 추가된걸 확인할 수 있다. 6. 사용하고픈 위치에서 선언 후 사용하면 된다. 공감수 1 댓글수 2 2022. 5. 7.
  • SwiftUI GroupBox or VStack (+ Flutter) SwiftUI를 좀 끄적여 본 사람이라면 제목에서부터 이상함을 느꼈을지 모른다. SwiftUI를 접한지 일주일도 안됬을때 SwiftUI로 앱을 만들어야 했는데, 당시엔 네모박스를 만드는 법 조차 몰랐다. MainView에 들어갈 카드모양의 View가 필요했다. 앱개발을 Flutter로 먼저 해봐서 얼추 어떻게 만들어야할지 감은 잡혔었다. Flutter의 방식이라면 1. Container로 큰 네모상자를 만들고 2. 내부 child에 Colunm을 받고 3. 내부 children에 각각의 텍스트, 버튼 위젯을 넣고 4. Column의 alignment로 간격을 조절하면 되겠다 라고 생각했다. 더보기 import 'package:flutter/material.dart'; import 'package:flut.. 공감수 1 댓글수 0 2022. 4. 30.
  • WWDC2022 student challenge (2) 먼저 다른 앱들에서도 많이 사용되는 카테고리 버튼이 있는 스크롤뷰를 구현해야겠다고 생각했다. 사용자 입장에서 당연하게 사용하던 기능들을 막상 코드로 작성해서 내가 구현해보려고 하면 은근히 어렵다는걸 다들 느꼈을 것이다. 나도 스위프트 언어는 접해본지 한달밖에 안되서 당연히 사용하던 기능을들 구현하는데 많은 어려움이 있었다. 이런 기능들을 깔끔한 코드로 작성해서 튜토리얼 같은 느낌으로 WWDC를 제출하고 싶었다. 어떤 주제로 카테고리 리스트를 만들지 많이 고민했다. 더보기 1. 처음엔 애플의 제품들(iPad, Mac, iPhone, Accessory등)을 카테고리 버튼의 주제로 선정했는데, 버튼 아래에 표시될 이미지를 구하고 사용하는데 어려움이 있어서 주제를 바꿨다. 2. 다음으로 세계의 다양한 음식문화들.. 공감수 1 댓글수 0 2022. 4. 27.
  • WWDC2022 student challenge (1) 올해 애플아카데미에 들어오면서 스위프트를 처음 접하게 됬다. WWDC student challenge는 학생신분으로만 참여할 수 있어서 어쩌면 올해가 마지막 기회였다. 첫 프로젝트를 SwiftUI로 진행해서 조금은 익힌 상태였다. 플레이그라운드에서 실행가능한 앱을 만들어야 했는데, 시작부터 막막했다. 어디에 코드를 작성해야하고, hidden-code를 사용하는 방법도 몰랐다. 그 정보를 구글링하고 알아내는데 하루를 쓴 것 같다. 후에 안 내용이지만 playgroundbook을 만드는게 아니라 .swiftpm인 스위프트 패키지를 만들어야 하는 것이었다. 처음 주제는 플레이그라운드 북을 생각해서 아이디어를 구상했는데, 스위프트 패키지라는 것을 알고나선 방향이 달라졌다. 플레이그라운드북 형식으로 만들어야 할 .. 공감수 4 댓글수 2 2022. 4. 25.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.