1일 차: Vue 프로젝트 설정

안녕하세요 여러분, 이 글에서는 제가 #100daysofcode 챌린지를 시작한 이유와 챌린지 첫날에 무엇을 했는지에 대해 이야기하겠습니다.

왜요?



사실 한 가지 이상의 이유가 있습니다. 그래서 그것들을 나열하겠습니다.

주된 이유



사실 저는 게으른 사람이고, 꼭 해야 할 일로 만들지 않는 이상 꾸준히 하기가 어렵습니다. 내가 의미하는 바는 실제로 게으른 것이 아니라 일을 하는 데 책임감을 느껴야 한다는 것입니다. 그런 이유로 나는 보통 누군가에게 약속하거나, 이 경우 블로그를 시작합니다. 하지만 코딩을 좋아하기 때문에 매일 코딩하는 것이 그렇게 어렵지는 않습니다. 진짜 이유는 내가 공부를 해야 하고 그것이 나에게 일상적인 일이 아니었기 때문입니다. 그래서 스스로에게 이렇게 말했습니다.

You won't code before you study



어떤 분들에게는 어리석게 들릴지 모르지만 실제로 제가 하는 일은 공부를 좋아하도록 제 두뇌를 속이는 것입니다. "하지만 어떻게?"라고 묻는 소리가 들립니다. 코딩은 게임이나 소셜 미디어에서 시간을 보내는 것과 같다고 생각하면 됩니다. 자신에게 보상으로 줄 수 있는 것입니다. 뇌가 보상을 받으면 도파민이 생성되고 기본적으로 행복해집니다. Brain은 왜 그 보상을 받았는지 기억하고 다음에 공부할 때 더 동기 부여되고 집중하게 되기를 바랍니다. 적어도 그것이 작동한다고 믿는 방식입니다. 저는 이 분야의 전문가가 아닙니다.

다른 이유들


  • 새로운 기술 학습 및 기존 기술 연마
  • 일상 코딩 습관 만들기
  • 블로그 시작 및 프로그래밍 관련 콘텐츠 생성
  • 오픈 소스 커뮤니티의 일원이 되는 것
  • 내 시간을 중요한 일에 사용

  • 좋아,하지만 내 목표는 무엇입니까?



    이 여정에서 저는 다음과 같은 새로운 기술을 습득할 계획입니다.
  • Vue.js
  • Nuxt.js
  • 웹소켓(사실 웹소켓으로 작업했는데 오래전 일입니다)
  • 수파베이스
  • 인증 서비스
  • 바퀴벌레DB

  • 그리고 내가 더 잘하고 싶은 기술:
  • 반응형 웹 사이트 디자인
  • 플러터
  • 중포 기지
  • 반응 및 Next.js
  • UI 디자인
  • SQL 및 NoSQL 데이터베이스

  • 1일차에 내가 한 일은? (드디어)



    시작하려면 1일차부터 지루하지 않게 새로운 것을 배워야겠다고 생각했습니다. 그러다가 발견한 것은 기본적으로 Vue 3, Vuex 4 및 Firebase를 사용하여 웹 사이트를 만드는 것입니다. 그런데 수파베이스를 배우고 싶어서 테크스택을 조금 바꿔보기로 했습니다. 제 기술 스택은 다음과 같습니다.
  • Firebase 대신 Supabase
  • Vue 3과 Vuex 4는 분명히 동일합니다
  • .
  • 튜터가 만든 일반 스타일 대신 TailwindCSS
  • Javascript 대신 Typescript

  • 그 결정 후 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 튜토리얼에 대한 조사도 하고, 비디오 게임도 했기 때문입니다. 그래서 남은 시간에 내가 할 수 있는 전부였다. 좋은 시작이 아니라는 것을 알지만 여전히 시작이며 그것이 중요한 것이라고 생각합니다. 내일은 더 생산적일 수 있기를 바랍니다.

    나에게 추천할 것이 있습니까? 댓글로 읽어주시면 기쁩니다. 즐겁고 생산적인 하루 보내세요!

    좋은 웹페이지 즐겨찾기