프론트엔드 기술스택을 어떻게 하면 좋을까요?

Question

4학년 졸업이 다가오는 컴공대학생입니다.. 플러터, 컴포즈 android, 스프링부트 등등 다양한 걸 공부한다고 하나를 파지 못했어요.. estj라 그런가이제와서 늦었지만 레드오션인 웹 프론트엔드로 픽스했어요. 그나마 이게 재밌더라고요.경험은 React로 2개 정도 프로젝트를 진행했었습니다.기술스택은 Styled Components, Recoil, 자바스크립트로 react를 했었고요기본적으로 초기세팅 변태라서 ci/cd나 포매터로 린트 설정하거나 등등 이런것도 매번 설정하고 다닙니다.그런데 이제 방학이 다가와서 react를 좀더 구체화 해보려고 하는데요.타입스크립트로 react를 일단 해보려고하고, 추가적으로는 Styled Components 말고 emotion.js로 스타일링을 해보려고 합니다.그리고 react-query나 redux를 배워서 또다른 상태관리나 useCase, domain 관심사의 분리 이런 게 들어가는 클린아키텍처 패턴도 배워보려고해요.통신도 REST API가 아니라 Web Socket일수도 web rtc일수도 graphql일수도있고 되게 다양하잖아요?이런 모든 것을 녹일 수 있는 플젝을 주제로 정하려니 정말 막막하네요. 혼자 개발하자니 풀스택은 포폴에 도움이 안될것같아 시간낭비일것만 같고..친구랑 해서 3명끼리 백엔드2 저혼자 프론트1해서 프로젝트를 진행할 것 같은데 여기서 최대한 기술들을 적용해봐야겠죠?혹시 추천할만한 기술들 있을까요? 이런것은 꼭 해봤으면 한다 이런것있으면 추천해주면 좋겠습니다.

몰랑토끼 · Accepted Answer

styled component 하셨는데 emotion을 또 하는건 안좋고요. tailwind랑 module 써보셔야 합니다. https://2023.stateofcss.com/ko-KR/css-in-js/recoil을 했는데 redux로 다운그레이드도 별로고, zustand를 써보세요. react-query는 3, 4, 5 버전 사용법이 조금씩 다르고, 4부터 tanstackquery로 이름이 변경됩니다. react도 그만하시고 ts + next 로 쓰세요.

kenu,전독시 · Answer

간단한 것 먼저 개발하고, 공개한 다음 사용자 피드백 받고 확장해 보는 것을 추천합니다.

프론트엔드 기술스택을 어떻게 하면 좋을까요?

2개의 답변

커리어 목록