next.js 와 sveltekit > JS프레임워크

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

JS프레임워크

next.js 와 sveltekit 정보

SVELTE next.js 와 sveltekit

본문

svelte 가 vercel 에 합류하게 되었다는 소식이 작년 중순쯤 있었습니다.

vercel 은 헤로쿠,네트라파이,클라우드플레어와 같은  클라우드 회사이면서, react 에서 라우팅기능을 지원하는 next.js 를 배포하는 회사이기도 합니다.

svelte를 만든 리치헤리슨이 vercel 에서 풀타임으로 svelte 를 개발한다고 하는데, 취직을 한건지? 아무튼 이시기에 svelte개발의 초첨은 sveltekit 이었습니다. 그리고 나온것이 파일->폴더 베이스 라우팅입니다.

예전에는 폴더/폴더/파일 이렇게 직접 파일명으로 호출이 가능했는데, 이 파일이 보안이나 같은 폴더에 다른 파일을 넣을 수 없는 좀. 제한적인 요소때문인지 폴더/폴더/+page.svelte 이렇게 라우팅용 파일은 파일명을 제한하여 같은 폴더에 다른 파일을 넣어도 접근은 할 수 없게 하였습니다. 덕분에 페이지 않에 들어가는 페이지를 보여주기 위해 사용한 컴포넌트 파일을 굳이 라이브러리 폴더로 뺄필요 없이 같은 폴더에 넣어서 파일을 저 멀리 라이브러리 까지 갔다오지 않고 같은 폴더에서 불러와서 사용할 수 있게 되었습니다. 이러한 폴더구조 라우팅이 취근 next.js에 도입되었습니다.

저희 회사 퍼블리싱 팀에서 새로운 프로젝트를 리엑트 next.js로 하길래 아휴 또 복잡하겠구나하고 열어보았는데,

익숙한 파일구조로 더욱 단순화된 방식으로 변경된것으로 보고 어 이렇게 쉬워지면, svelte 안하고 그냥 리엑트 써도 되겠다는 생각이 들었습니다. 

아무래도 같은 회사에서 next.js 와 svelte 를 밀다보니, 좋은 장점을 공유한것 같습니다.

그래서 쉬워진 next.js 때문에 관련 강좌를 절반정도 보다가 역시 컴포넌트 끼리 변수 넘기고 함수 넘기고 하는 부분에서

redux 사용하는거 보고 나름 툴킷이 나왔다고 간단해졌다고 하는것 보다가 역시 이부분은 어렵구나 스벨트로 계속하는게 맞네라는 생각을 다시 잡았습니다.

아무튼 next.js 는 sveltekit 와 비슷한 시기 파일베이스 라우팅을 차용하면서 훨씬 단순해지면서 쉬워졌습니다.

 

추천
1

댓글 1개

전체 261 |RSS
JS프레임워크 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT