SKRF-111 design: Login Page 디자인 #10
Conversation
| font-style: normal; | ||
| font-family: 'LogoFont'; | ||
| font-weight: 400; | ||
| line-height: normal; |
There was a problem hiding this comment.
p4;
normal보다는 rem을 통해 구체적인 수치를 지정해주는게 좋다고 생각하는데 어떠신가요?.?
| export { | ||
| ContainerStyled, | ||
| LogoAreaStyled, | ||
| LogoCircleStyled, | ||
| LogoTextStyled, | ||
| LoginAreaStyled, | ||
| TitleStyled, | ||
| }; |
There was a problem hiding this comment.
p1;
이건 아직 정해지지 않은 컨벤션인데
저는 스타일 변수는 각각 export하는데 모아서 export하는걸로 통일할까요?
src/pages/LoginPage/LoginPage.tsx
Outdated
| import { LogoText, Message } from '@/constants/LoginPage'; | ||
|
|
||
| import { | ||
| ContainerStyled, |
There was a problem hiding this comment.
p2;
무엇을 위한 컨테이너인지 표시해주시면 좋을것 같아요!
ex) LogoContainerStyled
src/pages/LoginPage/LoginPage.tsx
Outdated
| <LogoTextStyled> | ||
| <span>{LogoText.SPACE_CLUB}</span> | ||
| </LogoTextStyled> | ||
| </LogoCircleStyled> | ||
| </LogoAreaStyled> | ||
| <LoginAreaStyled> | ||
| <TitleStyled>{Message.WELCOME}</TitleStyled> |
There was a problem hiding this comment.
p3;
TitleStyled는 내부에 바로 텍스트가 들어가는데
LogoTextStyled는 span안에 텍스트를 넣으신 이유가 따로 있으신가요?
span에 스타일이 적용되지 않았다면 없어도 되지 않을까?하는 생각이 드네요!
src/pages/LoginPage/LoginPage.tsx
Outdated
| <LogoAreaStyled> | ||
| <LogoCircleStyled> | ||
| <LogoTextStyled> | ||
| <span>{LogoText.SPACE_CLUB}</span> |
There was a problem hiding this comment.
p2;
이런 제목 느낌의 중요한 텍스트 h1태그로 감싸줄때 구글 SEO최적화에 좋습니다!
| </LogoCircleStyled> | ||
| </LogoAreaStyled> | ||
| <LoginAreaStyled> | ||
| <TitleStyled>{Message.WELCOME}</TitleStyled> |
There was a problem hiding this comment.
p2;
TitleStyled도 h1으로 감싸기!
| font-family: 'LogoFont'; | ||
| font-weight: 400; | ||
| line-height: normal; | ||
| `; |
There was a problem hiding this comment.
font-style, font-weight 적용되는지 확인 부탁드립니당:)
There was a problem hiding this comment.
확인 결과 적용 안 됩니다...!
src/pages/LoginPage/LoginPage.tsx
Outdated
| import { LogoText, Message } from '@/constants/LoginPage'; | ||
|
|
||
| import { | ||
| ContainerStyled, |
📝요구사항과 구현내용
로그인 페이지 뷰를 구현했습니다.
구현 스크린샷
✨pr포인트 & 궁금한 점