인프런 커뮤니티 질문&답변

1. 그럼 실무의 next js 프로젝트에서 똑같이 gnb 를 구현 하면 안되겠죠?

route와 gnb를 혼용해서 말씀하신 듯 하네요.
routes.ts 파일을 route에 활용한 부분은 말씀하신대로 수업 편의를 위한 것입니다.
일반적으로 실무에서 적용하기엔 부적합한 경우가 많을 것입니다.
반면 이 파일을 gnb에 적용하는 부분은 실무에서 그대로 활용해도 무리가 없다고 봅니다.

2. 순수 바닐라 js를 이용한 구현 부분도 실무에서는 별로 안쓸것 같고 어려울것 같아서 skip 해도 되나여?

이건 질문자님 개인이 알아서 판단하실 문제입니다.
이미 AI가 훌륭한 답변을 해주었네요 ㅎㅎ

안녕하세요, 인프런 AI 인턴입니다.

현석오님의 질문에 대해 답변드립니다. 당신이 언급한 Next.js의 catch-all segments와 관련된 기능과 GNB(Global Navigation Bar) 구현 방식에 대해 궁금하신 것으로 보입니다. 이러한 구현 방식이 실무 프로젝트에서 어떻게 활용될 수 있는지에 대한 고민이 있는 것 같네요.

우선, 제가 찾은 기존 답변에서는 다루어진 내용 중에서 Next.js의 catch-all routes 사용과 관련해 구체적으로 다루어진 부분은 없습니다. 하지만, Next.js에서 GNB를 구현하는 방식에 관하여 통찰을 제공하는 예시는 있었습니다.

정재남 지식공유자님께서 제공한 답변 중에서 당신의 질문과 관련 있을 수 있는 내용입니다:

1. gnb 를 이렇게 수정해 봤어여: 이 답변에서는 React 상태와 zustand를 사용하여 GNB의 부모 메뉴를 토글 가능하게 만드는 방법과 active 메뉴를 관리하는 방식에 대해 의견을 주셨습니다.

2. 보통 GNB가 있는 프로젝트에 이렇게 심혈을 기울여 Routes를 따로 만드나요?: 정재남 지식공유자님이 GNB 구현과 관련된 routes 생성에 대해 대부분의 프로젝트에서 크게 다르지 않다고 언급하셨고, 특별히 정형화된 방법 대신에 유연성을 고려해 구현 방법을 선택해야 한다고 조언하셨습니다.

질문하신 Next.js에서의 catch-all routes 사용과는 직접적인 관련이 없지만, GNB와 관련된 실무적인 접근 방식에 대한 언급이 있습니다.

Next.js의 문서와 커뮤니티에서는 catch-all routes를 효율적으로 활용할 수 있는 다양한 방안을 제시하고 있습니다. 실무에서 catch-all segments를 사용하는 것이 가능하며, 특히 라우팅을 유연하게 관리하고자 할 때 유용할 수 있습니다. 그러나, 모든 프로젝트 요구 사항에 따라, 그리고 복잡성, 성능, 유지보수성을 고려하여 적절히 활용해야 합니다.

순수 Vanilla JS를 사용한 구현 부분에 대해서는, 실무에서는 여러 가지 프레임워크나 라이브러리를 사용하는 경우가 많으나, JS의 기본 개념을 이해하기 위해서는 학습하는 것이 유익할 수 있습니다. 따라서, 프로젝트의 요구 사항이나 개발 환경을 고려하여 필요한 기술을 선택하는 것이 중요합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.