답변 드립니다. 정답은 없고 개인적인 의견이니 참고만 해주시면 될것 같습니다. 또한 styled-components에서 어떠한 문제점을 겪고 계신지 명확한 명시가 없어 일반적인 답변 밖에 드릴 수
답변 드립니다. 정답은 없고 개인적인 의견이니 참고만 해주시면 될것 같습니다. 또한 styled-components에서 어떠한 문제점을 겪고 계신지 명확한 명시가 없어 일반적인 답변 밖에 드릴 수 없을것 같습니다. 1. Next.js에서 styled-components(CSS-in-JS) 말고 다른 스타일링 대안은 무엇인가요? 질문으로 봤을때 현재 Next.js에서 CSS-in-JS 형태로 스타일링을 진행하고 계신다고 판단됩니다. CSS-in-JS는 컴포넌트 단위의 스타일링과 동적 스타일링을 가능하게 해주지만, 성능 이슈, 빌드 시간 증가, 코드 분리의 어려움 등의 단점을 가지고 있어요. 이러한 CSS-in-JS의 한계를 고려하여 다른 스타일링 대안을 찾고 계시다면, utility-first CSS 프레임워크인 Tailwind CSS를 추천드립니다. Tailwind CSS 또한 완벽하지 않지만 재사용 가능한 작은 유틸리티 클래스를 제공하여, 디자인의 일관성 유지와 코드 재사용성을 향상시키며, 사용자 정의를 쉽게 할 수 있도록 도와줍니다. 하지만 HTML에서 많은 클래스를 사용하면 가독성이 떨어질 수 있으며, 새로운 학습 곡선이 필요하다는 단점도 있어요. 또한 요즘 많이 사용하고 있어서 참고할 만한 글도 많습니다. 완벽한 방법은 없는것 같습니다. 다만 목적에 맞게 다양한 스타일링 방법을 공부하고 적절히 섞어서 쓸수 있어야 하는것 같네요. 만약 Tailwindcss 사용해보시지 않으셨다면 한번 사용해보시는것을 추천드려요. 2. 현업에서 Next.js 13 버전으로 마이그레이션하고 있는가요? Next.js 13은 향상된 성능과 새로운 기능을 제공하기 때문에, 많은 개발자들이 이 버전으로의 마이그레이션을 고려할것으로 판단하고 있어요. 그러나, 현업 환경에서는 새로운 버전으로의 마이그레이션에 신중해야 한다고 생각해요. 새로운 기능과 향상된 성능이 매력적일지라도, 기존에 제공하던 서비스의 안정성과 고객에게 전달되는 가치를 우선시 해야 하니까요. 또한, 마이그레이션 과정에서 생길 수 있는 다양한 비용(예: 추가 작업, 테스트 비용 등)을 고려해야 해서 쉽게 결정하기는 어려운 문제일것 같네요. 따라서, Next.js 13으로의 마이그레이션 여부는 팀의 상황, 프로젝트의 요구사항과 우선순위, 그리고 마이그레이션으로 인한 비용 등을 종합적으로 고려한 후에 결정해야 해야할것 같아요. 저희같은 경우 마이그레이션은 하지 않고 신규 프로젝트의 경우만 13으로 진행하고 있습니다. 도움이 되었으면 좋겠습니다 :)