개발 노트

Swift로 개발 중에 특정 상황에서 A 요소를 B 요소의 위치 쪽으로 옮겨야할 일이 생겼다.이를 위해 A, B 두 요소의 절대 위치를 파악하여 A 요소를 이동시켜야 했는데,해당 과정에서 GeometryReader의 추가적인 활용법을 알게 되어 이를 정리하고자 한다. 구현 필요 사항import SwiftUIstruct ContentView: View { var body: some View { VStack { HStack { Rectangle() .foregroundStyle(.blue) .frame(width: 100, height: 100) Sp..

개요개발을 하다가 심심치 않게 보이는 아래와 같은 문법.처음에는 '아 클로저가 함수 그냥 축약이구나'라고 넘겨짚고 개발을 했었는데,알면 알수록 단순한 개념이 아니고, 심화 개념(캡쳐, 순환 참조 문제 등)역시 존재했다.그래서 이번 시간에는 클로저 관련 개념을 두 포스팅에 걸쳐 정리해보고자 한다. 첫 포스팅(이번 포스팅)은 클로저의 기초 문법에 대해서 다뤄 볼 것이고두번째 포스팅은 클로저의 심화 개념 및 순환 참조 문제에 대해서 다뤄보고자 한다. 이번 포스팅만 보더라도 기본 클로저의 사용법은 알 수 있게끔 구성하였으니,아직 Swift가 익숙치 않다면 이번 포스팅만 봐도 충분할 것 같다.그럼 시작해보자! 클로저란?Closures are self-contained blocks of functionality ..

개요종종 딥 링킹 등을 통해 외부 환경에서 앱을 실행하고, 그에 따른 결과를 디버깅해야 할 때가 있다.그러나 기본적으로 XCode에서는 앱 빌드 → 실행 프로세스를 통해서만 XCode 디버깅 모드와 연결되며, 이후 어플리케이션 종료 시 해당 연결이 끊기게 된다.즉, 일반적으로는 외부 환경에서 어플리케이션 실행 시 XCode가 이를 감지하지 못해, 콘솔 출력을 포함한 디버깅이 불가능하다.어떻게 문제를 해결할 수 있을 지에 대해 알아보자. 해결책1. Launch Option 변경Launch Option을 확인하면, 처음에는 ‘Automatically’로 설정되어 있을 것이다. 이를 ‘Wait for the executable to be launched’로 변경한다.해당 옵션으로 변경 시 CMD + R 이후 ..

개요이전에 React Native를 이용해 크로스플랫폼으로 어플을 제작한 경험이 있는데, 이 때는 FCM(Firebase Cloud Messaging) 서비스를 통해 원격 푸시 알림을 구현했었다. 누군가가 나를 초대했을 때 어플에 접속 중이 아니더라도 알림을 보여주어, 유저 리텐션 높이기에 긍정적인 영향을 주었던 기억이 난다.최근 회사에서는 네이티브 개발을 하면서 똑같이 원격 푸시 알림을 구현하는 업무를 맡게 되었는데, 네이티브의 경우 내가 알던 방식과 구현 방식이 살짝 달랐다.네이티브로 개발 시에는 어떤 방식으로 원격 푸시 알림을 구현할 수 있는지에 대해 조사해 보았다. 푸시 알림의 종류원격 푸시 알림에 대해 알아보기에 앞서, 먼저 푸시 알림의 종류에는 어떤 것들이 있는지부터 알아보자.푸시 알림은 ‘트..

GitHub에는 협업을 돕기 위한 다양한 기능들이 있으며, 그 중 하나가 바로 Issue 기능이다.일반적으로 Issue는 ‘문제점’으로 번역되지만, 실제로는 단순한 버그 신고뿐만 아니라 기능 개발, 작업 요청, 개선 제안 등 개발과 관련된 다양한 항목을 관리하는 데 범용적으로 사용된다. 이러한 관리를 통해 프로젝트를 더욱 체계적으로 관리할 수 있다.이번 글에서는 실제 개발 과정에서 Issue를 어떻게 효과적으로 활용할 수 있는지, 그리고 Issue를 보다 간편하게 생성할 수 있도록 도와주는 Issue 템플릿 기능에 대해 알아보고자 한다.GitHub Issue란?GitHub Issue는 GitHub 저장소(repository)에서 작업 항목을 추적하고 협업하기 위한 도구이다. 작업 항목이라고 한다면, 버그..

개요iOS에서의 앱 생명주기는, iOS 13 전후로 작동 방식이 다르다.iOS 13부터는 앱 하나를 여러 개의 창으로 띄우는 멀티 윈도우 기능을 지원하게 되면서 생명주기 관리 방식이 기존보다 더 세분화되었으며, 이에 따라 앱의 생명주기 관리 구조 역시 변경되었다.앱 생명주기에 대해 설명하고 멀티 윈도우 도입 전후의 차이점을 비교하여, 실제로 이를 어떻게 핸들링할 수 있는지 설명하고자 한다. 목차앱의 상태 및 생명주기멀티 윈도우 도입에 따른 변화iOS 13 이전과 이후 변화된 생명주기 관리 방식iOS 13 이전과 이후, 생명주기를 고려한 iOS 호환성을 유지하는 방법 앱의 상태 및 생명주기앱의 생명주기란, 앱의 상태가 전환되는 일련의 과정을 말한다. 앱 상태의 경우 크게는 세 가지, 더 세분화된다면 다섯 ..

최근 iOS 개발자가 되기 위한 여정을 시작하고, Swift 문법 공부를 시작했다.최근 몇몇 기업에서는 코딩 테스트 자체를 모집 분야의 주 언어로만 가능하도록 제한하는 경향이 있다고 하여, PS 역시 기존 C++에서 Swift로 변경하면 좋을 것 같았다. 이에 내가 구성한 VSCode 내에서의 단일 파일 실행 환경 세팅 및, 자잘한 팁에 대해 공유해보고자 한다. 단일 Swift 파일 실행 명령어 XCode 또는 Swift만 설치되어 있다면, 의외로 단일 파일을 실행하는 것은 쉽다. 터미널 환경에서swift [실행할 swift 파일 경로] 명령어만 입력하면 별도의 빌드 과정 없이 단일 파일을 쉽게 실행해볼 수 있다.'그렇다면 단축키를 통해 저 터미널 명령어를 실행하면 되지 않을까?' 라는 생각 하에, VS..

개요원래 VSCode에서 프론트엔드 개발 및 React Native 개발을 하다가, 최근 iOS 개발에 관심이 생겨 XCode를 사용하게 되었다. 사실 불편한 점이 여간 한두개가 아니었는데, 그 중 가장 불편했던 점이 단축키 관련 이슈였다.VSCode만으로 거의 몇년째 개발을 했고, 그 중에서 상당히 유용하게 썼던 단축키가 꽤 많았는데 대부분이 XCode에서 적용되지 않아서 결국 단축키 세팅을 VSCode처럼 변경했다. 나와 비슷한 고충을 겪는 사람이 있을 것 같아, 해당 설정을 공유해보고자 한다. 해당 설정을 바탕으로, 본인 입맛대로 추가 커스텀을 통해 사용하면 될 것 같다.주요 변경점으로는 아래와 같다.⌘+D : 현재 파일 내에서, 현재 선택된 영역과 동일한 이름을 가지는 다음 영역 선택(수정도 가능..

React Native를 이용해 서비스를 개발하던 중, UX 측면에서 좋지 않은 현상 하나를 겪었다. 새로고침 시 이미지가 깜빡이는 현상(flickering)이 생기고 있었다.문제를 찾기 위해 디버깅을 해 보니, 그 이유는 AWS의 Presigned Url에 있었다. 이미지 관련 정보를 S3에서 동적으로 받아오는 형태로 아키텍처를 구성했는데, 동일한 리소스에 대한 요청에도 그때마다 다른 url 값을 반환하는 특성 상 Image 객체의 url이 변경되어, 원치 않는 리렌더링이 발생하는 것이었다. 이미지 자동 캐싱을 해 주는 react-native-fast-image 라이브러리를 써 봤을 때에도 별다른 효과가 없었고, 이후 조금 더 근본적인 해결책을 찾게 되었다. patch 파일을 통해 라이브러리 코드를 직..

문제 상황React Native를 이용해 프로젝트를 진행하고 있는데, IOS에서는 정상적으로 보이는 그림자가 Android에서는 좌우로 잘려 보인다.  원인const GeneralCommunity: React.FC = () => { const { postList, getPostListByBoardId } = useCommunityContext(); const { tokenHeader } = useContext(AuthContext); useEffect(() => { if (!tokenHeader) return; getPostListByBoardId(tokenHeader, 1, 0); }, [tokenHeader]); return ( ( // 그림자 효..