[Svelte] 프로젝트 생성하기

프로젝트 폴더 생성 및 프로젝트 생성

  터미널을 통해서 현재 폴더에 프로젝트 생성 

npm create svelte@latest   (현재 폴더에 생성)
npm create svelte@latest appName (현재 폴더에 appName이라는 새 폴더 생성)
npm install (npm 모듈 다운로드)
npm run dev -- --open (개발 서버 창 오픈)

  위 단계를 거치고 나면 옴총 화려한 화면이 나오는데 화면 그려주는 파일 경로는 src > routes > +page.svelte 파일이라서 나머지는 다 지워줌

 

서버 연결

파이어베이스 웹 앱 설정

  나는 파이어베이스에 내 앱을 배포할 거라서 (이유는 없음 그냥 강의에서 나와서 ㅎ ㅎ,, 그리고 파워풀하다고 생각했음) 내가 만들 앱 페이지에 파이어베이스 설정을 해주었음 아래 구문 터미널에 입력하고 파이어베이스에서 웹 앱 만들기 했을 때 나오는 SDK를 사용해서 내 스벨트 파일에 소스 적어줌 (까지 하면 끝나는 건가 콘솔로 이동하라고 한다 ,, 허허)

npm install firebase

 

에러때문에 강의에서 광탈할 수는 없으니까..

  부트캠프 시작하기 전에 웹 개발 기초 강의에서 기존 프로젝트 → 스벨트로 전환하니까 내 소중한 html과 css가 다 망가져 있는 걸 보았을 떄의 마음이란.. ^^.. 그리고 뭐만 하면 자꾸 에러나고 마음이가 아팠다. 멘탈이 걍 나가가지고 강의 실습 안 하고 쳐다만 보다가 이건 좀 아니라는 생각이 들어서 스벨트 문서 읽으면서 공부하고 너무 재밌어서 다시 마음을 고쳐먹고.. (뭔가 교육적으로 엄청 유용하다고 알려진 트레일헤드보다 더 좋은 프로그램이라고 갠적으로 생각한다 물론 범위가 적어서 그런 걸 수도 있겠지만!)
  그냥 새로운 프로젝트 따서 그 다음 스벨트랑 파이어베이스로 배포하고 디비 연결하고 소셜 로그인 하는 것까지 연습해 보려고 한다.. 막상 혼자 다시 해야하니 좀 막막하긴 한데 그래도 열심히 하는 데까지는 해보도록 하자..!