프론트엔드를 준비하기 위해 필요한 기술 스택. 궁금합니다.

Question

학원에서 스프링과 JSP, Tiles, 바닐라 자바스크립트, jQuery 등의 기술을 배웠습니다.하지만 프론트엔드를 준비하고자 리액트와 타입스크립트를 공부하고 있으며, 이후 Next.js와 Node.js를 공부하려고 합니다.아직 Next.js를 공부하기 전이라 어떤 프레임워크인지 잘 와닿지 않습니다.'백엔드 기능을 제공하는 풀스택 프레임워크다', '리액트의 기능과 더불어 더 많은 기능을 가지고 있어서 리액트를 대신해서 사용하는 프레임워크다' 등 다양한 이야기를 들었는데요.백엔드를 지원한다면 노드나 스프링 같은 백엔드 영역을 대신한다는 말일까요?그렇다기에는 Next.js와 Node.js를 함께 활용하는 사례가 많이 보이는데, 어떤 식으로 이해하고 공부하는 것이 좋을까요?그리고 프론트를 준비하는 과정에서 백엔드 영역인 Node.js까지 공부해야 하는지도 궁금합니다.물론 알고 있으면 도움이 되겠지만, 이전에 배웠던 스프링을 백단으로 구성하고 프론트단을 리액트와 Next.js로 개인 프로젝트를 준비하는 것이 좋을지, 아니면 Node.js까지 공부하여 스프링을 대신하여 프로젝트를 준비하는 것이 좋을지 고민입니다.쫓기는 마음에 한정된 시간을 효율적으로 활용하고 싶습니다.

몰랑토끼 · Answer

기술스택은 next &#43; ts 에 상태관리 하나 주력으로 삼는게 기본이고,next 에서의 백엔드 지원은 next 에서 api 제작을 지원합니다. 예를 들어 내부에서 'api/board/create' 라는 api를 만들어서 내부에서 저 api를 호출하면 db 와 연결되어 생성되게요.디비 연결도 뭐 무료는 슈퍼베이스도 있고, 버셀에서 제공하는것도 있어서 어렵지 않고, api도 저런식으로 만드는거에 따라서 다 만들수있습니다. cors 는 middleware 설정하면 바로 다 되고요.next-auth로 소셜로그인도 되고, 위에 디비랑 연결하는 api 제작도 다 돼고, 공공 api도 돼고, 웬만한 것들은 next하나로 다 되긴합니다 이제반대로 백에서 api를 활용하는게 더 안좋을때도 간혹 있긴하더라고요. 유튜브스트립트 가져와서 한글로 번역하는 기능을 백이 아닌 프론트에서 더 쉽게 가능했어요노드는 필요없습니다. 노드라고 해봤자 설정파일에서 require 문법쓰는게 다라서요.노드하지말도 도커랑 같이 써보시죠

눈맞는뉴비 · Answer

웹은 솔직히 풀스택해야함.프론트는 자바스크립트 리액트 타입스크립트 위주로 학습하고 넥스트도 틈틈히 하시고.혹시 백엔드 취업용으로 노드를 생각하시는거라면 자바스크립트를 배우고 계시기에 배우는데 큰 무리는 없긴한데 노드보단 자바 추천해요.취업용이 아닌 학습용이면 노드로 해도 좋고.

프론트엔드를 준비하기 위해 필요한 기술 스택. 궁금합니다.

2개의 답변

커리어 목록