스벨트 배우고 있네요.. > JS프레임워크

JS프레임워크

스벨트 배우고 있네요.. 정보

SVELTE 스벨트 배우고 있네요..

본문

인프런에서 인강 있길래 다시 배우고 있는데...

아직 겉핥기라서.. 빡셉니다.. 그러면서 api까지 만들고 있는데 진짜.. 라우터 기능 없어서 어디꺼 가져다 써야겠어요...

스벨트로 진짜 앱까지 섭렵하고프네요..

 

ps. 혹시 몰라서 질문 좀 남길수있는데... 힌트라도 얻고 싶네요...

지푸라기 잡는심정으로... 

추천
0

댓글 4개

응원합니다.
위에 말씀하신 라우터가 어떤 라우턴지? 혹시 스벨트라우터가 여러개라서 고민이시라면
스벨트에서 라우터 기능의 역사(검색하면 어러개 나옵니다.)

sapper 초기에 svelte에서 밀던 라우터 라이브러리 입니다.
- 문제점, 최상단에서 layout 를 잡아주면 하위에 적용되는데, 이를 하위에서 별도로 적용하려하면 안되는 문제가 있었음. 문제를 여러곳에서 제기했으나 해결안하고 있던차, sveltekit 이 나옴
개로운거 만드느냐고 대응 안했던 것임.
즉, sapper 은 사용하지 마세요.

그리고 사설 라우터
routify https://www.routify.dev/|
1버전에 이어 2버전까지 활발하게 svelte 진영을 주도하였으나, sveltekit 나오면서 이용이 저조해짐 3베타 버전 나오고 sveltekit 나오면서 소강상태가 됨.

sveltekit  은 svelte 에서 직접 만든 라우터용 라이브러리로 versel의 지원을 받아 만들다보니
next.js 와 비슷함. 그리고 라이브 업데이트를 vite 를 사용하다보니 가장 빠른 반응을 볼 수 있음
그러니까 저장하자마자 바로 화면에 보임

예전에는 저장후 새로고침 해야 반영되어 보인다던가 했는데 저장하자마자 바로 볼 수 있음.
그리고
npm run dev 하면
localhost:5173 이렇게 뒤에 포트가 붙는데
예전에는 이포트 번호가 3000번이어서 한컴에 여러개 프로젝트 뛰우는 경우 서로 겹처서
하나는 run 을 내리고 번갈아가면서 테스트 했어야했는데,
sveltekit 정식버전 나오면서 자동으로 포트가 사용되면, 포트번호를 한자씩 더 올려줘서
겹치지 않게 해줌

그리고 단순히 내 컴에서만 확인하는게 아니라
npm run dev -- --host 이렇게 해주면
내컴의 ip 주소로 외부에서 접속을 지원함

이건 주로 하이브리드앱 만들때 앱으로 빌드해서 설치후 실시간으로
페이지 로딩해서 앱을 스마트폰에 설치한 상태에서 실시간으로 개발을 가능하게해서
앱빌드하고 네이티브로 싱크시키고 앱을 설치하는 번거로운 반복을 줄일수 있어서
개발환경이 확실히 개션됨
react native 나 flutter live reload 기능 이용하는 것과 같은 환경 구현.

그래서 결론은
sveltekit 을 사용하시는게 좋습니다.
전체 50 |RSS
JS프레임워크 내용 검색 SVELTE에서

회원로그인

진행중 포인트경매

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