알림
|
웹 frontend, nuxt 3 공부해서 만들어볼까 합니다 조언 부탁드려요
페이지 정보
작성일
2024.06.19 13:55
본문
제목대로
웹 frontend를 nuxt 3로 만들어볼까 합니다.
현재 nuxt 3에 대한 지식은 전무합니다(vue, react 등도 다뤄본 적이 없네요).
nuxt 3로 frontend 만들고 computing이 필요한 일은 golang으로 API 만들어서 nuxt 3로 만든 frontend에서 golang API로 ajaxcall 비슷하게(?) 해서 사용해볼까 하는데
괜찮을까요
golang으로 아주 간단한 웹서버를 만들어봤는데 html, css 이런 거 손으로 직접 노가다(?) 하려니 힘드네요.
예쁘게(?) 좀 만들고 싶은데 어떤 tool(또는 js ui library?) 을 써야하는지도 모르겠구요.
그래서 찾아본고 생각한게 nuxt 3인데 좋은 방법인지 모르겠습니다.
조언 부탁드립니다.
감사합니다.
댓글 10
담연님의 댓글의 댓글
@halfheart님에게 답글
SEO도 중요한 부분으로 생각하고 있습니다. nuxt가 SEO에 장점이 있다고 듣긴 했습니다.
알려주신 quasar 프레임웍 살펴보겠습니다.
답변 매우 감사합니다.
알려주신 quasar 프레임웍 살펴보겠습니다.
답변 매우 감사합니다.
halfheart님의 댓글의 댓글
@담연님에게 답글
SEO를 원하시면 nuxt 를 사용하시는게 맞습니다. 다만, 당연히 spa 개발보다는 어렵고, nuxt 도 기본적으로는 spa 방식으로 개발하는것에 +로 더해지는 요소가 있는것이라 spa 방식 개발에 먼저 익숙해지시는게 좋을듯합니다.
nuxt3 도 quasar 를 추가해서 사용하실 수 있으니, 어느정도 익숙해지시면 nuxt로 옮기셔도 됩니다.
SEO가 필요한 페이지 규모에 따라, 구지 nuxt 없이도 최적화 할 수 있는 부분도 있습니다.
nuxt3 도 quasar 를 추가해서 사용하실 수 있으니, 어느정도 익숙해지시면 nuxt로 옮기셔도 됩니다.
SEO가 필요한 페이지 규모에 따라, 구지 nuxt 없이도 최적화 할 수 있는 부분도 있습니다.
용식이님의 댓글
대용량 트래픽을 감당하는게 아니라면
nuxtjs이나 nextjs 중에 하나를 선택해서 frontend, backend 를 같이 개발하시는건 어떨까요?
언어 분리해서 API로 하시면 손이 많이 갈거예요.
nuxtjs이나 nextjs 중에 하나를 선택해서 frontend, backend 를 같이 개발하시는건 어떨까요?
언어 분리해서 API로 하시면 손이 많이 갈거예요.
담연님의 댓글의 댓글
@용식이님에게 답글
답변 고맙습니다. golang으로 만들어 둔 게 좀 있어서요 흑흑
간실장님의 댓글
vue부터 기본을 다지고, nuxt로 들어가는 것을 추천합니다.
nuxt는 vue 기반으로 만들어진 프레임워크입니다. 그래서 기본적으로 vue를 익혀야 편합니다..
vue로 반복적인 작업을 많이하거나 코드 재활용률을 높히고자 만든 것은 nuxt라고 보면 됩니다.
nuxt는 프론트와 백엔드 동시 사용이 가능하나, 일반적으로 프론트용으로 많이 사용을 하고요..
Quasar는 역시 vue용 프로트엔드 프레임워크이고요.. 주로 UI전용으로 사용 많이 합니다..
nuxt위에 Quasar로 UI 잡아서 사용도 하고요.
공부하는거면 nest나 next로 백엔드 구성하고, api를 통해 프론트엔드로 각각 분리해서 해 보는 것이 좋다고 생각합니다.
어차피 프론트 공부하면 api를 통해 백엔드랑 연동해 작업 많이 하게 되니까요..
react만 다루다가 요새 nuxt3 접하고 있는데, 자료나 커뮤니티가 거의 없어서 조금 힘들어라 하는 1인.. ㅎㅎ
nuxt는 vue 기반으로 만들어진 프레임워크입니다. 그래서 기본적으로 vue를 익혀야 편합니다..
vue로 반복적인 작업을 많이하거나 코드 재활용률을 높히고자 만든 것은 nuxt라고 보면 됩니다.
nuxt는 프론트와 백엔드 동시 사용이 가능하나, 일반적으로 프론트용으로 많이 사용을 하고요..
Quasar는 역시 vue용 프로트엔드 프레임워크이고요.. 주로 UI전용으로 사용 많이 합니다..
nuxt위에 Quasar로 UI 잡아서 사용도 하고요.
공부하는거면 nest나 next로 백엔드 구성하고, api를 통해 프론트엔드로 각각 분리해서 해 보는 것이 좋다고 생각합니다.
어차피 프론트 공부하면 api를 통해 백엔드랑 연동해 작업 많이 하게 되니까요..
react만 다루다가 요새 nuxt3 접하고 있는데, 자료나 커뮤니티가 거의 없어서 조금 힘들어라 하는 1인.. ㅎㅎ
담연님의 댓글의 댓글
@간실장님에게 답글
그렇군요, 저는 youtube 기초 강의 보고 있습니다.
신기하네요, vue나 nuxt 3라는 게.
한땀 한땀 메모장(?)은 아니지만 원시적으로 html, css 만들던 제 입장으로서는 ㅎㅎㅎ
신기하네요, vue나 nuxt 3라는 게.
한땀 한땀 메모장(?)은 아니지만 원시적으로 html, css 만들던 제 입장으로서는 ㅎㅎㅎ
간실장님의 댓글의 댓글
@담연님에게 답글
한땀한땀 코딩하는 것은 소위 막코딩이고요..
요새는 대부분 프레임워크나 라이브러리를 이용해서 많이 사용합니다.
배우거나 디버깅시 좀 힘들지만, 배워두면 막코딩할때보다 속도는 2~3배정도 차이가 납니다. 코드 재활용률도 높고요..
node계열은 새로운 것들이 많이 나와서 계속해서 배워야 도태되지 않고요..
그래서 좀 더 힘든 측면이 있습니다..화이팅하세요.. ㅎㅎ
요새는 대부분 프레임워크나 라이브러리를 이용해서 많이 사용합니다.
배우거나 디버깅시 좀 힘들지만, 배워두면 막코딩할때보다 속도는 2~3배정도 차이가 납니다. 코드 재활용률도 높고요..
node계열은 새로운 것들이 많이 나와서 계속해서 배워야 도태되지 않고요..
그래서 좀 더 힘든 측면이 있습니다..화이팅하세요.. ㅎㅎ
프로그피쉬님의 댓글
vue도 react도 경험이 없으면 그냥 새로 배운다는 의민데요. nuxt 얽메이기보다 남들 많이쓰는거 추천합니다.
요즘 spa 기술스택이 다들 SSR 지원해서 SEO 되는 추세입니다. next.js, sveltekit, .net blazor 등등말이죠
어차피 프론트(헤드) 를 고랭아닌 다른걸로 한다면 그냥 위 용식이님 말씀처럼 하나로 풀스택 하는게 나을수도 있지 않을까 합니다
백엔드를 고랭으로 가져간다는건 headless architecture (MSA) 한다는 건데
ajax call 은 form 입력할때나 쓰면되고요 (일단 프론트쪽은 fetch api call이 더 진보하기도 했고요)
위 기술 스택 모두 풀스택입니다. php처럼 프론트페이지를 동적으로 생성하기도하지만 백엔드 코드를 작성하죠. 결국 백엔드(js) to 백엔드(go api)로 통신합니다.
css는 부트스트랩 많이 쓰고요 요샌 tailwind css 가 좀 뜨네요.
다모앙 차세대는 Java(headlessCMS) & Next.js & tailwind CSS 입니다.
하시려는 것과 전체 구조는 같아요
요즘 spa 기술스택이 다들 SSR 지원해서 SEO 되는 추세입니다. next.js, sveltekit, .net blazor 등등말이죠
어차피 프론트(헤드) 를 고랭아닌 다른걸로 한다면 그냥 위 용식이님 말씀처럼 하나로 풀스택 하는게 나을수도 있지 않을까 합니다
백엔드를 고랭으로 가져간다는건 headless architecture (MSA) 한다는 건데
ajax call 은 form 입력할때나 쓰면되고요 (일단 프론트쪽은 fetch api call이 더 진보하기도 했고요)
위 기술 스택 모두 풀스택입니다. php처럼 프론트페이지를 동적으로 생성하기도하지만 백엔드 코드를 작성하죠. 결국 백엔드(js) to 백엔드(go api)로 통신합니다.
css는 부트스트랩 많이 쓰고요 요샌 tailwind css 가 좀 뜨네요.
다모앙 차세대는 Java(headlessCMS) & Next.js & tailwind CSS 입니다.
하시려는 것과 전체 구조는 같아요
halfheart님의 댓글