빌드·링킹·렌더링 내부 동작 Q&A

1. 빌드 스크립트 타이밍 (Pre vs Post)

Xcode 빌드 단계에서 스크립트가 언제 실행되는지 이해

빌드 순서

실제 예시

// 리소스 스캔 → 타입 안전 코드 생성
// 생성된 R.generated.swift가 컴파일 대상
TargetScript.pre(
  script: "rswift generate ...",
  name: "RswiftString"
)

// 링킹 완료 후 dSYM 생성됨
// 생성된 dSYM을 서버에 업로드
TargetScript.post(
  script: "Crashlytics/run",
  name: "FirebaseCrashReport"
)

2. dSYM과 Symbolication

dSYM이란?

dSYM (Debug Symbol file) = 디버그 심볼 파일. 릴리즈 빌드에서 제거된 디버그 정보를 별도 보관.

크래시 리포트 흐름

UUID 매칭

각 빌드마다 고유한 Build UUID가 있어서 정확히 그 빌드의 dSYM을 찾아 매칭:

# dSYM의 UUID 확인
$ dwarfdump --uuid MyApp.app.dSYM
UUID: 12345678-ABCD-1234-ABCD-123456789ABC (arm64)

3. 심볼 테이블 vs 디버그 심볼

DWARF = Debug With Arbitrary Record Format (디버그 정보 표준 포맷)

4. Static Framework 링킹: .a vs .o

.a 파일의 정체

.a는 .o 파일들의 아카이브(묶음)일 뿐:

# .a 안에 뭐가 있는지 확인
$ ar -t libNetwork.a
Network.o
Request.o
Response.o

링킹 과정

5. 심볼 테이블과 링킹 타이밍

컴파일 결과물 (.o 파일)

Static vs Dynamic

GOT (Global Offset Table): 동적 심볼의 실제 주소를 저장하는 별도 테이블. 코드 섹션은 읽기 전용, GOT만 쓰기 가능.

6. reduce vs reduce(into:)

핵심 차이: 복사 vs 수정

[1,2,3].reduce([Int]()) { arr, n in
    return arr + [n * 2]  // 새 배열 반환
}
// 매 반복마다 새 배열 생성

[1,2,3].reduce(into: [Int]()) { arr, n in
    arr.append(n * 2)  // 기존 배열 수정
}
// 하나의 배열 계속 사용

결과는 같다. 성능만 다름.

실제 사용 예: 도메인 치환

public func apply(to urlString: String) -> String {
    rules.reduce(urlString) { result, rule in
        result.replacingOccurrences(of: rule.from, with: rule.to)
    }
}
// 문자열은 값 타입이라 reduce 사용 OK

7. CAShapeLayer

벡터 경로(CGPath)를 그리는 특수 레이어

기본 사용

let shapeLayer = CAShapeLayer()
shapeLayer.path = UIBezierPath(ovalIn: CGRect(x: 0, y: 0, width: 100, height: 100)).cgPath
shapeLayer.fillColor = UIColor.red.cgColor
shapeLayer.strokeColor = UIColor.black.cgColor
shapeLayer.lineWidth = 2
shapeLayer.strokeEnd = 0.0  // 애니메이션용

view.layer.addSublayer(shapeLayer)

strokeEnd 애니메이션

CALayer vs CAShapeLayer

8. 래스터라이즈 (Rasterize)

벡터(수학 공식) → 비트맵(픽셀)으로 변환

왜 비싼 작업인가?

• 100×100 원 → 10,000 픽셀 계산
• 1000×1000 원 → 1,000,000 픽셀 계산
• 각 픽셀마다: 도형 안/밖 판단, 안티앨리어싱, 색상 결정

9. 렌더링 파이프라인: CAShapeLayer vs draw(_:)

CAShapeLayer 흐름

draw(_:) 흐름

핵심 비교

10. frame 변경 시 텍스처 재사용

origin만 바꿀 때 → 텍스처 재사용

size 바꿀 때 → 다시 그림

Core Animation이 빠른 이유: position, transform, opacity는 숫자값만 바뀌므로 기존 텍스처 재사용

11. Lottie 애니메이션 동작 원리

전체 흐름

JSON → CAShapeLayer "직접 넣는 게 아님"

// ❌ 단순하지 않음
shapeLayer.path = json["path"]

// ✅ 실제로는 키프레임 보간 후 적용
let interpolatedPath = interpolate(
    from: keyframe1.path,
    to: keyframe2.path,
    progress: currentProgress  // 0.0 ~ 1.0
)
shapeLayer.path = interpolatedPath

Lottie 렌더링 엔진 선택

12. CALayer 상속 관계

모두 CALayer의 서브클래스. 각자 특화된 렌더링 방식을 가짐.

레이어별 래스터라이즈 여부

13. CGImage = 비트맵

CGImage는 이미 픽셀 데이터(비트맵):

let cgImage: CGImage
// 내부: width × height × 4 bytes (RGBA)
// 예: 100×100 이미지 = 40,000 bytes 픽셀 배열

layer.contents가 있으면

비교

path = CGPath(...)
└── 벡터 → 비트맵 변환 필요
└── Render Server가 래스터라이즈
└── GPU 합성

contents = CGImage
└── 이미 비트맵
└── 텍스처 업로드만
└── GPU 합성

UIImageView가 가벼운 이유: UIImage 내부 CGImage(비트맵)를 layer.contents에 할당 → 래스터라이즈 없이 합성만

14. GPU 합성(Compositing) 과정

15. GIF 다운샘플링: ImageIO vs Full Decode + Resize

GIF를 TableView에서 썸네일로 표시할 때, 두 가지 방식의 메모리 차이를 Instruments로 측정한 결과

두 가지 방식 비교

// 1. 원본 전체 디코딩
let cgImage = CGImageSourceCreateImageAtIndex(
    source, index, nil)
// → 333×474pt (1000×1422px) = 5.7MB/프레임

// 2. 리사이즈
let resized = image.kf.resize(
    to: targetSize, for: .aspectFill)
// → 80×114pt (240×342px) = 0.33MB/프레임

// 3. 원본 해제, 결과만 캐시

// 타겟 크기로 바로 디코딩
let options: [CFString: Any] = [
    kCGImageSourceThumbnailMaxPixelSize: maxPixel,
    kCGImageSourceCreateThumbnailFromImageAlways: true,
    kCGImageSourceCreateThumbnailWithTransform: true
]
let cgImage = CGImageSourceCreateThumbnailAtIndex(
    source, index, options as CFDictionary)
// → 80×114pt (240×342px) = 0.33MB/프레임
// 원본 전체를 메모리에 올리지 않음!

Instruments 측정 결과

왜 피크 차이만 유의미한가?

30MB 차이의 의미

테스트 환경: ~10MB GIF 6장이 TableView에 동시 노출

aspectFill을 위한 maxPixel 계산

kCGImageSourceThumbnailMaxPixelSize는 긴 변 기준이므로, aspectFill처럼 짧은 변 기준으로 하려면:

let originalRatio = image.size.width / image.size.height
let referenceRatio = referenceSize.width / referenceSize.height

let maxPixel: CGFloat
if originalRatio < referenceRatio {
    // 세로가 긴 이미지: width 맞추면 height가 긴 변
    let resultWidth = referenceSize.width * scale
    maxPixel = resultWidth / originalRatio
} else {
    // 가로가 긴 이미지: height 맞추면 width가 긴 변
    let resultHeight = referenceSize.height * scale
    maxPixel = resultHeight * originalRatio
}

let options: [CFString: Any] = [
    kCGImageSourceThumbnailMaxPixelSize: maxPixel,
    kCGImageSourceCreateThumbnailFromImageAlways: true,
    kCGImageSourceCreateThumbnailWithTransform: true
]

Instruments로 측정하는 방법

Q&A 정리