Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feat] Search view/UI #241

Merged
merged 13 commits into from
Nov 14, 2022
Merged

[Feat] Search view/UI #241

merged 13 commits into from
Nov 14, 2022

Conversation

otoolz
Copy link
Collaborator

@otoolz otoolz commented Nov 12, 2022

관련 이슈

구현/변경 사항

  • 검색 관련 화면 UI
    • ExploreShortcutView 탐색버튼
    • 서치뷰
    • 서치 결과 뷰 ( 결과 있을 때, 없을 때)

스크린샷

proposeView SearchView ExploreShortcutView 탐색버튼
IMG_4335 IMG_4334 IMG_4333

@otoolz otoolz added the Type-Feature New feature label Nov 12, 2022
@otoolz otoolz added this to the 3rd Sprint milestone Nov 12, 2022
@otoolz otoolz self-assigned this Nov 12, 2022
Copy link
Member

@JMM00 JMM00 left a comment

Choose a reason for hiding this comment

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

확인했습니다~! 검색 기능 추가해야할 부분을 명시해주셔서 제가 편하게 작업할 수 있었습니다~! 최고최고!!


ScrollView(.horizontal) {
HStack {
// TODO: 선택된 텍스트 검색하는 기능
Copy link
Member

Choose a reason for hiding this comment

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

제가 기능 구현해서 함께 pr올렸습니다~!

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

긋긋긋👍

@State var searchText: String = ""
@State var searchResults: [Shortcuts] = []

let keywords: [String] = ["단축어", "갓생", "포항꿀주먹"]
Copy link
Member

Choose a reason for hiding this comment

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

추천 검색어를 쉽게 변경하기 위해서 서버에서 추천 검색어를 저장하도록 추가로 구현해볼까요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

와우 너무 좋겠는걸요?

Co-authored-by: Elie (Jeon Jimin) <41153398+JMM00@users.noreply.github.com>
Copy link
Collaborator

@JIWON1923 JIWON1923 left a comment

Choose a reason for hiding this comment

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

LGTM!
기존 커스텀했던 x (지우기) 버튼은 없어도 될 것 같아요!

@JMM00
Copy link
Member

JMM00 commented Nov 13, 2022

스크린샷에 배포용 데이터베이스가 올라와있는 것 같아서 리마인드드립니당
테스트할 때는 google plist 변경해서 작업해주세요!

Copy link
Member

@HanGyeongjun HanGyeongjun left a comment

Choose a reason for hiding this comment

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

수고하셨습니다! 패딩 30으로 준 부분 로미와 확인 후 머지하면 될 것 같습니다 👍🏻

Comment on lines 84 to 85


Copy link
Member

Choose a reason for hiding this comment

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

Suggested change

//TODO: 버튼 클릭 시 단축어 제안하는 페이지 연결
} label: {
Text("단축어 제안하기")
.padding(.horizontal, 30)
Copy link
Member

Choose a reason for hiding this comment

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

4배수가 아니라서 한 번 디자이너와 확인해보면 좋을 것 같습니다
@mxnxxii

Copy link
Collaborator

Choose a reason for hiding this comment

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

Figma상, 4배수보다 마진이 우선시되어서 4배수 적용이 되지 않은것으로 확인됩니다 :)
자세한 내용은 직접 만나서 확인 후 수정하는것으로 진행하도록 해볼게요 !!

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

넹 28로 적용하겠습니다

Text(keyword)
.Body2()
.foregroundColor(Color.Gray4)
.padding(10)
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
.padding(10)
.padding(.horizontal, 12)
.padding(.vertical, 8)

)
}
}
.padding(.leading, 16)
Copy link
Member

Choose a reason for hiding this comment

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

첫번째 셀 이후의 사이 간격은 padding이 12라서 화면 좌우 영역의 패딩과는 따로 적용되야 할 것 같습니다!

Suggested change
.padding(.leading, 16)
.padding(.leading, 12)

@HanGyeongjun
Copy link
Member

여기 border 있는 뷰에서도 라인 일부가 잘리는 현상이 있네요. 제가 작성한 WriteCurationSetView에서도 동일한 문제가 발생했었는데, 이슈 작성 후 머지되면 제 뷰와 함께 수정작업해보겠습니다!
아마도 뷰 내부에 border가 그려지는 게 아니라 경계선을 중심으로 그려져서 외부에 그려진 border가 잘리는게 원인 같은데 확인해보겠습니다.

//TODO: 버튼 클릭 시 단축어 제안하는 페이지 연결
} label: {
Text("단축어 제안하기")
.padding(.horizontal, 30)
Copy link
Collaborator

Choose a reason for hiding this comment

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

Figma상, 4배수보다 마진이 우선시되어서 4배수 적용이 되지 않은것으로 확인됩니다 :)
자세한 내용은 직접 만나서 확인 후 수정하는것으로 진행하도록 해볼게요 !!

Copy link
Collaborator

@mxnxxii mxnxxii left a comment

Choose a reason for hiding this comment

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

서치 결과검색 부분 background가 white로 구현되어있는 것 같은데 확인 부탁드릴게요 :)

@mxnxxii mxnxxii self-requested a review November 13, 2022 16:54
PR 수정 요청 사항 반영
@otoolz
Copy link
Collaborator Author

otoolz commented Nov 14, 2022

수정 요청사항들 확인하고 반영했습니다~
@HanGyeongjun 확인하시면 바로 머지 하겠습니다~~

@otoolz otoolz merged commit 949d088 into develop Nov 14, 2022
@HanGyeongjun HanGyeongjun deleted the SearchView/UI branch December 2, 2022 01:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type-Feature New feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feat] 검색 화면 UI 그리기
5 participants