이번 피드에서는 ESLint와 Prettier를 세팅하는 내용을 정리해보겠습니다. 우선 ESLint와 Prettier에 대해 간단히 정리해보겠습니다. 자세한 내용은 추가로 찾아보시길 바랍니다. ESLint : 코드의 문법 오류를 검사하고, 잠재적인 문제를 찾아내며, 코드 스타일 규칙을 적용하여 일관성을 유지한다.Prettier : 코드를 읽기 쉽게 자동으로 포맷하여 일관된 스타일을 제공한다. ESLint와 함계 사용해서 코드 스타일 및 문법 검사를 모두 처리한다. IDE는 Intelij로 진행하여, 프로젝트 생성부터 ESLint와 Prettier를 세팅해보겠습니다.  프로젝트 생성 및 기본 세팅프로젝트생성은 IDE나 터미널 중에 마음에 드시는 걸로 진행하시면 됩니다. 저는 아래와같이 Intelij를 이용..

이번 피드에서는 Vue3 프로젝트를 생성해서, 인텔리제이에서 실행해보는 피드를 작성해보겠습니다.  1. 프로젝트 생성우선 터미널에서 Vue3 프로젝트를 생성해줍니다. 터미널에서 프로젝트를 생성할 폴터 위치에서 npm init vue 명령어를 입력해주면 해당 위치에 vue 프로젝트가 생성된다.npm init vue  프로젝트 생성시 여러 선택옵션이 있는데, 처음에 프로젝트명을 설정하고, 각자의 프로젝트 환경에 맞게 선택하면 된다.   2. 인텔리제이에서 프로젝트 세팅위에 단계를 마치면 정상적으로 프로젝트가 생성되어있을 것이다. 인텔리제이에서 open메뉴를 이용해서 해당 폴더를 open 해주면 vue3 프로젝트를 열어볼 수 있다.  프로젝트를 열고 터미널에서 npm install 명령어를 이용해서, 의존성 ..

이번 피드에서는 Intelij를 이용하여 Vue.js 프로젝트를 생성하여 실행까지 해보는 피드를 작성해 보겠습니다. 사전준비단계 1. Node 설치 2. Vue Cli 설치 1. Node설치 Vue프로젝트를 만들기위해서는 우선 Node을 설치해야 합니다. brew를 이용해서 간단히 node를 설치해봅니다. brew install node 2. Vue Cli 설치 Vue 터미널 명령어를 사용하기 위해 Vue Cli를 설치해 주어야한다. 아래의 명령어로 설치와 설치확인이 가능하다. # 설치 npm install -g @vue/cli # 설치확인 vuew --version 3. Intelij Vue Plugin설치 Intelij에서 Vue 프로젝트를 생성하기 위해 Vue.js 플러그인을 설치해줘야 한다. pl..