비전공자 개발일기

React & Vue & Svelte

HiroDaegu — Mon, 1 May 2023 19:02:29 +0900

React, Vue 및 Svelte는 동적 사용자 인터페이스를 구축하는 데 사용되는 인기 있는 프런트 엔드 프레임워크입니다.

REACT

[React]
React의 장점에는 크고 활동적인 커뮤니티, 우수한 문서, 재사용성을 촉진하는 구성 요소 기반 아키텍처가 포함됩니다. 단점으로는 가파른 학습 곡선, 장황한 구문, 상태 및 라우팅을 관리하기 위한 추가 라이브러리의 필요성이 있습니다.

VUE

[Vue]
Vue의 장점에는 완만한 학습 곡선, 명확한 문서, 읽고 쓰기 쉬운 템플릿 기반 구문이 포함됩니다. 단점은 React보다 작은 커뮤니티와 구성 요소 기반 아키텍처의 유연성이 낮다는 것입니다.

SVELTE

[Svelte]
Svelte의 전문가는 빌드 시 코드를 컴파일하여 로드 시간을 단축하고 번들 크기를 더 작게 만들어 성능을 최적화하는 고유한 접근 방식을 포함합니다. 단점에는 React 및 Vue보다 작은 커뮤니티와 덜 성숙한 도구 및 라이브러리 생태계가 포함됩니다.

[공통점]
세 가지 프레임워크 간의 공통점에는 재사용 가능한 구성 요소 구축에 대한 초점, 반응형 프로그래밍 지원, 렌더링 업데이트에 대한 가상 DOM 접근 방식이 포함됩니다.

[차이점]
프레임워크 간의 차이점에는 구문과 구성 요소 기반 아키텍처에 대한 접근 방식이 포함됩니다. React는 JavaScript와 JSX를 사용하여 구성 요소를 정의하는 반면 Vue는 템플릿을 사용하고 Svelte는 HTML과 JavaScript를 혼합하여 사용합니다. React와 Vue는 업데이트를 관리하기 위해 가상 DOM에 의존하는 반면, Svelte는 더 나은 성능을 위해 빌드 시 코드를 컴파일합니다.

[요약]
궁극적으로 React, Vue 및 Svelte 중에서 선택하는 것은 프로젝트의 특정 요구 사항, 개발 팀의 선호도 및 사용 가능한 리소스에 따라 다릅니다. 세 가지 프레임워크 모두 최신 웹 애플리케이션 구축을 위한 강력한 도구를 제공합니다.

React Native

[React Native]

React Native는 JavaScript 및 React를 사용하여 모바일 애플리케이션을 구축하는 데 널리 사용되는 프레임워크로, 개발자가 코드를 한 번 작성하고 여러 플랫폼에 배포할 수 있습니다.

[장점]
교차 플랫폼 개발: React Native를 사용하면 개발자가 코드를 한 번 작성하고 iOS 및 Android 플랫폼 모두에 배포하여 시간과 리소스를 절약할 수 있습니다.
기본 성능: React Native는 기본 구성 요소를 사용하여 UI를 렌더링하므로 성능이 향상되고 로드 시간이 빨라집니다.
크고 활동적인 커뮤니티: React Native에는 크고 활동적인 개발자 커뮤니티가 있어 도움말, 리소스 및 타사 라이브러리를 쉽게 찾을 수 있습니다.
코드 재사용성: React Native는 플랫폼 간에 코드를 공유하므로 코드 재사용성이 가능하여 개발 시간과 비용을 줄일 수 있습니다.
핫 리로딩: React Native는 핫 리로딩이라는 기능을 제공하여 개발자가 전체 애플리케이션을 다시 컴파일할 필요 없이 앱에 대한 변경 사항을 실시간으로 확인할 수 있습니다.

[단점]
제한된 기능: 기본 모바일 개발에서 사용할 수 있는 일부 복잡한 기능은 React Native에서 사용할 수 없으므로 기능이 제한될 수 있습니다.
큰 파일 크기: React Native는 큰 파일 크기를 생성할 수 있으므로 다운로드 시간이 느려지고 저장 문제가 발생할 수 있습니다.
학습 곡선: React Native는 특히 React 또는 JavaScript에 익숙하지 않은 개발자의 경우 가파른 학습 곡선을 가질 수 있습니다.
장치 기능에 대한 제한된 액세스: React Native는 기본 앱이 액세스할 수 있는 모든 장치 기능 및 하드웨어에 대한 액세스를 제공하지 않을 수 있습니다.
디버깅 문제: React Native 앱 디버깅은 특히 복잡하거나 중첩된 구성 요소를 처리할 때 어려울 수 있습니다.

[요약]
React Native는 시간과 리소스를 절약할 수 있는 잠재력이 있는 크로스 플랫폼 모바일 개발을 위한 강력한 도구를 제공하지만 개발자가 모바일 개발 솔루션으로 선택하기 전에 알아야 할 제한 사항과 과제도 있습니다.

iOS 개발자가 되기 위해서

HiroDaegu — Sun, 30 Apr 2023 15:15:37 +0900

Apple

iOS 개발자가 되려면 기술과 창의성의 조합이 필요합니다. iOS 개발자는 Apple의 모바일 운영 체제인 iOS에서 실행되는 애플리케이션을 만드는 일을 담당하게 됩니다. 성공적인 iOS 개발자가 되기 위해 집중해야 할 주요 영역은 다음과 같습니다.

Swift

프로그래밍 언어: iOS 애플리케이션 개발에 사용되는 기본 언어는 Apple에서 개발한 현대적이고 빠르고 안전한 프로그래밍 언어인 Swift입니다. 또한 많은 레거시 앱에서 여전히 사용하는 iOS 앱 개발에 사용되는 이전 언어인 Objective-C에 익숙해야 합니다.

iOS 개발 프레임워크: iOS 개발자는 UIKit, Foundation, Core Data, Core Animation 등 Apple에서 제공하는 다양한 프레임워크에 익숙해야 합니다. 이러한 프레임워크는 iOS 앱을 만들기 위한 빌딩 블록을 제공합니다.

Xcode IDE: Xcode는 iOS 앱 개발을 위한 Apple의 공식 통합 개발 환경(IDE)입니다. Xcode를 사용하여 iOS 앱을 생성, 테스트 및 배포하는 방법을 알아야 합니다.

사용자 인터페이스(UI) 디자인: UI 디자인 원칙과 Apple에서 제공하는 HIG(Human Interface Guidelines)를 잘 이해하고 있어야 합니다. iOS 앱을 위한 시각적으로 매력적이고 직관적인 사용자 인터페이스를 만들 수 있어야 합니다.

앱 아키텍처: MVC, MVVM, VIPER 등 iOS 앱 개발에 사용되는 다양한 앱 아키텍처를 잘 이해하고 있어야 합니다. 앱 아키텍처는 확장 가능하고 유지 관리 가능한 iOS 앱을 만드는 데 필수적입니다.

API 및 웹 서비스: 외부 소스에서 데이터를 가져와 iOS 앱에 통합하려면 API 및 웹 서비스 사용에 익숙해야 합니다. RESTful API, JSON 및 XML로 작업하는 방법을 알고 있어야 합니다.

버전 제어: 코드 변경 사항을 추적하고 다른 개발자와 협업할 수 있는 Git과 같은 버전 제어 도구에 익숙해야 합니다.

테스트 및 디버깅: 버그가 없고 의도한 대로 작동하는지 확인하기 위해 iOS 앱을 테스트하고 디버깅하는 방법을 알아야 합니다. XCTest, Quick 및 Nimble과 같은 다양한 테스트 도구 및 프레임워크에 익숙해야 합니다.

지속적인 통합 및 배포: Jenkins, Travis CI 및 Fastlane과 같은 도구를 사용하여 iOS 앱을 구축, 테스트 및 배포하는 프로세스를 자동화하는 방법을 알고 있어야 합니다.

소프트 스킬: iOS 개발자로서 뛰어난 커뮤니케이션, 문제 해결 및 팀워크 기술이 필요합니다. 다른 개발자, 디자이너 및 이해 관계자와 효과적으로 작업할 수 있어야 합니다.

요약하면 iOS 개발자가 되려면 기술, 창의성, 소프트 스킬이 모두 필요합니다. 성공적인 iOS 개발자가 되려면 프로그래밍 언어, iOS 개발 프레임워크, Xcode IDE, UI 디자인 원칙, 앱 아키텍처, API 및 웹 서비스, 버전 제어, 테스트 및 디버깅, 지속적 통합 및 배포, 소프트 스킬에 익숙해야 합니다. . 올바른 기술과 지식이 있으면 성공적인 iOS 개발자가 되어 수백만 명의 사용자를 위한 놀라운 앱을 만들 수 있습니다.

iMac

After Last Xcode Update (14.3 14E222b) I am no longer able to archive my app

HiroDaegu — Tue, 25 Apr 2023 14:00:33 +0900

Xcode를 14.3으로 업데이트한 이후, 제작하고 있는 어플을 테스트하기 위해 archive를 했으나 아래의 에러가 발생

rsync error: some files could not be transferred (code 23) at /AppleInternal/Library/BuildRoots/97f6331a-ba75-11ed-a4bc-863efbbaf80d/Library/Caches/co m.apple.xbs/Sources/rsync/rsync/main.c(996) [sender=2.6.9]

구글링을 통해서 알게된 내용

https://developer.apple.com/forums/thread/727525

After Last Xcode Update (14.3 14E2… | Apple Developer Forums

A few days ago, I updated to a new XCode version. I am trying to upload a new version of my dictionary app. Despite the app continues to work on iPhone and iPad emulator and on my MacBook air without any problems, archiving fails, with errors like: "Showin

developer.apple.com

-> Cocoapod에 문제가 있다..

해결방법

Pods-APPNAME-frameworks.sh의 코드를 변경하는 것

// 변경전
  if [ -L "${source}" ]; then
    echo "Symlinked..."
    source="$(readlink "${source}")"
  fi

// 변경 후
  if [ -L "${source}" ]; then
    echo "Symlinked..."
    source="$(readlink -f "${source}")"
  fi

Distance Calculator

HiroDaegu — Fri, 21 Apr 2023 11:39:26 +0900

import UIKit
import CoreLocation

func distanceCalculator(preLat: Double?, preLng: Double?, postLat: Double?, postLng: Double?) -> String {
    guard let preLat = preLat, let preLng = preLng, let postLat = postLat, let postLng = postLng else {
        return ""
    }
    let preLocation = CLLocation(latitude: preLat, longitude: preLng)
    let postLocation = CLLocation(latitude: postLat, longitude: postLng)
    let distanceInMeters = preLocation.distance(from: postLocation)
    return String(distanceInMeters.rounded(.toNearestOrAwayFromZero))
}

let res = distanceCalculator(preLat: +37.33124551, preLng: -122.03073664, postLat: +37.33121136, postLng: -122.03073097)
print("RESULT is \(res)m")

Xcode Simulator Cache Delete

HiroDaegu — Fri, 21 Apr 2023 10:57:32 +0900

rm -rf ~/Library/Developer/Xcode/DerivedData

Virate Method

HiroDaegu — Fri, 14 Apr 2023 16:18:17 +0900

import AVFoundation

class ViewController: UIViewController {

	override viewDidLoad() {
    
    	super.viewDidLoad()
        
    }
    
    ...
    
    // Vibrate Method
	func vibrate() {
        AudioServicesPlaySystemSound(kSystemSoundID_Vibrate)
    }

}

gitignore 사용법

HiroDaegu — Wed, 12 Apr 2023 00:14:34 +0900

https://www.toptal.com/developers/gitignore

gitignore.io

Create useful .gitignore files for your project

www.toptal.com

작업 환경에 맞는 걸로 입력 후 생성하기

# Created by https://www.toptal.com/developers/gitignore/api/swift,xcode,cocoapods
# Edit at https://www.toptal.com/developers/gitignore?templates=swift,xcode,cocoapods

### CocoaPods ###
## CocoaPods GitIgnore Template

# CocoaPods - Only use to conserve bandwidth / Save time on Pushing
#           - Also handy if you have a large number of dependant pods
#           - AS PER https://guides.cocoapods.org/using/using-cocoapods.html NEVER IGNORE THE LOCK FILE
Pods/

### Swift ###
# Xcode
#
# gitignore contributors: remember to update Global/Xcode.gitignore, Objective-C.gitignore & Swift.gitignore

## User settings
xcuserdata/

## compatibility with Xcode 8 and earlier (ignoring not required starting Xcode 9)
*.xcscmblueprint
*.xccheckout

## compatibility with Xcode 3 and earlier (ignoring not required starting Xcode 4)
build/
DerivedData/
*.moved-aside
*.pbxuser
!default.pbxuser
*.mode1v3
!default.mode1v3
*.mode2v3
!default.mode2v3
*.perspectivev3
!default.perspectivev3

## Obj-C/Swift specific
*.hmap

## App packaging
*.ipa
*.dSYM.zip
*.dSYM

## Playgrounds
timeline.xctimeline
playground.xcworkspace

# Swift Package Manager
# Add this line if you want to avoid checking in source code from Swift Package Manager dependencies.
# Packages/
# Package.pins
# Package.resolved
# *.xcodeproj
# Xcode automatically generates this directory with a .xcworkspacedata file and xcuserdata
# hence it is not needed unless you have added a package configuration file to your project
# .swiftpm

.build/

# CocoaPods
# We recommend against adding the Pods directory to your .gitignore. However
# you should judge for yourself, the pros and cons are mentioned at:
# https://guides.cocoapods.org/using/using-cocoapods.html#should-i-check-the-pods-directory-into-source-control
# Pods/
# Add this line if you want to avoid checking in source code from the Xcode workspace
# *.xcworkspace

# Carthage
# Add this line if you want to avoid checking in source code from Carthage dependencies.
# Carthage/Checkouts

Carthage/Build/

# Accio dependency management
Dependencies/
.accio/

# fastlane
# It is recommended to not store the screenshots in the git repo.
# Instead, use fastlane to re-generate the screenshots whenever they are needed.
# For more information about the recommended setup visit:
# https://docs.fastlane.tools/best-practices/source-control/#source-control

fastlane/report.xml
fastlane/Preview.html
fastlane/screenshots/**/*.png
fastlane/test_output

# Code Injection
# After new code Injection tools there's a generated folder /iOSInjectionProject
# https://github.com/johnno1962/injectionforxcode

iOSInjectionProject/

### Xcode ###

## Xcode 8 and earlier

### Xcode Patch ###
*.xcodeproj/*
!*.xcodeproj/project.pbxproj
!*.xcodeproj/xcshareddata/
!*.xcodeproj/project.xcworkspace/
!*.xcworkspace/contents.xcworkspacedata
/*.gcno
**/xcshareddata/WorkspaceSettings.xcsettings

GoogleService-Info.plist

# End of https://www.toptal.com/developers/gitignore/api/swift,xcode,cocoapods

터미널 열기

git rm -r --cached .
git add .
git commit -m 'message'
git push origin main

Inspection of Web Content not working with iOS 16.4+

HiroDaegu — Tue, 11 Apr 2023 08:57:42 +0900

문제 상황

Swift WKWebView를 활용하여 앱을 제작하고 있고, Web Page의 Script나 Tag를 확인하기 위해서 Safari의 개발자용 -> 연결된 기기를 통해서 Web Page를 Debugging 하는 과정에서 문제 발견

iOS 16.0.0 (iPhone XR) 환경

iOS 16.4.1(iPhone 11) 환경

해결 방법

if #available(iOS 16.4, *) {
    myWebView.isInspectable = true
}

https://developer.apple.com/documentation/webkit/wkwebview/4111163-isinspectable

isInspectable | Apple Developer Documentation

There's never been a better time to develop for Apple platforms.

developer.apple.com

WKWebView OverScroll Disable Setting

HiroDaegu — Wed, 15 Mar 2023 15:21:26 +0900

<1안>

var isScrolling = false
...

let preferences = WKPreferences()
preferences.javaScriptCanOpenWindowsAutomatically = true

...

let contentController = WKUserContentController()

...

let configuration = WKWebViewConfiguration()
configuration.preferences = preferences
configuration.userContentController = contentController

...

webView = WKWebView(frame: self.view.bounds, configuration: configuration)

...

webView.scrollView.delegate = self

...

webView.scrollView.alwaysBounceVertical = false
webView.scrollView.bounces = false

...

extension ViewController: UIScrollViewDelegate {
    
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        guard !isScrolling else { return }
        isScrolling = true
        
        if scrollView.contentOffset.y <= 0 {
            scrollView.contentOffset = CGPoint.zero
        }
        if scrollView.contentOffset.y >= scrollView.contentSize.height - scrollView.bounds.size.height {
            let offset = CGPoint(x: scrollView.contentOffset.x, y: scrollView.contentSize.height - scrollView.bounds.size.height)
            scrollView.setContentOffset(offset, animated: false)
        }
        
        isScrolling = false
    }
    
}

<2안>

...

let preferences = WKPreferences()
preferences.javaScriptCanOpenWindowsAutomatically = true

...

let contentController = WKUserContentController()

...

let configuration = WKWebViewConfiguration()
configuration.preferences = preferences
configuration.userContentController = contentController

...

webView = WKWebView(frame: self.view.bounds, configuration: configuration)

...

webView.scrollView.delegate = self

...

webView.scrollView.alwaysBounceVertical = false
webView.scrollView.bounces = false
if #available(iOS 11.0, *) {
    webView.scrollView.contentInsetAdjustmentBehavior = .never
} else {
    automaticallyAdjustsScrollViewInsets = false
}

...

Swift WKWebView Debugging with Safari

HiroDaegu — Thu, 9 Mar 2023 16:28:24 +0900

비전공자 개발일기

React & Vue & Svelte

iOS 개발자가 되기 위해서

After Last Xcode Update (14.3 14E222b) I am no longer able to archive my app

Xcode를 14.3으로 업데이트한 이후, 제작하고 있는 어플을 테스트하기 위해 archive를 했으나 아래의 에러가 발생

구글링을 통해서 알게된 내용

-> Cocoapod에 문제가 있다..

해결방법

Distance Calculator

Xcode Simulator Cache Delete

Virate Method

gitignore 사용법

터미널 열기

Inspection of Web Content not working with iOS 16.4+

문제 상황

Swift WKWebView를 활용하여 앱을 제작하고 있고, Web Page의 Script나 Tag를 확인하기 위해서 Safari의 개발자용 -> 연결된 기기를 통해서 Web Page를 Debugging 하는 과정에서 문제 발견

해결 방법

WKWebView OverScroll Disable Setting

<1안>

<2안>

Swift WKWebView Debugging with Safari

1. Xcode에서 Simulator 또는 USB로 연결한 실제기기를 Cmd + R(빌드)

2. Safari Open 후 개발자용 메뉴 선택

개발자용 메뉴가 없을 경우

1. Mac Safari Setting

2. iPhone Safari Setting

3. 해당 웹페에지 클릭

4. 웹 속성 확인

비전공자 개발일기

React & Vue & Svelte

iOS 개발자가 되기 위해서

After Last Xcode Update (14.3 14E222b) I am no longer able to archive my app

Xcode를 14.3으로 업데이트한 이후, 제작하고 있는 어플을 테스트하기 위해 archive를 했으나 아래의 에러가 발생

구글링을 통해서 알게된 내용

-> Cocoapod에 문제가 있다..

해결방법

Distance Calculator

Xcode Simulator Cache Delete

Virate Method

gitignore 사용법

터미널 열기

Inspection of Web Content not working with iOS 16.4+

문제 상황 Swift WKWebView를 활용하여 앱을 제작하고 있고, Web Page의 Script나 Tag를 확인하기 위해서 Safari의 개발자용 -> 연결된 기기를 통해서 Web Page를 Debugging 하는 과정에서 문제 발견

해결 방법

WKWebView OverScroll Disable Setting

<1안>

<2안>

Swift WKWebView Debugging with Safari

1. Xcode에서 Simulator 또는 USB로 연결한 실제기기를 Cmd + R(빌드)

2. Safari Open 후 개발자용 메뉴 선택

개발자용 메뉴가 없을 경우

1. Mac Safari Setting

2. iPhone Safari Setting

3. 해당 웹페에지 클릭

4. 웹 속성 확인

문제 상황

Swift WKWebView를 활용하여 앱을 제작하고 있고, Web Page의 Script나 Tag를 확인하기 위해서 Safari의 개발자용 -> 연결된 기기를 통해서 Web Page를 Debugging 하는 과정에서 문제 발견