들어가면서

스밸트 깔아보자! Creating a project

npm create svelte@latest my-app
cd my-app
npm install
npm run dev

이라는데, 일단 npm 쓰기 싫다.

내 개발 환경은 volta 깔려 있다.

$ volta --version
1.1.1

yarn 버전도 확인해보자.

yarn --version
1.22.19

흠 어쩐담… 처음부터 공식과 이별을 해야하나? 공식 가이드를 바로 따라하지 말고 조사를 해보자.

yarn 으로 가도 될까요? TypeScript 는?

되겠지 뭐…
Currently ESM Support within the latest Yarn (version 3) is considered experimental. 라고 한다. 라고 한다.
React 너가 좋은 친구였구나…

Typescript 가이드 도 있긴 하다.
플러그인 링크가 있어 설레여 눌러봤더니… VSCode… 인텔리제이를 위한 JS 는 없는 것일까?

그럼 나는?

npn 은 싫고 npx 나 봐야할까?
아니다 그냥 yarn 쓰지 마셈! 하지 않을 것이다!!

Initialize SvelteKit project with Yarn !!! 그래보자!!

We don’t support Yarn and recommend against using it: https://kit.svelte.dev/faq#integrations

오… 내가 큰 실수를 할뻔 했어.. 그럴뻔 했어..
내가 너 이름 딱 봤다. benmccann(Ben McCann)!!!

Sorry to have opened another PR,….

AleCandido (Alessandro Candido, PhD in physics @ University of Milan) 오.. 배우신 분은 다르다.

Added info for using yarn berry with yarn 3.2.1

I don’t know how much we want to encourage Yarn usage, but I guess if it basically works out-of-the-box then it doesn’t hurt to give a suggestion. I’m curious what the other maintainers think though

번역

자네는 의견을 꺽지 않는 구나. 이름 기억하자. benmccann
오픈 소스 활동이 이렇게 무섭다.

How do I use with Yarn 3? 처음 봤던 FAQ 가 최신 이었구나…
Yarn 이 인기가 없구나…

해보자! 해보자! 해보자!

오늘 상태를 보면…

$ yarn create svelte myapp

yarn create v1.22.19
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
[4/4] 🔨  Building fresh packages...
success Installed "create-svelte@5.0.2" with binaries:
      - create-svelte
[########] 8/8
create-svelte version 5.0.2

┌  Welcome to SvelteKit!
│
◇  Which Svelte app template?
│  SvelteKit demo app
│
◇  Add type checking with TypeScript?
│  Yes, using TypeScript syntax
│
◇  Select additional options (use arrow keys/space bar)
│  Add ESLint for code linting, Add Prettier for code formatting
│
└  Your project is ready!

✔ Typescript
  Inside Svelte components, use <script lang="ts">

✔ ESLint
  https://github.com/sveltejs/eslint-plugin-svelte

✔ Prettier
  https://prettier.io/docs/en/options.html
  https://github.com/sveltejs/prettier-plugin-svelte#options

Install community-maintained integrations:
  https://github.com/svelte-add/svelte-add

Next steps:
  1: cd myapp
  2: npm install (or pnpm install, etc)
  3: git init && git add -A && git commit -m "Initial commit" (optional)
  4: npm run dev -- --open

To close the dev server, hit Ctrl-C

Stuck? Visit us at https://svelte.dev/chat
✨  Done in 92.34s.

오 편하다!

yarn set version berry

하고 나니

$ yarn -v
3.6.1

마무리

설치 그냥 끝! 결과

자 그럼 이제 주식.. 내 주식을 위한 분석 툴을 어떤 방식으로 만들지 고민해 봐야겠다.