1일 차: Vue 프로젝트 설정
왜요?
사실 한 가지 이상의 이유가 있습니다. 그래서 그것들을 나열하겠습니다.
주된 이유
사실 저는 게으른 사람이고, 꼭 해야 할 일로 만들지 않는 이상 꾸준히 하기가 어렵습니다. 내가 의미하는 바는 실제로 게으른 것이 아니라 일을 하는 데 책임감을 느껴야 한다는 것입니다. 그런 이유로 나는 보통 누군가에게 약속하거나, 이 경우 블로그를 시작합니다. 하지만 코딩을 좋아하기 때문에 매일 코딩하는 것이 그렇게 어렵지는 않습니다. 진짜 이유는 내가 공부를 해야 하고 그것이 나에게 일상적인 일이 아니었기 때문입니다. 그래서 스스로에게 이렇게 말했습니다.
You won't code before you study
어떤 분들에게는 어리석게 들릴지 모르지만 실제로 제가 하는 일은 공부를 좋아하도록 제 두뇌를 속이는 것입니다. "하지만 어떻게?"라고 묻는 소리가 들립니다. 코딩은 게임이나 소셜 미디어에서 시간을 보내는 것과 같다고 생각하면 됩니다. 자신에게 보상으로 줄 수 있는 것입니다. 뇌가 보상을 받으면 도파민이 생성되고 기본적으로 행복해집니다. Brain은 왜 그 보상을 받았는지 기억하고 다음에 공부할 때 더 동기 부여되고 집중하게 되기를 바랍니다. 적어도 그것이 작동한다고 믿는 방식입니다. 저는 이 분야의 전문가가 아닙니다.
다른 이유들
좋아,하지만 내 목표는 무엇입니까?
이 여정에서 저는 다음과 같은 새로운 기술을 습득할 계획입니다.
그리고 내가 더 잘하고 싶은 기술:
1일차에 내가 한 일은? (드디어)
시작하려면 1일차부터 지루하지 않게 새로운 것을 배워야겠다고 생각했습니다. 그러다가 발견한 것은 기본적으로 Vue 3, Vuex 4 및 Firebase를 사용하여 웹 사이트를 만드는 것입니다. 그런데 수파베이스를 배우고 싶어서 테크스택을 조금 바꿔보기로 했습니다. 제 기술 스택은 다음과 같습니다.
그 결정 후 VSCode를 열고 vue cli를 사용하여 앱을 만들었습니다. 그런 다음 TailwindCSS를 설정하고 폴더 구조를 만듭니다. 그리고 마지막으로 아래에 navbar를 만들었습니다.
이 프로젝트의 Github 저장소
이브라힘호준 / vuex-supabase
vuex 및 supabase를 사용하는 Vue 웹 앱
vuex-supabase
프로젝트 설정
yarn install
개발을 위한 컴파일 및 핫 리로드
yarn serve
프로덕션을 위해 컴파일 및 축소
yarn build
린트 및 수정 파일
yarn lint
구성 사용자 정의
Configuration Reference을 참조하십시오.
View on GitHub
그것을 코딩하는 것은 매우 재미있었습니다. 어쨌든 기본 로그인 페이지를 만들었고, 아쉽게도 1일차는 여기까지입니다. 공부도 하고, Vue 튜토리얼에 대한 조사도 하고, 비디오 게임도 했기 때문입니다. 그래서 남은 시간에 내가 할 수 있는 전부였다. 좋은 시작이 아니라는 것을 알지만 여전히 시작이며 그것이 중요한 것이라고 생각합니다. 내일은 더 생산적일 수 있기를 바랍니다.
나에게 추천할 것이 있습니까? 댓글로 읽어주시면 기쁩니다. 즐겁고 생산적인 하루 보내세요!
Reference
이 문제에 관하여(1일 차: Vue 프로젝트 설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/ibrahimhozhun/day-1-vue-project-setup-15ff
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
yarn install
yarn serve
yarn build
yarn lint
Reference
이 문제에 관하여(1일 차: Vue 프로젝트 설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ibrahimhozhun/day-1-vue-project-setup-15ff텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)