모리스의 개발 노트

안녕하세요. 모리스입니다.😀이번 노트에서는 iOS의 UITableView에서 특정 Section만을 reload하기 위해 reloadSections를 사용하던 중,앱이 Crash 되는 현상을 겪게 되었고, 그 원인과 해결 과정을 공유해보려 합니다.❓문제 상황 개발 중이던 UI는 특정 section을 누르면 해당 section이 펼쳐지는 Accordion UI였습니다. 이를 구현하기 위해 다음과 같이 코드를 작성했죠:func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { switch indexPath.section { case Section.section.rawValue: self.tableVi..

안녕하세요. 모리스입니다.😀이번 포스트는 Firebase의 Dynamic Link를 React Native에서 사용하는 방법에 대해서 작성해 볼까 합니다.그럼 사용법에 앞서 Dynamic Link가 뭔지 부터 알아보고 갈게요!그럼 시작해 볼게요! 🔍 Dynamic Link란?Dynamic Link를 이해하려면 먼저 Deep Link 개념을 알아야 합니다.Deep Link는 웹에서 특정 페이지로 바로 이동할 수 있는 링크를 의미합니다.모바일에서도 비슷하게 특정 화면으로 바로 이동할 수 있지만, 웹과 달리 모바일은 플랫폼(Android/iOS)의 차이, 앱 설치 여부 등 다양한 조건이 필요하죠.Firebase의 Dynamic Link는 이러한 Deep Link의 한계를 보완해줍니다.즉, 앱이 설치되어 있..

안녕하세요. 모리스입니다.😀이번 포스트는 재미난 라이브러리 하나를 소개해 보려합니다.!React Native에서 휴대폰 디바이스의 내장 센서를 사용할 수 있도록 해주는 react-native-sensors라는 라이브러리 입니다.자, 그럼 시작해 볼게요!🔎 react-native-sensors란?react-native-sensors 라이브러리는 React Native 앱에서 휴대폰 디바이스의 내장 센서를 사용할 수 있도록 도와줍니다.이 라이브러리를 통해 다음과 같은 센서 정보를 다룰 수 있어요:가속도계 (Accelerometer)자이로스코프 (Gyroscope)지자기계 (Magnetometer)기압계 / 바로미터 (Barometer)🛠 설치 방법라이브러리 설치 (iOS는 pod install도 함께)..

안녕하세요. 모리스입니다.😀이번 포스트에서는 SEO(검색 엔진 최적화)에 대해서 작성해 보겠습니다.🔍 SEO란?위키백과에 따르면 SEO는 다음과 같이 정의되어 있어요.**SEO(Search Engine Optimization, 검색 엔진 최적화)**는 검색 엔진으로부터 웹사이트나 웹페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정이다.조금 더 풀어 설명하자면, 우리가 Google이나 네이버 같은 검색 엔진에 특정 검색어를 입력했을 때,검색 결과는 검색어와의 연관성을 기준으로 나열돼요.이때 검색 결과 페이지에서 내 웹사이트가 더 상단에 노출되도록 하는 작업이 바로 SEO입니다. 🔗 검색 결과에는 어떤 종류가 있을까?우리가 검색 결과를 보면 크게 두 가지로 나뉘어요:자연 검색 (Organic ..

안녕하세요. 모리스 입니다.😀지금은 iOS 개발을 해서 그런일은 없지만 예전에 RN개발을 할 때 AOS 기기에서 일어났던 이슈를 해결하며 알았던 내용을 작성해 보려해요.그럼 시작해 보겠습니다.!📱 갤럭시 폴드, 넌 대체 왜 그러는 거니…React Native로 앱을 개발하던 중, 메인 화면에 공지사항 팝업을 띄우는 기능을 구현해야 했어요.기능 구현은 금방 끝났고, 서버에서 내려주는 공지 이미지를 잘 렌더링하는 것까진 문제없었습니다.일반적인 디바이스에선 이미지가 예쁘게 잘 나오더라고요.하지만… 미처 생각하지 못한 한 디바이스가 있었으니…바로 갤럭시 폴드…!🤔 갤럭시 폴드는 뭐가 다른가요?갤럭시 폴드는 특이한 구조를 가지고 있어요.접었을 땐 일반 스마트폰보다 조금 더 좁은 화면펼쳤을 땐 거의 태블릿에 ..

안녕하세요. 모리스입니다.😀이번 포스트에서는 저번 노트에 이어 Git의 명령어에 대해서 알아볼게요. 저번 포스트에서는 branch의 생성 및 삭제와 다른 브랜치로의 checkout, pull, commit, push에 대해서 알아봤는데요.이번에는 많이 쓰이지는 않지만 알아두면 유용하게 사용할 만한 stash, revert, reset, rebase에 대해서 작성해 볼게요.📌 git stash작업 중인 내용을 임시로 저장하고, 작업 디렉토리를 깨끗하게 초기화할 수 있어요.브랜치를 변경하거나 잠시 다른 작업을 해야 할 때 유용해요.✅ stash 저장$ git stash✅ 저장한 stash 목록 보기$ git stash list✅ 가장 최근 stash 복원$ git stash apply✅ 특정 stash ..

안녕하세요. 모리스입니다.😀이번 포스트는 개발자라면 필수적으로 알아야할 git에 아주 기본적인 명령어에 대해서 작성해 보려합니다. 사실 git GUI 툴을 쓰다보면 git 명령어를 쓸 일이 없어서.. 자꾸 까먹다 보니 제가 나중에 보려고 포스팅하는거긴 해요..ㅎ터미널 딱! 열어서 git 명령어 잘 쓰시는 분들보면 개발자가 봐도 완전 멋있거든요.ㅎㅎ 🌿 Branch 생성✅ Local Branch로컬에서만 브랜치를 생성할 때는 아래 명령어를 사용해요.$ git branch my_branch_1브랜치를 생성함과 동시에 해당 브랜치로 이동하고 싶다면 아래처럼 해요:$ git checkout -b my_branch_1✅ Remote Branch로컬 브랜치를 만든 다음, 아래 명령어를 입력하면 원격 저장소에도 ..

안녕하세요. 모리스입니다.😀이번 포스트에서는 제가 예전에 RN을 개발하면서 구현했던 React Native에서 카카오 로그인에 대해 작성해 보려합니다. 자 그럼 시작해 보겠습니다.! 📌 Kakao Login 세팅카카오 로그인을 구현하기 위해 먼저 Kakao Developers에서 로그인을 적용할 앱을 등록해야 해요.Kakao Developers > 내 애플리케이션 > 애플리케이션 추가하기를 선택하면 아래와 같은 정보 입력창이 나와요.앱 정보를 입력하고 저장을 누르면 돼요.방금 입력한 앱이 Kakao Developers에 등록된 걸 확인할 수 있어요.제품 설정 > 간편가입 탭에서는 카카오 로그인 시 사용자로부터 어떤 항목에 동의를 받을지 설정할 수 있어요.📌 Kakao Login 구현저는 @react..

안녕하세요 모리스입니다.🙂요즘 블로그 이사하느라 과거에 살아서 티스토리에 현생의 글을 쓰는건 이번이 첫 포스트네요.!얼른 이사를 마치고 열심히 iOS앱에 관한 개발 포스트를 시작하고 싶네요 ㅎㅎ 이번 포스트는 iOS UIKit의 UIImage의 초기화 방식에 대한 내용입니다.많이들 UIImage에서 초기화 하실 때 다음과 같이 하실거예요.let imageView: UIImageView = UIImageView()imageView.image = UIImage(named: "ic_icon")// 또는let imageView = UIImageView(image: .init(named: "ic_icon"))위와 같이 UIImage를 초기화할때 named 프로퍼티를 사용해 이미지 이름을 넣어 초기화하죠! 그럼 ..

안녕하세요. 모리스입니다.😀이번 포스트도 지난 포스트에 이어 NestJS입니다.ㅎㅎ 모든 소프트웨어의 가장 중요한 것 중 하나가 바로 테스트죠!개발자가 아무리 똑똑하다 하더라도 사람이기에 실수가 있을 수 있고, 또 최초 기획된 방향과 다르게 개발이 됐을 수도 있어요.소프트웨어를 개발해 보신 분이라면 QA를 돌면서 이슈가 얼마나 나올까...하는 공포가 몰려오기도 하죠...ㅎ 이 처럼 좋은 소프트웨어 제품을 만들기 위해선 테스트가 중요하다고 생각합니다!이번 주제는 NestJS에서의 Unit Test에 대해서 작성해 보려합니다. 그럼 시작하기 앞서 유닛 테스트(Unit Test)가 뭔지는 아주 간단하게 알아보고 가볼게요!Unit Test컴퓨터 프로그래밍에서 소스 코드의 특정 모듈이 의도된 대로 정확히 작동하..