728x90 반응형 Svelte3 Svelte 파헤치기 1. 날씬한 Svelte 먼저 스벨트는 2016년경에 Rich Harris가 개발한 자바스크립트 웹 애플리케이션 개발 프레임워크입니다. 즉, 리액트, 뷰, 앵귤러와 같은 웹 프레임워크 대신 쓸 수 있습니다. 실행하는 방법은 아주 간단합니다. 2. 왜 Svelte를 써야할까? Svelte는 회사에서 사용하고 있어 이번에 처음으로 사용해보게 되었습니다. React를 많이 쓰는 이 시점에 왜 Svelte를 써야하는지 궁금했습니다. 몇 주간 직접 사용해보고, 구글링해본 결과 아래와 같은 근거로 인해 svelte를 사용한다고 생각했습니다. 개인적인 견해 + 공식적인 지표입니다. 1. 다른 프레임워크보다 더 적은 코드로 같은 기능을 구현할 수 있습니다. 아래의 지표를 보면 svelte의 코드 수는 매우 적은 것을 .. 2023. 11. 6. Rest API method 관련 코드 utils로 생성하여 관리하기 제목 그대로 Rest API 관련 코드들을 method 별로 정리하여 관리하면 추후에 fetch를 통한 통신을 할 때 관리하기에 매우 유용하다. import { API_URLS } from '../constants/apis'; /* eslint-disable class-methods-use-this */ class FetchService { private baseUrl = API_URLS.BASE; private async handleResponse(response: Response) { if (!response.ok) { const message = await response.text(); throw new Error(message); } return response.json(); } async get.. 2023. 10. 30. [svelte] $app/stores에서 제공되는 Page 활용하기 회사에서는 svelte를 메인으로 가져가고 있어서 요 몇주간 사용했는데, react와 다르게 조금 더 편리성을 주는 것 같다. 예를 들어서 console.log로 $page로 확인해보면 아래와 같은 정보를 가져올 수 있다. 그래서 위와 같은 코드로 네비게이션의 유무를 관리할 수 있다. data, error, form, params, route, status, url 등의 정보를 모두 쉽게 확인하고 이를 사용하여 코드를 작성할 수 있기 때문에 유용한거 같다! 2023. 10. 30. 이전 1 다음 728x90 반응형
