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/map #10

Merged
merged 13 commits into from
May 1, 2022
Merged

Feat/map #10

merged 13 commits into from
May 1, 2022

Conversation

hotbreakb
Copy link
Collaborator

Summary

헌혈 요청 페이지 만드는 중

Key Changes

  • select 추가
  • select storybook 추가
  • request 페이지 추가 (헌혈 요청 페이지)
  • naver map 추가

Notes

  • 페이지 이름 request 괜찮은가요?
  • SearchBarjusetify-content: center를 안해도 양쪽으로 뻗는데 아직 이유를 모르겠어요.
  • stack이 스크린 화면 100%로 꽉 찼으면 좋겠는데 계속 넘쳐서 애먹고 있어요.

Screenshots

image

화면 기록 2022-04-30 오후 2 37 35

Checklist

  • test
  • lint-fix
  • ts-check

@Hong-been
Copy link
Collaborator

페이지 이름 request 괜찮은가요?

  • 저는 잘지으신것같아요~~

SearchBar가 jusetify-content: center를 안해도 양쪽으로 뻗는데 아직 이유를 모르겠어요.

  • LayoutMap에서 width: 100%을 해서 그런것같네요

stack이 스크린 화면 100%로 꽉 찼으면 좋겠는데 계속 넘쳐서 애먹고 있어요.

  • 이부분은 코드에 코멘트를 달아보겠습니다

@hotbreakb hotbreakb requested a review from ghtea April 30, 2022 23:59
>
<HeaderBar />
<SearchBar />
<div css={{flex: 1, height: 10}}>
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

이 부분 해결했습니다!

해결방식

  1. stack을 감싸는 div에 height를 준다.
  • 홍빈님 말씀대로 해봤는데 아직 의문인 것은 height를 몇으로 주든 원하는 대로 동작은 되는데 height: 10px로 고정되지는 않는다는 것입니다.
  1. stack 안에 들어가는 게시글 하나에 div를 만든다.
  • 따로 감쌀 필요가 없을 거 같아서 <></>로 했더니 안 되더군요.

화면 기록 2022-05-01 오전 9 33 27

css={{
display: "flex",
flexDirection: "column",
width: "100%",
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

홍빈님 말씀대로 이 부분의 영향이 있었어요. 확인해보니, SearchBar 안에 들어있는 컴포넌트의 margin, padding을 설정해주지 않아서 마음대로 움직이고 있는 거였어요.

onChange?: ChangeEventHandler<HTMLSelectElement>;
};

export const Select = ({
Copy link
Collaborator

Choose a reason for hiding this comment

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

색상 값이 사실 컬러시스템에서 가져오지 않고 hex 값을 사용하는 등
디자인팀에서 아직 와이어프레임 단계이다보니깐 아직 디자인이 미완성인거 같아요.
지금은 당장 이렇게 나두고 나중에 디자인 팀이 컴포넌트로 작업해주시면 그때 수정하는 PR 올릴게요!

@@ -31,6 +31,7 @@
"@storybook/react": "^6.4.22",
"@storybook/testing-library": "^0.0.9",
"@svgr/webpack": "5.5.0",
"@types/navermaps": "^3.0.13",
Copy link
Collaborator

Choose a reason for hiding this comment

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

👍

@hotbreakb hotbreakb merged commit 6309c35 into develop May 1, 2022
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.

3 participants