단아산보

git config credential.helper store

npm init vue@latest

npm install vue-router@4

npm install --save-dev eslint eslint-plugin-vue

npm install --save-dev --save-exact prettier

npm install vuex@next --save

npm init vite@latest dan-front -- --template react

npm i -D prettier eslint-plugin-prettier eslint-config-prettier

npm i js-cookie 

npm i react-router-dom


create-react-app

SyntaxError
Cannot use import statement outside a module

vue nuxt 로 작업 중 ssr:false 값을 주석 처리 하면 

기본 값은 ssr : true 이다. 

그런데 갑자기 syntaxError 라며 페이지가 먹통이 되어 버렸다. 

구글링을 해 보니 

package.json 파일의 scripts 쪽 "type": "module" 을 추가 하면 된다고 한다. 

git fetch --all

git reset --hard origin/master

머지 없이 최신 커밋 자료로 덮어집 

 git rm --cached .eslintcache -r

.eslintcache 파일이 무시파일에 추가 해도 계속 반영이 되어 

캐시를 지우는 

위 명령어 실행 후 

push 했더니 이후는 반영 되지 않았다. 

git 에 초반에 작업할때 모르고 반영한 것들은 

캐시를 지우지 않으면 .gitignore 파일에 추가를 하여도 계속 반영이 된다. 

그럴 때 유용한 명령어 인듯 하다. 

node.js 설치 되어 있음

vite 은 프랑스어로 빛처럼 빠르다는 빠르다의 뜻을 갖고 있는 단어라고 하는데

아래에 명령어를 입력해 보니.. 헐~

정말 1초만에 세팅이 끝났다. ㅎㅎ 

1년 정도 밖에 되지 않아서 아직 호환성이나 단점들이 조금 있는거 같긴 하지만..

공부용으로 테스트 해보기에는 괜찮을거 같다. 

yarn create vite

이후 명령어는 다른 프로젝트와 동일하게 

yarn 

으로 설치 후 

yarn dev

로 웹페이지가 실행 된다. 

하나씩 공부해가며 기록해 보아야 겠다. 

yarn node 설치 되어 있을 경우 

명령어

yarn create nuxt-app [프로젝트이름]

이후 프로젝트에 맞게 선택 해 줌 

이번에 선택한 부분은 아래와 같음 

javascript
yarn
vuetify.js ==> ui
axios ==> 서버통신 스페이스바로 선택
ESLint, Prettier 스페이스바로 선택
None
Universal
배포대상 Server(Node.js hosting)
jsconfig.json
None ==> git 허브 자동으로 반영 할것인지
Git

설치 하는데 조금 시간 소요 됨 

설치 후 명령어
cd [프로젝트이름]
yarn dev

package.json 파일을 열어 보면 세팅된 정보들을 확인 할수 있다. 

localhost:3000 으로 웹페이지를 열어 보면 초기 세팅은 완료 

yarn add @nuxtjs/axios 추가설치

yarn add sass

yarn add sass-loader

스타일에 선언 해두면 scss 를 바로 사용 할 수 있다.

yarn global add @vue/cli

오류시 npm 캐쉬 클린 명령어

npm cache clean --force

yarn add dotenv

env 환경변수 파일 설정 관련

yarn add cross-env 

});

자바스크립트는 날짜 포맷에 맞출려면 조금 더 가공을 해야 함 

리액트 일 경우 moment 로 오늘 날짜를 포맷에 맞춰서 호출 함