Replies: 4 comments 4 replies
-
|
저는 1번( 다만 좀 걱정되는건 자바스크립트로만 구현해본거라 |
Beta Was this translation helpful? Give feedback.
-
|
🤡 도움이 되실진 모르겠지만 얼마전에 글을 본것같아 |
Beta Was this translation helpful? Give feedback.
-
|
안녕하세요~ 6팀 박유진입니다! 저도 처음엔 2번에 투표했는데 이유는 asChild와 Slot을 활용하려면 Radix UI 라이브러리 설치가 필요하고 그런데 다른 유명한 사이트들은 어떻게 하는지 찾아보다가 결국 같은 버튼에서 조건 분기로 나누는거 같아서 참고로 에어비앤비는 as 패턴을 사용하고 물론 작은 프로젝트에서는 다소 오버프로그래밍일 수 있지만 참고로 저는 공통 컴포넌트를 만들때 |
Beta Was this translation helpful? Give feedback.
-
|
이친구 결판 어떻게 낳을까요 ? ㅎ 어떤걸로 정해도 사실 상관은 없을것같습니다 해보고 구리면 바꾸면 되서 |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
어떻게 구현하시나요?!
아래 이미지처럼 겉모습은
버튼이지만 실제 동작은 링크처럼페이지 이동(Link)으로 작동해야 하는 UI가 종종 등장하는데요.이럴 때 컴포넌트를 어떻게 설계하시나요??
질문을 하게된 이유
저는 스프린트 미션을 할 때
Button컴포넌트를 하나만 만들어두고asprop을 활용해서 버튼의 실제 태그를 바꾸는 방식으로 구현했습니다.이렇게 하면 버튼 스타일을 통일하면서
<Link>로 동작하게 할 수 있어서그 당시에는 괜찮은 방법이라고 생각했습니다.
이전 멘토링(part2)에서 이 버튼 컴포넌트 방식을 피드백을 받았는데,
구조가 너무 복잡한 것 같고
<Link><Button>...</Button></Link>형태로 쓰는게 더 편하지 않을까요? 라는 답변을 받았어서그 당시에는 음 그렇게 하면 되는구나 싶었는데
막상 이 방식의 HTML 구조를 보니까 이런 문제가 있더라구요.
Link태그 하위에Button태그를 두게 되면a태그 안에button태그가 들어가게 되는 구조가 돼서 HTML 규칙에 맞지 않더라구요...그래서 결국 기초 프로젝트를 할 때는
ButtonLinkButton컴포넌트를 각각 구현했습니다.투표
그래서 이번 프로젝트에서는 어떤 방식으로 구현하는게 좋을지
보통 어떻게 구현하는지 궁금해서 질문드립니다!
투표 하신 뒤에 간단하게 이유도 함께 남겨주시면 좋을 것 같습니다!!!!
3 votes ·
Beta Was this translation helpful? Give feedback.
All reactions