기존에 깃(Git)에서 여러 브랜치나 변경 사항을 번갈아가며 작업하면서 더 부드러운 경험을 바라본 적이 있나요? 그렇다면 Git Worktree를 소개합니다.

Git Worktree를 사용하면 하나의 저장소 내에서 동시에 여러 브랜치를 확인할 수 있습니다. 이는 여러 브랜치에서 동시에 작업할 수 있어 변경 사항을 숨기거나 컨텍스트를 변경할 필요가 없다는 뜻입니다.

아래와 같이 사용할 수 있습니다:

```js
git worktree add       # 새로운 작업 디렉터리 추가
git worktree list      # 모든 작업 디렉터리 나열
git worktree remove    # 작업 디렉터리 삭제
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<img src="/assets/img/2024-08-03-FromStashtoFlashHowGitWorktreeChangestheGame_0.png" />

# Git 워크트리와 Git 스태시 비교

## 진정한 병렬 개발

Git Worktree



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

- 여러 디렉토리에서 동시에 여러 브랜치를 체크아웃할 수 있습니다.
- 이렇게 하면 계속해서 컨텍스트를 전환할 필요가 줄어듭니다.
- 파일 시스템이 Git 브랜치 전략을 반영하기 때문에 더 깔끔한 메인트 모델이 됩니다.

```js
project/
├── main/
├── feature-a/
└── bugfix-123/
```

Git Stash

- 변경 사항을 저장하고 브랜치를 전환한 다음 다시 적용해야 하는 번거로움이 있습니다.
- 병렬로 여러 브랜치에서 진정한 작업을 수행할 수 있는 기능이 없습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 작업 흐름 및 시간 효율성

**Git Worktree**

- 동시에 여러 기능 또는 버그 수정 작업을 수행해야 하는 경우에 이상적입니다.
- 땀 없이 브랜치 간을 왔다갔다 할 수 있습니다. (Smooth Operator by Sade)
- 주 브랜치 옆에 PR 브랜치를 유지하여 코드 리뷰를 간편하게 만듭니다.

**Git Stash**



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

- 빠른 전활을 위해 좋지만 변경 사항을 숨기고 되돌려야 합니다
- 문제가 생길 수 있어요. 업무의 흐름을 막을 수 있어요.

# 메트릭

상상해봐: A 기능에 정신을 집중하고 있지만 B 기능에 있는 버그를 고쳐야 할 때.

Git Worktree



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

- 버그 수정을 위한 새 작업트리를 만들고 수정한 후 다시 feature A로 전환하는 데 약 10초가 걸려요. 정말이지!
- 일일 시간: 10초 \* 5 = 50초
- 월별 시간 (20일 근무일): 50초 \* 20 = 16.67분

Git Stash

- 변경 사항을 숨기고 브랜치를 전환하고 스태시를 팝하는 루틴에 대해 아실 거예요.
- 스태시, 브랜치 전환 및 스태시 팝하는 데 걸리는 시간: 약 1분
- 일일 시간: 1분 \* 5 = 5분
- 월별 시간 (20일 근무일): 5분 \* 20 = 100분

![이미지](/assets/img/2024-08-03-FromStashtoFlashHowGitWorktreeChangestheGame_1.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

다음은 worktree 작업 흐름입니다.

```js
# 새로운 worktree 생성
git worktree add ../feature-branch feature-branch

# 새 worktree 디렉토리로 전환
cd ../feature-branch

# 변경사항을 적용하고 평소처럼 커밋
git add .
git commit -m "새로운 기능 구현"

# 메인 worktree로 돌아가기
cd -

# 모든 worktree 목록 확인
git worktree list

# 더 이상 필요하지 않은 worktree 삭제
git worktree remove ../feature-branch
```

그리고 다음은 stash 작업 흐름입니다.

```js
# 현재 변경사항을 stash에 저장
git stash save "기능 X에 대한 작업 진행 중"

# 브랜치나 컨텍스트 변경
git checkout another-branch

# 일부 작업 수행 후 원래 브랜치로 돌아가기
git checkout original-branch

# stash에 저장한 변경사항 적용
git stash apply

# 또는 stash 적용하고 stash 목록에서 삭제
git stash pop

# 모든 stash 목록 보기
git stash list

# 모든 stash 삭제
git stash clear
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 결론

Git Worktree를 사용하면 여러 브랜치를 번갈아가며 작업할 때 훨씬 많은 시간을 절약할 수 있습니다. Git Stash은 빠른 변경 사항에 유용하지만, Git Worktree는 동시에 여러 작업을 처리하는 효율적인 워크플로우를 제공합니다.

그래서 다음에 브랜치 간을 이동할 때 Git Worktree를 한 번 시도해 보세요. 당신의 생산성을 높일 수 있는 게임 체인저가 될지도 모릅니다.

즐거운 코딩하세요!

Git Worktree 스태시 대신 플래시로 게임을 바꾸는 방법

오늘날의 빠르게 변화하는 디지털 세계에서는 워크플로우를 효율적으로 개선할 수 있는 가장 생산적인 도구를 찾는 것이 어려울 수 있습니다.

다양한 옵션이 제공되기 때문에 어떤 애플리케이션이 실제로 효율성과 협업을 향상시키는지를 식별하는 것은 어려운 과제일 수 있습니다.

본 기사에서는 그래픽 편집기 스위트부터 와이어프레이밍 도구, 일정 관리 앱, 협업 플랫폼 및 프로젝트 관리 솔루션까지 다양한 전문적인 요구에 대한 17개 최고 수준의 도구 목록을 소개하겠습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

귀하의 워크플로우를 최적화하고 생산성을 향상시키며 웹 개발의 끊임없이 발전하는 환경을 탐색하는 실용적인 솔루션을 발견하실 수 있습니다.

각 자료에는 직접 링크, 설명 및 이미지 미리보기가 포함됩니다.

## 1. Fotor

Fotor는 모든 것이 한 자리에 있는 사진 편집 및 디자인 플랫폼입니다. 강력한 AI 도구와 사용자 친화적인 인터페이스로 워크플로우를 간소화합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

디자인 과정을 간편화하여 전문적인 그래픽을 쉽고 신속하게 만들 수 있습니다. 디자인 기술이 없어도 괜찮아요.

일부 최고의 기능은 다음과 같습니다:

- 배경 제거: 이미지의 배경을 한 번의 클릭으로 제거합니다.
- 사진 향상: 이미지 해상도를 높이고 사진을 멋지게 만듭니다.
- AI 이미지 생성: 텍스트 프롬프트에서 아름다운 AI 이미지와 예술을 만듭니다.
- AI 헤드샷 생성: 전문적이고 현실적인 프로필 사진을 만듭니다.
- AI 비디오 생성: 어떤 프로젝트에도 맞는 매력적인 AI 생성 비디오를 만듭니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_1.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Fotor를 방문해서 시각 콘텐츠 제작을 높이세요! 디자이너, 예술가 또는 창의적인 아이디어를 구현하고 싶은 누구에게나 완벽한 도구입니다!

이 글에 대한 협업을 통해 Fotor 팀에게 감사드립니다!

## 2. Superlist

Superlist는 실시간으로 작업을 조직하고 우선 순위를 설정하며 진행 상황을 추적하여 팀 생산성을 향상시키도록 설계된 강력한 작업 관리 도구입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

모두가 일정에 맞추고 목표에 집중할 수 있도록 워크플로우 관리를 간단하게 해주어 효율성을 높입니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_2.png)

## 3. Dub

Dub은 현대 마케팅 팀을 위한 오픈 소스 링크 관리 인프라입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

강력한 기능을 갖추고 있어요. 고급 분석, 브랜드 링크, QR 코드, 개인화 및 자체 호스팅 옵션, 팀 협업 등 많은 기능들이 있어요.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_3.png)

## 4. Glitter

Glitter를 사용하면 어떤 프로세스든 몇 초 만에 단계별 가이드로 변환할 수 있어요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

당신의 목소리와 마우스 클릭을 멋지게 쓰여진 가이드로 변환하여, 쉽게 편집하고 다른 사람들과 공유할 수 있습니다.

![Boom](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_4.png)

## 5. Boom

Boom은 회의와 프레젠테이션을 더욱 매력적이고 생산적이며 즐겁게 만드는 앱으로 비디오를 사용하는 어디에서든 효과적으로 사용할 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

카메라를 끈 상태에서 나타나는 내용물로 브랜드 오버레이, 제목, 로고를 사용하고, 모든 장면을 위한 카메라 프리셋을 만드세요. 무엇보다도, 다양한 디자인이 가능합니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_5.png)

## 6. 마커

마커는 팀이 브라우저에서 직접 웹사이트 버그를 캡처하고 보고할 수 있게 해주는 버그 추적 도구입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

프로젝트 관리 도구와 통합하여 피드백 프로세스를 간소화합니다. 문제를 빠르게 식별하고 해결할 수 있습니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_6.png)

## 7. Komodo

Komodo는 사용자가 높은 품질의 비디오 튜토리얼과 프레젠테이션을 손쉽게 만들 수 있는 화면 녹화 및 공유 도구입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

작업 흐름을 향상시켜서 교육 콘텐츠를 만드는 과정을 간단하게 만들어 지식을 공유하고 협업하는 것을 쉽게 만듭니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_7.png)

## 8. TidyCal

TidyCal은 회의와 약속을 예약하는 프로세스를 간소화하기 위해 디자인된 일정 관리 애플리케이션입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

작업 흐름을 개선하여 일정 조율의 번거로움을 제거하고 빠르고 쉬운 캘린더 관리를 가능하게 함으로써 시간을 절약하고 스트레스를 줄일 수 있습니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_8.png)

## 9. Shots

Shots는 모의 작업 및 프레임을 생성하기 위해 설계된 다재다능한 도구입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

디자인 프로세스를 간편하고 효율적으로 만들어주는 테이블 태그를 마크다운 형식으로 변경해 보세요.

![image](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_9.png)

## 10. Excalidraw

Excalidraw는 온라인 화이트보드 도구로, 사용자들이 손으로 그린 다이어그램과 스케치를 만들 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

협업 공간을 제공하여 아이디어를 상상하고 시각화할 수 있도록하여 작업 흐름을 촉진하며, 개념을 전달하고 프로젝트를 계획하는 것을 쉽게 만듭니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_10.png)

## 11. Miro

Miro는 팀 협업을 위한 디지털 화이트보드 플랫폼으로, 사용자가 다이어그램, 마인드 맵 및 프로젝트 계획을 만들 수 있도록 합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

작업 트래킹과 워크플로 자동화를 통합한 관리 도구인 Height입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

프로젝트를 관리하고 작업을 할당하며 진행 상황을 모니터링하는 종합적인 솔루션을 제공하여 워크플로우를 개선합니다. 이를 통해 팀이 조직화되어 있는 상태를 유지할 수 있습니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_12.png)

## 13. Whimsical

Whimsical은 플로차트, 와이어프레임, 마인드맵, 스티키 노트를 제공하여 팀이 아이디어와 워크플로우를 시각화하는 데 도움을 주는 협업 온라인 도구입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

생각을 놓고 계획을 세우고 구조화하는 데 직관적인 플랫폼을 제공하여 생산성을 향상시킵니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_13.png)

## 14. Wondercraft

Wondercraft는 텍스트 입력을 사용하여 현실적인 오디오 콘텐츠를 만들 수 있는 AI 기반 플랫폼입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

워크플로우를 개선하여 고품질 오디오 콘텐츠를 자동화하여 제작함으로써 콘텐츠 제작자와 마케터의 시간과 자원을 절약할 수 있습니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_14.png)

## 15. Rizzle

Rizzle은 사용자가 쉽고 간편하게 매력적인 비디오를 제작하고 공유할 수 있는 단편 비디오 제작 플랫폼입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

비디오 편집에 유용한 유틸리티를 제공하여 워크플로우를 향상시키며, 소셜 미디어 매니저와 콘텐츠 크리에이터에게 이상적입니다.

![image](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_15.png)

## 16. Pitch

Pitch는 디자인과 협업 기능을 결합하여 팀이 멋진 프레젠테이션을 만들도록 도와주는 프레젠테이션 소프트웨어입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

워크플로우를 향상시켜주는 템플릿, 실시간 협업 및 직관적인 디자인 도구를 제공하여 전문적인 프레젠테이션을 쉽게 제작할 수 있습니다.

![이미지](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_16.png)

## 17. Tally

Tally는 설문조사, 피드백 양식 및 기타 데이터 수집 도구를 만드는 것을 간소화하는 온라인 양식 작성 도구입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

작업 흐름을 최적화하여 신속하고 효율적인 양식 생성 및 데이터 분석을 용이하게 하는 사용자 친화적 인터페이스와 견고한 기능을 제공합니다.

![Essential Web Apps to Improve Your Workflow](/assets/img/2024-08-03-17EssentialWebAppstoImproveYourWorkflowby10X_17.png)

글쓰기는 항상 제 열정이었고, 다른 사람들을 돕고 영감을 주는 것이 저에게 기쁨을 줍니다. 궁금한 점이 있으면 언제든지 연락해 주세요!

제 뉴스레터를 구독하여 제가 발견한 최상의 자료, 도구, 생산성 팁 및 경력 성장 팁을 제때 받을 수 있도록 해보세요!



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

또한, 트위터, 링크드인 및 깃허브에서 저와 소통해주세요!

# Stackademic 🎓

끝까지 읽어 주셔서 감사합니다. 떠나시기 전에:

- 작가를 응원하고 팔로우해 주시면 감사하겠습니다! 👏
- 다음 링크에서 저희를 팔로우해 주세요: X | LinkedIn | YouTube | Discord
- 다른 플랫폼도 방문해 보세요: In Plain English | CoFeed | Differ
- 더 많은 콘텐츠는 Stackademic.com에서 확인하세요

 워크플로우를 10배 향상시키는 17가지 필수 웹 앱

닌텐도 에뮬레이터를 만든 이유

![image](/assets/img/2024-08-03-Full-TextSearchinAndroidIntegratingFTS4withRoom_0.png)

## FTS4이란?

FTS4는 SQLite의 기능으로, 전체 텍스트 검색 기능을 제공합니다. 대량의 텍스트 데이터베이스에 특히 유용하게 사용할 수 있도록 신속하고 효율적인 텍스트 검색을 가능하게 합니다. FTS4는 SQLite에서 텍스트 인덱스를 생성하고 이러한 인덱스를 통해 신속한 검색을 수행합니다.

전통적인 방법에서는 전체 텍스트 검색을 SQL 쿼리에서 LIKE 연산자를 사용하여 수행합니다. 이 방법은 대규모 데이터셋에 대해 느리고 비효율적일 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
SELECT * FROM notes WHERE content LIKE '%meeting%' AND content LIKE '%agenda%';
```

단점:

- 성능: 대규모 데이터셋에서 LIKE 쿼리는 느립니다.
- 정확성 문제: 철자가 틀린 혹은 불완전한 단어는 일치하지 않을 수 있습니다.
- 유연성 부족: 복잡한 논리 연산이 제한됩니다.

# FTS4으로 검색하기:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

예시: "meeting"과 "agenda"를 포함하는 노트를 찾으려면:

```js
SELECT * FROM notes WHERE notes MATCH 'meeting AND agenda';
```

## FTS4 사용의 장점

- 효율적인 검색: FTS4는 텍스트 데이터를 색인화하여 대량 데이터 세트 전체를 빠르게 검색할 수 있어서, 기존의 SQL LIKE 쿼리보다 훨씬 빠릅니다.
- 복잡한 쿼리: AND 및 OR과 같은 연산자를 사용하여 복잡한 쿼리를 수행할 수 있어서 더 구체적인 검색이 가능합니다.
- 쉬운 통합: SQLite 및 Room과 쉽게 통합할 수 있습니다.
- 자연어 처리: FTS4는 자연어 입력을 다룰 수 있으며, 어간 및 변형 단어를 인식하여 의미 있는 정확한 검색 결과를 제공합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 안드로이드에서 Room과 함께 FTS4 사용하는 방법

안드로이드에서 Room과 FTS4를 통합하려면 엔터티, DAO 및 데이터베이스를 올바르게 설정하는 여러 단계가 필요합니다.

## 1. 필요한 종속성 추가

FTS4를 지원하는 최신 Room 라이브러리가 안드로이드 프로젝트에 포함되어 있는지 확인하세요:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
의존성 {
    def room_version = "2.6.1" // 최신 버전인지 확인하세요

    implementation "androidx.room:room-runtime:$room_version"
    annotationProcessor "androidx.room:room-compiler:$room_version"
    // 코틀린 프로젝트의 경우, annotationProcessor 대신 kapt를 사용하세요
    kapt "androidx.room:room-compiler:$room_version"
}
```

## 2. 엔터티 정의

FTS4를 위한 적절한 어노테이션을 사용하여 엔터티 클래스를 정의하세요:

```js
@Entity(tableName = "notes")
@Fts4
data class Note(
    @PrimaryKey
    @ColumnInfo(name = "rowid")
    var id: Int = 0,
    val content: String
)
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 3. DAO 생성

주석을 삽입하고 노트를 추가하고 검색 쿼리를 실행하는 메서드가 있는 DAO 인터페이스를 만들어보세요:

```kotlin
@Dao
interface NoteDao {
    @Insert
    suspend fun insert(note: Note)

    @Query("SELECT rowid, content FROM notes WHERE notes MATCH :query")
    suspend fun search(query: String): List<Note>

    @Query("DELETE FROM notes")
    suspend fun deleteAll()
}
```

## 4. 데이터베이스 설정



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

아래와 같이 Room 데이터베이스를 설정하여 DAO 및 엔티티를 사용할 수 있도록 합니다:

```kotlin
@Database(entities = [Note::class], version = 1)
abstract class NoteDatabase : RoomDatabase() {
    abstract fun noteDao(): NoteDao

    companion object {
        @Volatile
        private var INSTANCE: NoteDatabase? = null

        fun getDatabase(context: Context): NoteDatabase {
            return INSTANCE ?: synchronized(this) {
                val instance = Room.databaseBuilder(
                    context.applicationContext,
                    NoteDatabase::class.java,
                    "note_database"
                ).build()
                INSTANCE = instance
                instance
            }
        }
    }
}
```

## 5. FTS4를 활용한 전체 텍스트 검색 수행

MainActivity에서 샘플 노트를 삽입하고 검색 쿼리를 수행하세요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```kotlin
class MainActivity : ComponentActivity() {

    private lateinit var db: NoteDatabase
    private lateinit var noteDao: NoteDao
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        db = NoteDatabase.getDatabase(this)
        noteDao = db.noteDao()

        lifecycleScope.launch {
            withContext(Dispatchers.IO) {
                // 모든 노트 삭제
                noteDao.deleteAll()

                // 샘플 노트 삽입
                noteDao.insert(Note(content = "컴포즈에 관한 샘플 노트입니다"))
                noteDao.insert(Note(content = "Room 데이터베이스는 안드로이드 개발에 좋습니다"))
                noteDao.insert(Note(content = "FTS4는 빠른 전체 텍스트 검색을 지원합니다"))
                noteDao.insert(Note(content = "Kotlin은 현대적인 프로그래밍 언어입니다"))

                // AND 검색 실행
                val andQuery = "\"현대\" \"언어\""
                val andResults = noteDao.search(andQuery)
                andResults.forEach { result ->
                    println("AND 검색 결과: ${result.content}")
                }

                // OR 검색 실행
                val orQuery = "샘플 OR Kotlin"
                val orResults = noteDao.search(orQuery)
                orResults.forEach { result ->
                    println("OR 검색 결과: ${result.content}")
                }
            }
        }
    }
}
```

결과는 다음과 같습니다:

<img src="/assets/img/2024-08-03-Full-TextSearchinAndroidIntegratingFTS4withRoom_1.png" />

# 결론



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

요약하자면, 안드로이드 애플리케이션에서 Room과 함께 FTS4를 사용하면 전체 텍스트 검색을 구현하는 데 매우 효율적인 솔루션을 제공합니다. 전통적인 LIKE 쿼리와 비교하면 FTS4는 뛰어난 성능과 순위 매기기 및 토큰화와 같은 고급 검색 기능을 제공합니다. FTS4를 Room과 통합함으로써 개발자는 Room의 추상화 계층의 간편함을 유지하면서 더 빠르고 정확한 검색 결과를 얻을 수 있습니다. 이 조합은 전체 사용자 경험을 향상시켜 로버스트하고 효율적인 텍스트 검색 기능이 필요한 애플리케이션에 우수한 선택지가 됩니다.

안드로이드에서 전체 텍스트 검색 Room과 FTS4 통합하는 방법

# 안녕하세요 🙋

이 글에서는 캔버스와 사용자 지정 모양을 활용하여 Jetpack Compose에서 멋진 애니메이션 성별 선택기를 만들어보겠습니다.

시작해봅시다 🚀

![Gender Selector](/assets/img/2024-08-03-HowtoCreateanAnimatedGenderSelectorinJetpackCompose_0.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 도형

우선, 옵션으로 렌더링 될 도형을 정의해야 합니다.

## 남성 🚹

```js
object MaleShape : Shape {

    override fun createOutline(size: Size, layoutDirection: LayoutDirection, density: Density): Outline {
        val scale = size.minDimension / 24f

        val path = Path().apply {
            // 머리
            addOval(Rect(Offset(12f * scale, 4f * scale), 2f * scale))

            // 몸과 팔다리
            moveTo(14.0f * scale, 7.0f * scale)
            lineTo(10.0f * scale, 7.0f * scale)
            cubicTo(8.9f * scale, 7.0f * scale, 8.0f * scale, 7.9f * scale, 8.0f * scale, 9.0f * scale)
            lineTo(8.0f * scale, 14.0f * scale)
            cubicTo(8.0f * scale, 14.55f * scale, 8.45f * scale, 15.0f * scale, 9.0f * scale, 15.0f * scale)
            lineTo(10.0f * scale, 15.0f * scale)
            lineTo(10.0f * scale, 21.0f * scale)
            cubicTo(10.0f * scale, 21.55f * scale, 10.45f * scale, 22.0f * scale, 11.0f * scale, 22.0f * scale)
            lineTo(13.0f * scale, 22.0f * scale)
            cubicTo(13.55f * scale, 22.0f * scale, 14.0f * scale, 21.55f * scale, 14.0f * scale, 21.0f * scale)
            lineTo(14.0f * scale, 15.0f * scale)
            lineTo(15.0f * scale, 15.0f * scale)
            cubicTo(15.55f * scale, 15.0f * scale, 16.0f * scale, 14.55f * scale, 16.0f * scale, 14.0f * scale)
            lineTo(16.0f * scale, 9.0f * scale)
            cubicTo(16.0f * scale, 7.9f * scale, 15.1f * scale, 7.0f * scale, 14.0f * scale, 7.0f * scale)
            close()
        }

        return Outline.Generic(path)
    }
}
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 여성 🚺

```js
object FemaleShape : Shape {

    override fun createOutline(size: Size, layoutDirection: LayoutDirection, density: Density): Outline {
        val scale = size.minDimension / 24f

        val path = Path().apply {
            // 머리
            addOval(Rect(Offset(12.0f * scale, 4.0f * scale), 2.0f * scale))

            // 몸과 팔다리
            moveTo(16.45f * scale, 14.63f * scale)
            lineTo(13.93f * scale, 8.31f * scale)
            cubicTo(13.61f * scale, 7.52f * scale, 12.85f * scale, 7.01f * scale, 12.0f * scale, 7.0f * scale)
            cubicTo(11.15f * scale, 7.01f * scale, 10.38f * scale, 7.52f * scale, 10.07f * scale, 8.31f * scale)
            lineTo(7.55f * scale, 14.63f * scale)
            cubicTo(7.28f * scale, 15.29f * scale, 7.77f * scale, 16.0f * scale, 8.47f * scale, 16.0f * scale)
            lineTo(10.0f * scale, 16.0f * scale)
            lineTo(10.0f * scale, 21.0f * scale)
            cubicTo(10.0f * scale, 21.55f * scale, 10.45f * scale, 22.0f * scale, 11.0f * scale, 22.0f * scale)
            lineTo(13.0f * scale, 22.0f * scale)
            cubicTo(13.55f * scale, 22.0f * scale, 14.0f * scale, 21.55f * scale, 14.0f * scale, 21.0f * scale)
            lineTo(14.0f * scale, 16.0f * scale)
            lineTo(15.53f * scale, 16.0f * scale)
            cubicTo(16.23f * scale, 16.0f * scale, 16.72f * scale, 15.29f * scale, 16.45f * scale, 14.63f * scale)
            close()
        }

        return Outline.Generic(path)
    }
}
```

# 성별 옵션

이제 모양을 정의했으므로, 해당 모양을 옵션 버튼으로 렌더링하는 컴포저를 생성해보겠습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## GenderOptionStyle

컴포저블을 만들기 전에 옵션의 스타일을 나타내는 데이터 클래스를 정의해야 합니다:

```js
data class GenderOptionStyle(
    val backgroundColor: Color,
    val fillColor: Color,
    val effectOrigin: TransformOrigin
) {
    companion object {
        val MaleDefault = GenderOptionStyle(Color.LightGray, Color.Blue, TransformOrigin(0f, 0f))
        val FemaleDefault = GenderOptionStyle(Color.LightGray, Color.Red, TransformOrigin(1f, 0f))
    }
}
```

effectOrigin은 채워지는 효과 애니메이션의 중심점을 결정하며, 성장하는 원 효과의 원점입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 옵션 코드

```js
@Composable
fun GenderOption(
    shape: Shape,
    selected: Boolean,
    style: GenderOptionStyle,
    modifier: Modifier = Modifier,
    animationSpec: AnimationSpec<Float> = tween(400, easing = LinearEasing)
) {
    // 선택 상태의 진행률을 애니메이션
    val progress by animateFloatAsState(
        targetValue = if (selected) 1f else 0f,
        animationSpec = animationSpec
    )

    Canvas(
        modifier = modifier.size(48.dp)
    ) {
        // 모양을 아웃라인으로 변환
        val outline = shape.createOutline(size, layoutDirection, this)
        // 아웃라인을 기반으로 경로 생성
        val path = Path().apply { addOutline(outline) }

        // 캔버스 크기의 대각선 길이 계산
        val diagonal = sqrt(size.width.pow(2) + size.height.pow(2))
        // 선택 진행률에 따른 채우기 원의 반경 계산
        val radius = diagonal * progress
        // effectOrigin에 따라 채우기 효과의 중심 위치 결정
        val circleCenter = Offset(
            x = size.width * style.effectOrigin.pivotFractionX,
            y = size.height * style.effectOrigin.pivotFractionY
        )

        // 도형 경로로 그리기 영역 자르기
        clipPath(path) {
            // 배경 색상 그리기
            drawRect(style.backgroundColor)
            // 채우기 원 그리기
            drawCircle(
                color = style.fillColor,
                radius = radius,
                center = circleCenter
            )
        }
    }
}
```

# 성별 선택기

이 섹션에서는 선택기 Composable을 구성합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 옵션

셀렉터를 구현하기 전에 사용 가능한 옵션을 나타내는 enum 클래스를 정의해 봅시다:

```js
enum class Gender { MALE, FEMALE }
```

## 유틸리티



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

코드를 더 깔끔하게 만들기 위해, clickableGenderOption modifier를 정의해보겠습니다. 이 modifier는 시각적인 표시 없이 성별 옵션을 클릭하는 이벤트를 처리할 것입니다:

```js
fun Modifier.clickableGenderOption(
    gender: Gender,
    onGenderChange: (newGender: Gender) -> Unit
) = composed {
    this.clickable(
        interactionSource = remember { MutableInteractionSource() },
        indication = null,
        onClick = { onGenderChange(gender) }
    )
}
```

## Selector Code

```js
@Composable
fun GenderSelector(
    selected: Gender,
    modifier: Modifier = Modifier,
    iconSize: Dp = 48.dp,
    maleStyle: GenderOptionStyle = GenderOptionStyle.MaleDefault,
    femaleStyle: GenderOptionStyle = GenderOptionStyle.FemaleDefault,
    animationSpec: AnimationSpec<Float> = tween(400, easing = LinearEasing),
    onGenderChange: (newGender: Gender) -> Unit
) {
    // Arrange the gender options in a horizontal row
    Row(
        modifier = modifier,
        verticalAlignment = Alignment.CenterVertically
    ) {
        // Female gender option
        GenderOption(
            shape = FemaleShape,
            style = femaleStyle,
            selected = (selected == Gender.FEMALE),
            animationSpec = animationSpec,
            modifier = Modifier
                .size(iconSize)
                .clickableGenderOption(Gender.FEMALE, onGenderChange)
        )
        // Male gender option
        GenderOption(
            shape = MaleShape,
            style = maleStyle,
            selected = (selected == Gender.MALE),
            animationSpec = animationSpec,
            modifier = Modifier
                .size(iconSize)
                .clickableGenderOption(Gender.MALE, onGenderChange)
        )
    }
}
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

축하드립니다 🥳! 성공적으로 구축했습니다 👏. GitHub Gist에서 전체 코드를 찾을 수 있어요 🧑‍💻. 사용 방법을 살펴보죠 👇

# 실용적인 사용 💁‍♂️

다양한 effectOrigin 조합이 흥미로울 수 있어요. 몇 가지를 살펴보죠 👀

## 상태



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

모든 예시는 이 상태를 사용합니다:

```kotlin
val currentGender by remember { mutableStateOf(Gender.MALE) }
```

## 기본

```kotlin
GenderSelector(
    selected = currentGender,
    iconSize = 100.dp,
    onGenderChange = {
        currentGender = it
    }
)
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

이미지 태그의 Markdown 형식으로 변경하겠습니다.

## Bottom Rise

```js
GenderSelector(
    selected = currentGender,
    iconSize = 100.dp,
    femaleStyle = GenderOptionStyle.FemaleDefault.copy(
        effectOrigin = TransformOrigin(0.5f, 1f)
    ),
    maleStyle = GenderOptionStyle.MaleDefault.copy(
        effectOrigin = TransformOrigin(0.5f, 1f)
    ),
    onGenderChange = {
        currentGender = it
    }
)
```

이미지 가로 사이즈를 800px로 조정한 미디어 링크를 첨부합니다:

![](https://miro.medium.com/v2/resize:fit:800/1*SrIPDOLcG28q0fqC77yZuA.gif)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 측면 이동

```js
GenderSelector(
    selected = currentGender,
    iconSize = 100.dp,
    femaleStyle = GenderOptionStyle.FemaleDefault.copy(
        effectOrigin = TransformOrigin(1f, 0.5f)
    ),
    maleStyle = GenderOptionStyle.MaleDefault.copy(
        effectOrigin = TransformOrigin(0f, 0.5f)
    ),
    onGenderChange = {
        currentGender = it
    }
)
```

<img src="https://miro.medium.com/v2/resize:fit:800/1*odUqEeB_5-6zMquG7fPjYw.gif" />

아래 내용도 맘에 드실 수 있어요 👇



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

이 글을 읽어주셔서 감사합니다! ❤️ 만약 즐겁고 가치 있는 정보를 얻으셨다면 👏 클랩(박수)을 보내주시고 더 많은 흥미로운 글을 위해 Kappdev를 팔로우해주세요 😊

🔔 제 최신 콘텐츠를 업데이트 받으시려면 👉 이메일 알림을 구독해주세요.

즐거운 코딩 되세요!

Jetpack Compose에서 애니메이션 성별 선택기 만드는 방법

![Kotlin vs Java](/assets/img/2024-08-03-WhyDevelopersChooseKotlinOverJavaforAndroidDevelopmentNowadays_0.png)

Android 개발 분야에서 지속적으로 발전하는 과정에서, Kotlin은 안드로이드 프로그래밍의 오랜 표준이었던 Java에 대항하는 강력한 경쟁자로 등장했습니다. Google이 2017년 공식적으로 지원함으로써 Kotlin은 많은 개발자들에게 선호되는 언어가 되었습니다. 이 블로그 포스트에서는 Kotlin의 인기 상승 배경과 개발자가 안드로이드 개발을 위해 Kotlin 대신 Java를 선택할 수 있는 이유를 탐색합니다.

# Kotlin과 Java의 간단한 역사

## Java: 베테란



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

1995년 Sun Microsystems에 의해 소개된 Java는 수십 년 동안 소프트웨어 개발의 중추적인 역할을 해왔습니다. 이식성, 객체 지향 원칙 및 방대한 라이브러리로 인해 다양한 응용 프로그램을 개발하는 데 선호되는 언어가 되었습니다. 2008년 안드로이드가 공식적으로 발표되었을 때, 안드로이드 앱 개발을 위한 주요 언어로 Java가 선택되었습니다. 이 결정은 Java의 견고함, 널리 사용되는 정도 및 다양한 기기와의 호환성에 의해 이루어졌습니다.

## Kotlin: 새로운 도전자

2011년 JetBrains에 의해 개발된 Kotlin은 Java 가상 머신(JVM)에서 실행되는 정적 타입 언어입니다. Java의 한계를 극복하고 더 현대적인 프로그래밍 경험을 제공하기 위해 디자인되었습니다. Kotlin의 여정은 2017년 Google이 안드로이드 개발에서 Kotlin을 공식적으로 지원한다고 발표한 것으로 큰 전환점을 맞이했습니다. 이 지원으로 Kotlin의 급속한 채택이 가능해졌습니다.

# Kotlin이 Java보다 갖는 주요 장점



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 간결함과 가독성

Kotlin과 Java의 가장 두드러진 차이 중 하나는 Kotlin의 구문이 간결하다는 것입니다. Kotlin은 보일러플레이트 코드를 줄여 더 간결하고 읽기 쉽게 만듭니다. 예를 들어, Kotlin에서는 데이터 클래스를 한 줄로 정의할 수 있습니다:

```js
data class User(val name: String, val age: Int)
```

Java에서는 해당 클래스를 정의하기 위해 클래스, 생성자, 게터, 세터, 그리고 `toString()`, `hashCode()`, 그리고 `equals()` 메서드를 정의하기 위한 여러 줄의 코드가 필요합니다. Kotlin의 간결한 구문은 가독성을 향상시키고 오류 발생 가능성을 줄입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 널 안전성

널 포인터 예외(NPEs)는 자바 애플리케이션에서 일반적인 버그 소스입니다. Kotlin은 널 가능성과 널 불가능성 유형을 구분하는 견고한 유형 시스템을 소개합니다. 이 기능은 개발자가 널 참조와 관련된 일반적인 함정을 피할 수 있도록 돕습니다. Kotlin에서 변수가 널일 수 있는지를 명시적으로 선언해야 합니다:

```js
var name: String = “John” // 널 불가능
var email: String? = null // 널 가능
```

Kotlin 컴파일러는 널 안전성을 강제하므로 앱이 실행 중에 널 포인터 예외를 만날 가능성이 적어집니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 확장 함수

카틀린은 확장 함수라는 기능을 제공합니다. 이를 사용하면 기존 클래스의 소스 코드를 수정하지 않고 새로운 기능을 추가할 수 있습니다. 이는 특히 자바 라이브러리나 안드로이드 SDK 클래스를 향상시킬 때 유용합니다. 예를 들어:

```kotlin
fun String.isEmailValid(): Boolean {
 return this.contains(“@”) && this.contains(“.”)
}
```

```kotlin
val email = “example@example.com”
println(email.isEmailValid()) // 출력: true
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

확장 함수는 추가 메서드를 사용하여 클래스를 확장할 수 있게 해서 더 깔끔하고 가독성 있는 코드를 작성할 수 있도록 돕습니다.

## 비동기 프로그래밍을 위한 코루틴

자바에서 비동기 작업을 처리하고 동시성을 관리하는 것은 복잡할 수 있습니다. 종종 콜백, 퓨처 또는 다른 구조가 필요합니다. Kotlin은 코루틴을 통해 비동기 코드를 작성하는 더 직관적인 방법을 제공하여 이를 단순화합니다. 코루틴을 사용하면 비동기 코드를 순차적인 스타일로 작성할 수 있어서 이해하기 쉽고 유지보수하기 쉬워집니다.

다음은 코루틴을 사용한 기본 예제입니다:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```kotlin
import kotlinx.coroutines.*

fun main() = runBlocking {
 launch {
 delay(1000L)
 println(“World!”)
 }
 println(“Hello”)
}
```

이 예시에서 `delay` 함수는 코루틴을 일시 중지시키고 다른 코드가 스레드를 차단하지 않고 동시에 실행되도록 합니다.

## 스마트 캐스트

Kotlin의 타입 시스템에는 스마트 캐스트가 포함되어 있습니다. 이는 코드 내의 체크에 기반하여 자동으로 타입 캐스팅을 처리합니다. 이는 Java에서 종종 필요한 명시적인 캐스팅이 필요없어집니다. 예를 들어:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```kotlin
fun printLength(obj: Any) {
    if (obj is String) {
        println(obj.length) // 명시적 형변환 필요 없음
    }
}
```

이 예제에서 `is` 연산자는 `obj`가 `String`인지 확인하고, Kotlin은 `if` 블록 내에서 자동으로 `String`으로 캐스팅합니다.

## Data Classes

Kotlin은 데이터를 보관하기 위해 특별히 설계된 데이터 클래스라는 기능을 제공합니다. 이러한 클래스는 `equals()`, `hashCode()`, `toString()`과 같은 유용한 메서드를 자동으로 생성하여 보일러플레이트 코드를 줄여줍니다. Java에서는 이러한 메서드들을 수동으로 구현해야 하는데, 이는 오류를 유발할 수 있고 지루할 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

여기 Kotlin 데이터 클래스의 예시입니다:

```kotlin
data class Person(val name: String, val age: Int)
```

Kotlin은 클래스에서 정의된 속성에 기반하여 필요한 메서드를 생성합니다.

## Sealed Classes



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

코틀린에서 sealed 클래스는 제한된 클래스 계층 구조를 나타내는 데 사용됩니다. 값이 지정된 유형 중 하나를 가질 수 있는 경우에 사용됩니다. 복잡한 데이터 구조를 모델링하고 모든 가능한 경우를 처리하는 데 유용합니다. Sealed 클래스는 자바의 접근 방식에 비해 상속을 다루는 더욱 통제된 표현적인 방법을 제공합니다.

코틀린에서 sealed 클래스의 예시:

```js
sealed class Result
data class Success(val data: String) : Result()
data class Failure(val error: String) : Result()
```

위 예시에서 `Result`는 `Success` 또는 `Failure` 중 하나이며 코틀린은 `when` 표현식에서 모든 경우가 처리되도록 보장합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 향상된 형 추론

Kotlin의 형 추론 기능은 Java보다 더 발전되어 있어 명시적인 형을 지정하지 않고 더 간결한 코드를 작성할 수 있습니다. Kotlin 컴파일러는 종종 문맥에 기반하여 변수나 표현식의 형을 추론할 수 있습니다. 예를 들어:

```js
val message = “Hello, Kotlin!”
```

이 경우 Kotlin은 명시적인 형 선언이 필요하지 않고 `message`가 `String` 형임을 추론합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 기존 Java 코드 통합

코틀린은 완전히 상호 운용이 가능한데요, 기존의 Java 코드베이스와 함께 Kotlin을 사용할 수 있어요. Kotlin은 Java 코드를 호출하고, Java 코드는 Kotlin 코드를 호출할 수 있어요. 이러한 상호 운용성은 기존 프로젝트에 Kotlin을 점진적으로 적용하거나 Java 라이브러리 및 프레임워크와 통합하는 데 도움이 됩니다.

다음은 Kotlin에서 Java 코드를 호출하는 간단한 예시입니다:

```java
// Java 클래스
public class Utils {
 public static String getGreeting() {
 return “Hello from Java!”;
 }
}
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```kotlin
// Kotlin 코드
fun main() {
    println(Utils.getGreeting()) // 출력: Hello from Java!
}
```

## 최신 언어 기능

Kotlin은 개발자 생산성과 코드 품질을 향상시키는 많은 최신 언어 기능을 포함하고 있습니다. 이러한 기능에는 다음이 포함됩니다:

- 람다 표현식: Kotlin은 함수형 프로그래밍을 위한 간결한 람다 표현식을 지원하여 컬렉션 작업을 보다 쉽고 함수형 스타일로 수행할 수 있습니다.
- 연산자 오버로딩: Kotlin은 연산자에 대한 사용자 정의 동작을 정의할 수 있도록 하여 코드를 더 표현적이고 직관적으로 만들어 줍니다.
- 기본 매개변수: Kotlin은 함수에서 기본 매개변수를 지원하여 오버로드된 메서드의 필요성을 줄이고 함수 호출을 간소화할 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 커뮤니티와 생태계

## 인기 상승

Kotlin의 인기가 급속히 증가하고 있습니다. 점점 더 많은 개발자들과 기업들이 안드로이드 개발을 위해 Kotlin을 채택하고 있습니다. 설문 조사와 보고서에 따르면, Kotlin은 현대적인 기능과 개발자 친화적인 접근으로 많은 안드로이드 개발자들에게 선호되는 언어가 되었습니다.

## 활발한 커뮤니티



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

카틀린은 활기찬 활발한 커뮤니티의 혜택을 받으며 포럼, 블로그 및 오픈소스 프로젝트를 통해 지원을 제공합니다. Kotlin의 창시자인 JetBrains은 카틀린을 지원하기 위해 강력한 도구 및 문서를 제공하여 개발자들이 쉽게 시작하고 최신 정보를 얻을 수 있도록 돕고 있습니다.

## 안드로이드 지원

Google의 공식적인 Kotlin 지원으로 인해 Kotlin에 특화된 다양한 라이브러리, 프레임워크 및 도구의 개발이 이루어지고 있습니다. 안드로이드 Jetpack 라이브러리 및 기타 안드로이드 개발 도구는 Kotlin을 고려하여 설계되어 있어 안드로이드 플랫폼과의 통합을 더욱 강화하고 있습니다.

# 실제 사용 사례



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 사례 연구

많은 성공적인 안드로이드 애플리케이션이 Kotlin을 사용하여 개발되어 현실 세계 상황에서의 효과와 장점을 보여주고 있습니다. 예를 들어:

- Pinterest: Pinterest는 개발 프로세스를 개선하고 현대 언어 기능을 활용하기 위해 Kotlin을 도입했습니다.
- Uber: Uber는 Kotlin을 사용하여 안드로이드 앱 개발을 향상시키고 Kotlin의 간결함과 안전 기능을 활용하고 있습니다.

## 개발자 피드백



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

개발자들은 Java에서 Kotlin으로 전환한 경우 향상된 생산성, 줄어든 보일러플레이트 코드, 향상된 코드 가독성을 주요 이점으로 강조합니다. Kotlin의 현대적인 기능과 Java와의 원할한 통합이 개발 경험을 더 원활하게 만들고 더 잘 유지되는 코드베이스로 이어졌습니다.

# 결론

Kotlin은 Android 개발에 매력적인 선택지로 부각되었으며 Java보다 여러 가지 장점을 제공합니다. 간결한 구문, 널 안전성, 확장 기능 및 현대적인 언어 기능을 갖추고 있어 견고하고 유지보수 가능한 Android 애플리케이션을 구축하는 데 강력한 도구입니다. Google로부터의 공식 지원과 성장하는 커뮤니티의 지원을 받으며, Kotlin은 계속해서 주목을 받으며 안드로이드 개발의 미래를 살리고 있습니다.

만약 Kotlin으로 전환을 고려하거나 새로운 Android 프로젝트를 시작하려는 경우, Kotlin의 이점들은 그것이 가치 있는 대안임을 보여줍니다. 보일러플레이트 코드를 줄이고 가독성을 향상시키며 현대적인 기능을 제공하는 능력은 개발자들의 변화하는 요구사항과 현대적인 소프트웨어 개발의 요구에 부합합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

이 기사를 읽어 주셔서 감사합니다. 안드로이드 개발 및 프로그래밍 언어에 대한 더 많은 통찰력을 기대해 주세요. 코딩 즐겁게 하세요!

개발자들이 요즘 안드로이드 개발에서 Kotlin을 Java보다 선택하는 이유

# 쿼인(Quine)이란 무엇인가요?

쿼인은 자체 복제 프로그램으로, 완전한 소스 코드를 출력물로 생성하는 프로그램입니다. 다시 말해, 쿼인은 어떤 입력도 받지 않고 출력물로 자신의 소스 코드 복사본을 생성하는 프로그램입니다.

쿼인은 실제로 실용적이지는 않지만 작성하기는 재미있고 교육적입니다.

# 루비(Ruby)에서 쿼인을 어떻게 작성할까요?



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

이 글에서는 루비로 ASCII 쿼인을 작성하는 방법에 초점을 맞춥니다.

쿼인은 다음 단계를 따라 작성할 수 있습니다:

- 프로그램의 소스 코드를 나타내는 문자열을 준비합니다.
- 문자열과 문자열의 문자열 표현을 결합하여 원본 소스 코드를 작성합니다.
- 원본 소스 코드를 출력합니다.

## 선행 요구 사항



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Sure! Here is your ASCII art representation of the source code:

1111111111111111
1000000000000001
1000011111000001
1000100000100001
1000100000100001
1000011111000001
1000000000000001
1111111111111111



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
aa = <<~AA
  11111111111111111111000000000000000000000000000000000000000011111111111111111111
  11111111111111111111000000000000000000000000000000000000000011111111111111111111
  11111111111111111111000000000000000000011100000000000000000011111111111111111111
  11111111111111111111000000000000000000111110000000000000000011111111111111111111
  111111111111111111110000000000000011111111111100000000000


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 크고 작은 따옴표의 숨겨진 기능

이전에 인코딩된 ASCII 아트를 얻었으니 이제 루비에서 퀸을 구현할 수 있어요.

다음 단계에 따라 작동합니다:

- 인코딩된 ASCII 아트를 디코딩합니다.
- 문자 그리드를 소스 코드의 문자열로 대체하여 원래 소스 코드를 작성합니다.
- 원래 소스 코드를 출력합니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```

<img src="/assets/img/2024-08-03-CreatingASCIIArtQuinesWritingSelf-ReplicatingProgramsinRuby_0.png" />

- Orange: 프로그램의 소스 코드를 문자열로 얻기.
- White: 인코딩된 ASCII 아트.
- Green: ASCII 아트를 디코딩하고, 원래 소스 코드를 구성하고, 원래 소스 코드를 출력하기.
- Light Blue: 소스 코드를 원래 소스 코드처럼 보이도록 패딩하기.

```js
eval$s=%w(s=%(eval$s                                        =%w(#{$s})*"");b="BA
hsK2n//w8AAAAA8P////                                        8PAAAAAPD/////DwCAAw
Dw/////w8AwAcA8P////                   8PA                  Pw/APD/////DwD8PwDw/
////w/A/D8D8P////8P/                  vvff/                 D/////D////z/w/////w
/8//8/8P////8P//////              D/////D/j//z              /w/////w/g//8H8P////
8PAP//AfD/////D4D//w              Hw/////w8AgA              EA8P////8PAIABAPD///
//DwCAAQDw/////w8AgA          EA  8P////8PAAAA  AP          D//w==";n=Marshal.lo
ad(b.unpack('m')[0])     ;sz=s.siz e;i=0;j=0; o='';whil     e(i<sz&&j<20*80);if(
n&(1<<j)).zero?;o+=3    2.chr;else;o+=s[i];i+=1;end;if      (j%80==79);o+="\n";e
nd;j+=1;end;puts(o);      #eval$s=%w{s=%(eval$s=%w(#{$      s})*"");b="BAhsK2n//
w8AAAAA8P////8PAAAAA    PD/////DwCAAwDw/////w8AwAcA8P///    /8PAPw/APD/////DwD8P
wDw/////w/A/D8D8P///       /8P/vvff/D/////D////z/w////      /w/8//8/8P////8P////
//D/////D/j//z/w////         /w/g//8H8P////8PAP//Af         D/////D4D//wHw/////w
8AgAEA8P////8PAIABAP            D/////DwCAAQDw///           //w8AgAEA8P////8PAAA
AAPD//w==";n=Marshal           .load(b.unpack('m'           )[0]);sz=s.size;i=0;
j=0;o='';while(i<sz&                   j<                   20*80);if(n&(1<<j)).
zero?;o+=32.chr;else                   ;o                   +=s[i];i+=1;end;if(j
%80==79);o+="\n";end                   ;j                   +=1;end;puts(o);q@ev
al$s=@j;}*"";eval$s=                   %w                   {s=%{eval$s=%w(#{$s}
)*""};b="BAhsK2n//w8                                        AAAAA8P////8PAAA)*""
```

## 퀸 실행하기



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
$ ruby ca.rb > _ca.rb
$ diff -s ca.rb _ca.rb
ca.rb 및 _ca.rb 파일은 동일합니다.
```

프로그램의 출력물은 프로그램 자체의 원본 소스 코드입니다.

# 결론

이 글에서는 쿼인(Quine)이 무엇인지, 그리고 루비로 쿼인을 작성하는 방법을 살펴보았습니다. 쿼인은 실제로는 유용하지는 않지만, 재밌고 동시에 교육적인 요소를 품고 있습니다. 다른 언어로 소스 코드를 생성하는 쿼인이나 음악을 연주하는 쿼인과 같은 많은 다른 유형의 쿼인도 있습니다. 쿼인에 관심이 있다면 더 알아보고 직접 쿼인을 작성해 보세요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 참고 자료

- Quine (컴퓨팅) (최근 접속: 2024/08/02)
- JavaScript에서 AA Quine 입문 (최근 접속: 2024/08/02)
- Yusuke Endoh (2015). 『당신이 모르는 초선규 프로그래밍의 세계』.

Ruby로 ASCII 아트 퀸 만들기 셀프 복제 프로그램 작성 방법

![FactoryBot](/assets/img/2024-08-03-FlakyTestsCheckyourFactoryBotIDs_0.png)

FactoryBot은 테스팅을 간단하게 하는 데 사용되는 인기 있는 Ruby 라이브러리입니다. FactoryBot의 핵심 기능 중 하나는 "팩토리"를 생성하는 기능입니다. 팩토리는 ActiveRecord 모델 객체의 인스턴스를 생성하기 위한 템플릿으로, 테스트 데이터를 설정하고 관리하기 쉽게 만들어줍니다.

팩토리를 생성할 때 해당 모델의 ID 속성을 어떻게 관리해야 하는지 궁금할 수 있습니다.

팩토리의 ID를 정의하는 것은 간단해 보일 수 있지만, 잘못 구현하면 결정론적이지 않은 불안정한 테스트 결과를 초래할 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

여기 두 예시 팩토리가 있습니다. 해당하는 모델 속성은 주석 처리되어 있습니다. 이를 채워봅시다.

```js
FactoryBot.define do
  factory(:user) do
    # id
    # uuid
    # external_customer_id
    # has_one :account
  end

  factory(:account) do
    # id
    # uuid
    # belongs_to :user
  end
end
```

데이터베이스 ID

데이터베이스 ID는 데이터베이스에서 제공되므로 팩토리에서 직접 정의해서는 안 됩니다. 데이터베이스 ID를 팩토리에서 수동으로 정의하려고 하면 고유성 유효성 검증 오류가 발생할 수 있습니다. 대부분의 데이터베이스에서는 주 키가 데이터베이스 ID 이므로 이를 제거해야 합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

FactoryBot.define do
factory(:user) do # uuid # external_customer_id # has_one :account
end

factory(:account) do # uuid # belongs_to :user
end
end

UUIDs

UUIDs should be randomly generated. At Gusto, we use the standard ruby module SecureRandom to generate 128-bit UUIDs with a very low chance of collision.

FactoryBot.define do
factory(:user) do
uuid {::SecureRandom.uuid } # external_customer_id # has_one :account
end

factory(:account) do
uuid {::SecureRandom.uuid } # belongs_to :user
end
end



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

외래 키 ID

외래 키 ID는 팩토리에서 정의되어서는 안 되며 명시적 관계로 작성하는 것이 가장 좋습니다. 외래 키를 수동으로 정의하면 참조된 레코드가 존재하지 않거나 다른 테스트에서 생성되었을 수 있어 혼돈스러운 테스트 동작이 발생할 수 있습니다.

만약 관계가 선택적인 경우에는 특성(trait)을 활용하여 관련성을 포함하는 팩토리의 변형을 정의할 수 있습니다.

```js
FactoryBot.define do
  factory(:user) do
    uuid {::SecureRandom.uuid }
    # external_customer_id

    trait :with_account do
      association :account, factory: :account
    end
  end

  factory(:account) do
    uuid {::SecureRandom.uuid }
    association :user, factory: :user
  end
end
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

사용자 팩토리는 다음과 같이 호출할 수 있습니다:

```js
let (:user_without_account) { create(:user) }
let (:user_with_account) { create(:user, :with_account) }
```

기타 ID

FactoryBot의 시퀀스 메소드는 주요 키(primary key)와 같이 명확한 제약 조건이 없는 ID를 정의하는 간단한 방법입니다. sequence는 기본적으로 증가값을 갖는 속성의 시퀀스를 정의합니다. 다시 말해, 팩토리 속성에 시퀀스를 정의하면 해당 팩토리의 모든 새 인스턴스는 시퀀스를 증가시킵니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
FactoryBot.define do
  factory(:user) do
    uuid {::SecureRandom.uuid }
    sequence(:external_customer_id)

    trait :with_account do
      association :account, factory: :account
    end
  end

  factory(:account) do
    uuid {::SecureRandom.uuid }
    association :user, factory: :user
  end
end
```

우리 예제 팩토리를 사용하는 테스트를 고려해 보세요. 사용자 팩토리의 external_customer_id가 일련번호로 구현되어 있습니다.

```js
RSpec.describe GetUsersWithActiveAccounts do
  describe ‘.call’ do
    it ‘returns users with active accounts’ do
      # Create two users with accounts
     let(:user1) { create(:user, :with_account) }
     let(:user2) { create(:user, :with_account) }

     # Stub out the IsAccountActive service call
     allow(IsAccountActive).to receive(:call).with(external_customer_id: 1).and_return(true)

     # Expect the service to return users with active accounts
     expect(described_class.call).to include(user1)
    end
  end
end
```

안타깝지만, 이 테스트에는 문제가 있습니다 — 어떤 문제인지 발견할 수 있을까요?



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

스텁된 IsAccountActive API는 external_customer_id가 1을 예상하고 있습니다. 사용자 팩토리가 external_customer_id를 정의하는 데 시퀀스를 사용하므로 사용자의 첫 번째 인스턴스는 external_customer_id가 1로 할당됩니다.

이 테스트가 사용자 팩토리를 사용하는 유일한 테스트이거나 이 테스트를 독립적으로 실행한다면 안전합니다(현재까지). 그러나 누군가 다른 테스트가 여러분보다 먼저 사용자를 만들 경우, 문제가 발생할 수 있습니다: 스텁된 API는 external_customer_id가 1인 것으로 예상하지만 우리의 시퀀스 덕분에 external_customer_id가 2를 받게 됩니다.

많은 CI 파이프라인은 테스트의 순서를 섞어 숨겨진 테스트 의존성을 발견하고 테스트 실행을 분담합니다. 이러한 섞기는 팩토리의 ID 시퀀스를 방해하고 이해하기 어려운 테스트 실패를 발생시킬 수 있습니다. 더 나쁜 경우, 프로덕션 빌드가 기능 브랜치 빌드와 다르게 구성되어 있으면 코드를 병합할 때까지 문제가 나타나지 않을 수 있습니다.

시퀀싱 문제를 해결하는 한 가지 기술은 시퀀스의 시작 값을 조정하는 것입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
sequence(:id) { |n| (1000 + n) }
```

이 방법은 암시적으로 시퀀스를 생성하는 것을 방지하여 약간의 개선을 제공합니다 (예: 두 개의 공장이 각각 ID 1과 2를 제공하는 경우, 테스트가 해당 ID가 일치하는 것을 예상하지만, 그렇지 않습니다). 그러나 다른 테스트가 순서를 방해할 가능성을 배제하지는 않습니다.

장난감 예에서 다른 수정 방법은 하드코딩된 ID 대신에 user1.external_customer_id를 참조하는 것입니다.

```js
# IsAccountActive 서비스 호출을 Stub 처리
allow(IsAccountActive).to receive(:call).with(external_customer_id: user1.external_customer_id).and_return(true)
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

하지만 현실에서는 이러한 실패가 그리 명확하지 않을 수 있습니다. 성공을 위해 자신을 준비시키려면 다음 사항을 명심하세요: 만약 공장 속성의 값이 중요하다면, 그것이 중요하도록 만들어주세요 - 팩토리가 제공하는 값에 의지하는 대신에 테스트에서 명시적으로 값을 설정해주세요.

불안정한 테스트 FactoryBot ID 문제를 확인하세요

<img src="/assets/img/2024-08-03-AutomatedTestinginRailsUsingSelenium_0.png" />

자동화된 테스트는 설거지나 빨래를 접을 수는 없지만, 끊임없이 시간을 절약해 주고 코드에 잠복하는 귀찮은 버그들을 잡아주는 데 도움을 줍니다. 또한 "방금 셀레늄 테스트 스위트를 작성했어" 같은 말을 사용해서 친구나 가족들을 감탄시킬 수 있습니다. 비록 그들이 그게 무슨 뜻인지 모르더라도요.

셀레늄 자동화 테스트를 작성하는 능력은 개발자에게 매우 가치 있는 도구입니다. 이를 통해 소프트웨어 품질을 보장하는 능력이 향상되며, 개발 프로세스의 효율성과 신뢰성 증진에 기여할 수 있는 능력이 더해집니다.

이제 우리가 RSpec, Capybara, 그리고 셀레늄을 이용해 Rails 애플리케이션에 자동화된 테스트 스위트를 설치하는 방법에 대해 알아봅시다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

참고: 계속 진행하기 전에 이미 Rails 애플리케이션에서 RSpec을 설정했다고 가정합니다.

## 필요한 젬 설치

먼저, 다음 젬들을 설치해야 합니다. Gemfile에 아래 내용을 추가해주세요:

```js
group :test do
  gem "capybara"
  gem "selenium-webdriver"
  gem "webdrivers"
end
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

이후에는 시스템에 chromedriver가 설치되어 있는지 확인하십시오. Linux 시스템에서 다음 명령을 사용하여 확인할 수 있습니다:

```js
chromedriver - version;
```

만약 chromedriver가 없다면, Linux 장치에 다음 명령을 사용하여 설치할 수 있습니다:

```js
sudo apt-get install chromedriver
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## Capybara 설정하기

젬과 드라이버를 설치한 후 spec/support 디렉토리 내에 새 파일을 만들어주세요. 파일 경로는 spec/support/capybara.rb 여야 합니다.

capybara.rb 파일 안에 다음 코드를 추가해주세요:

```js
require 'capybara/rspec'
require 'selenium/webdriver'

Capybara.configure do |config|
  config.default_max_wait_time = 5 # 초
  config.default_driver = :selenium
  config.javascript_driver = :selenium
  config.app_host = '' # 테스트하고 싶은 애플리케이션의 URL을 설정해주세요
end

Capybara.register_driver :selenium do |app|
  options = Selenium::WebDriver::Chrome::Options.new

  Capybara::Selenium::Driver.new(app,
    browser: :chrome,
    options: options
  )
end
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Capybara는 실제 사용자가 앱과 상호 작용하는 방식을 시뮬레이션하여 웹 애플리케이션을 테스트하는 데 도움을 줍니다. 이는 테스트를 실행하는 드라이버에 대해 중립적이며 Rack::Test 및 Selenium 지원이 내장되어 있습니다.

기본적으로 Capybara는 :rack_test 드라이버를 사용하는데, 이는 빠르지만 제한적입니다. JavaScript를 지원하지 않으며 원격 API 및 OAuth 서비스와 같이 Rack 애플리케이션 외부의 HTTP 리소스에 액세스할 수 없습니다. 이러한 제한 사항을 해결하려면 기능의 기본 드라이버를 다른 것으로 설정할 수 있습니다. 예를 들어 Selenium에서 모든 것을 실행하고 싶다면:

```js
Capybara.default_driver = :selenium
```

## 서포트 파일 로드하기



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

다음으로 spec/rails_helper.rb 파일에 다음 코드를 추가해주세요:

```js
Dir[Rails.root.join('spec/support/**/*.rb')].sort.each { |f| require f }
```

이렇게 하면 테스트를 실행하는 동안 support 디렉토리 안의 코드가 올바르게 로드됩니다.

## 테스트 케이스 작성하기



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

위의 단계를 따르셨서 자동화 테스트 설정이 완료되었어요. 이제 Capybara가 제공하는 내장 메서드를 사용하여 테스트 케이스를 작성해봅시다.

spec/features 디렉토리 안에 새 파일을 만들어주세요. 예를 들어, spec/features 디렉토리 안에 example_spec.rb 라는 파일을 생성해보세요.

```js
require 'rails_helper'

RSpec.describe 'Sample Test', type: :feature, js: true do
  it 'opens a page and checks for a specific element' do
    visit 'https://remaing_page_url_you_want_to_test'
    expect(page).to have_selector('h2', text: 'The content of the page')
  end
end
```

테스트를 실행하려면 아래 명령어를 사용해주세요:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
rspec spec/features/example_spec.rb
```

이 명령어를 실행하면 귀하가 작성한 테스트를 실행하는 Chrome 브라우저가 열릴 것입니다.

Capybara는 웹 사이트 페이지를 탐색하기 위한 내장 메소드 세트를 제공합니다. 더 자세한 내용은 이 링크를 확인해주세요.

![Automated Testing in Rails Using Selenium](/assets/img/2024-08-03-AutomatedTestinginRailsUsingSelenium_1.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

지금까지 함께 Selenium, Capybara 및 RSpec을 사용하여 Rails 애플리케이션에서 자동화 테스트의 흥미로운 세계로 첫걸음을 내딛었습니다. 이제 여러분의 테스트는 기름이 잘 바른 기계처럼 작동하고 있습니다 (아니면 가끔 가볍게 차주는 것이 필요한 정도로 잘 작동하고 있습니다).

즐거운 테스트를 하시고, 여러분의 테스트가 항상 처음에 통과되기를 바랍니다 (하지만 솔직히 말해서, 그런 일은 결코 일어나지 않을 거예요)!

Posts