Vue.js(4)
-
[vue] Failed to construct 'WebSocket'
다른 분이 퍼블해주신 파일을 git으로 받아 서버에 띄웠다.. 그러니 갑자기 빨간 화면으로 Failed to construct 'WebSocket' 하면서 실행이 안되는 거 실화? 일단 우선 급하게 검색을 해봤더니 https가 설정된 환경에서 안전하지 않은 ws 실행되었을 때 나오는 오류라고 한다 심지어 vue로 검색하면 안나오고 다들 react 환경만 검색이 된다,, vue 도 좀 사랑해주세요.. 엉엉..그렇지만 꼭 올려야되는 파일이라서 검색의 검색,,한 10분동안 검색만 하면서 찾아봤다 누군가가 이걸 본다면 꼭 10분 검색하지말고 제 걸 보고 해결하세요,, 우선 나는 vue-cli 환경이다vue.config.js 가서 기존에 있는 module.exports = { devServer: } 에서 mo..
2024.10.27 -
[Vue.js] 뷰 프로젝트 시작하기(vite 기반)
npm install -g @vue/cli 해서 먼저 vue 깔아주기 npm이 없다고 뜨는 사람은 node 깔기 맥은 homebrew 깔고, nvm깔고 노드 설치하는 거 추천 그 후 npm create vite 하면 아래처럼 나오는데 여기서 아래 방향키 눌러서 vue 선택하고 엔터 이 때 자율성 높고 프로젝트용이라면 자바스크립트를 추천하고회사 프로젝트 같은 경우에는 타입스크립트를 추천! 나는 테스트로 가볍게 할 것을 만들어주는 중이라 자바스크립트 선택 다 만들어졌다!! 이 때 내가 만든 프로젝트를 루트 폴더로 잡아주면 뷰 파일이 잘 만들어진 걸 볼 수있다! 터미널 창 켜서 npm i 해서 노드 모듈들 깔아주면 진짜 준비 끝 이제 프로젝트 다 만들었으니깐 로컬에 한번 띄어보자!!npm r..
2024.08.06 -
[Vue.js] 투두리스트 진행사항
학원 다닐 때 만들었던 거 수정 진행 중 1. 파이어베이스 기간이 만료되었기에 파이어베이스 읽고 쓸 수 있는 기한 없앰2. 디자인 변경 내가 하고 싶은 것 Vue 라우터를 이용해 버튼을 누를 때마다 다크모드, 다른 디자인모드 등해서 투두리스트 자체를 여러 디자인으로 만들고 싶음투드리스트 마지막 칸에 짤막하게 일기나 오늘 하루 만족도 표시반복되는 카테고리 설정하기깃허브에 올린 내 투두리스트 잘 작동한다 오예!
2024.06.18 -
[Vue.js] vue + vite 깃허브 404 에러(라고쓰고 나는 바보다라고 읽는다)
이 블로그에 글 쓰면서 수정할 예시들을 올릴 깃허브를 새로 만들었다 첫 번째 예시인 todolist 파일을 업로드했는데 에러 뜬다................ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ하 울까 일단 깃허브 업로드 하고 에러 뜨면 확인해 볼 거 1. 본인의 깃허브 repository가 public인가?일단 나는 public이다 여기서 private로 설정되어 있으면 404 오류 난다 2. 깃허브 브랜치가 main인가? 이건 본인의 repository - setting -pages 가보면 알 수 있다 여기서 main이 아니라 none으로 되어있으면 오류가 난다만약에 main으로 설정 바꿨으면 옆에 save누르기 나는 깃 브랜치도 잘 설정해 놓았다...................
2024.06.17