개발자
모바일 중심 웹 개발시 네비게이션 바
2023년 07월 04일•조회 228
이번에 회사에서 모바일 중심 웹을 개발하게 됐습니다. 그런데 현재 기획에서 그려준 그림이 제가 업로드한 그림형식의 완전히 앱 모양으로 기획중인데 혹시 react 로 해당 뷰처럼 만들기 위해서는 아래 네브바를 직접 css 로 만들어서 개발 진행해야 할까요? react native 의 경우엔 자체에 nav 바 구성하는 함수가 내장 되어 있는데 웹 개발 하면서 해당 모양을 본 적이 없어서 혹시나 따로 해당 모양처럼 되어있는 라이브러리 등이 있나 여쭤봅니다.
-
이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이
더 많은 사람에게 노출될 수 있어요.
'보충이 필요해요' 버튼을 누르면 질문자에게
질문 내용 보충을 요청하는 알림이 가요.
익명님의 질문
답변 1
현재 작업하시는 프로젝트의 페이지 전환 방식이 어떻게 되는지는 모르겠지만, 질문자께서 고민하고 있는 점이 웹 개발 시, 하단 Nav바를 별도의 라이브러리를 통해 구현하는지 또는 직접 만드는 방식으로 구현하는지라면, 직접 만들어서(css) 진행을 해도 괜찮을 것이라고 생각합니다. 저는 모바일 중심의 웹을 사이드프로젝트로 진행할 때, 다음과 같은 구조로 레이아웃을 설계했었는데 참고해주시면 감사하겠습니다. ps. NextJS를 통해 작업을 하신다면, a tag 대신 Link tag가 삽입되는 식으로 변경하여 라우팅이 동작하도록 수행할 수 있을 것 같아요.
1 2 3 4 5 6 7 8 9 10 11 12 13<body> <header>헤더</header> <main>페이지 전환 시 변경되는 영역</main> <nav> <ul> <li><a href="/">단체주문</a></li> <li><a href="/">챌린지</a></li> <li><a href="/">홈</a></li> <li><a href="/">커뮤니티</a></li> <li><a href="/">마이페이지</a></li> </ul> </nav> </body>
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
지금 가입하면 모든 질문의 답변을 볼 수 있어요!