Skip to content

[#260] TodoEditorView의 UX를 개선한다#264

Merged
opficdev merged 2 commits intodevelopfrom
ui/#260-TodoEditorView
Mar 12, 2026
Merged

[#260] TodoEditorView의 UX를 개선한다#264
opficdev merged 2 commits intodevelopfrom
ui/#260-TodoEditorView

Conversation

@opficdev
Copy link
Copy Markdown
Owner

@opficdev opficdev self-assigned this Mar 12, 2026
@gemini-code-assist
Copy link
Copy Markdown
Contributor

Summary of Changes

Hello, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

이 풀 리퀘스트는 TodoEditorView의 사용자 경험을 개선하는 데 중점을 둡니다. 입력 필드를 세련되게 다듬고 마크다운 사용에 대한 더 나은 안내를 제공합니다. 이러한 변경 사항은 특히 제목 및 설명 필드와 상호 작용할 때, 그리고 마크다운 미리보기 기능을 활용할 때 인터페이스를 더욱 직관적이고 유익하게 만드는 것을 목표로 합니다.

Highlights

  • 제목 입력 필드 개선: TodoEditorView의 제목 입력 필드의 시각적 표현과 명확성을 개선했습니다.
  • 설명 필드 마크다운 지원 강화: 설명 입력 필드에 마크다운 지원 힌트를 추가하고 프롬프트를 업데이트하여 기능을 향상시켰습니다.
  • 마크다운 미리보기 플레이스홀더 도입: 마크다운 미리보기 탭에서 내용이 비어 있을 때 사용자에게 기능 사용법을 안내하는 플레이스홀더 메시지를 도입했습니다.
  • 지역화 문자열 업데이트: 이러한 UI 변경 사항을 반영하고 명확성을 높이기 위해 지역화 문자열을 업데이트했습니다.
Changelog
  • DevLog/Resource/Localizable.xcstrings
    • 마크다운 미리보기 및 힌트를 위한 새로운 문자열이 추가되었습니다.
    • 제목 및 설명 프롬프트에 대한 기존 문자열이 업데이트되었습니다.
  • DevLog/UI/Home/TodoEditorView.swift
    • 제목 입력 필드의 모양과 프롬프트가 수정되었습니다.
    • 설명 입력 필드에 마크다운 힌트가 통합되고 프롬프트가 업데이트되었습니다.
    • 내용이 없을 때 마크다운 미리보기를 위한 플레이스홀더가 구현되었습니다.
Activity
  • 이 풀 리퀘스트에는 현재까지 인간 활동이 없습니다.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for GitHub and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

이 PR은 TodoEditorView의 사용자 경험을 개선하는 변경 사항을 담고 있습니다. 제목 필드를 더 명확하게 만들고, 마크다운 편집을 위한 힌트와 비어있을 때의 미리보기 플레이스홀더를 추가하여 사용성을 높였습니다. 전반적으로 좋은 개선이라고 생각합니다. 한 가지 제안 사항으로, 새로 추가된 미리보기 플레이스홀더를 탭했을 때 편집 탭으로 바로 전환되도록 하여 사용자 편의성을 더욱 높일 수 있습니다. 관련하여 코드에 주석을 남겼습니다.

Comment on lines +140 to +150
private var previewPlaceholder: some View {
VStack(alignment: .leading, spacing: 6) {
Text("Markdown 미리보기")
.font(.subheadline.weight(.semibold))
Text("편집 탭에서 Markdown으로 작성하면 여기에서 서식이 적용되어 보여요.")
.font(.footnote)
.foregroundStyle(.secondary)
}
.frame(maxWidth: .infinity, alignment: .leading)
.padding(.vertical, 8)
}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

현재 미리보기 탭의 플레이스홀더는 탭 제스처에 반응하지 않습니다. 사용자가 플레이스홀더를 탭하면 편집 탭으로 전환하고 설명 필드에 포커스를 맞추도록 .onTapGesture를 추가하면 사용자 경험(UX)을 향상시킬 수 있습니다. 이렇게 하면 사용자가 더 직관적으로 편집을 시작할 수 있습니다.

    private var previewPlaceholder: some View {
        VStack(alignment: .leading, spacing: 6) {
            Text("Markdown 미리보기")
                .font(.subheadline.weight(.semibold))
            Text("편집 탭에서 Markdown으로 작성하면 여기에서 서식이 적용되어 보여요.")
                .font(.footnote)
                .foregroundStyle(.secondary)
        }
        .frame(maxWidth: .infinity, alignment: .leading)
        .padding(.vertical, 8)
        .contentShape(Rectangle())
        .onTapGesture {
            viewModel.send(.setTabViewTag(.editor))
            field = .description
        }
    }

@opficdev opficdev merged commit 53e9bd9 into develop Mar 12, 2026
2 checks passed
@opficdev opficdev deleted the ui/#260-TodoEditorView branch March 12, 2026 04:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

TodoEditorView에서 제목의 가독성을 개선한다

1 participant