vscode

거지같은 Vue.js

내가 포트폴리오 사이트 만들겠다고 게임 개발잔데 Vue.js를 좀 뒤적여 봤다. 블로그에 적어도 되지만 나도 나만의 깐지폭발하는... 그런 포폴 사이트를 가지고 싶었다. 그래서 예전에 강의들을 때 재미로 건들다가 말았던 포폴 사이트 Vue파일을 불러왔다. 그걸 오늘 하루죙일걸려서 GitHub Pages에 올리겠다고 갖은 노력을 했다. 사실 Vue의 잘못은 아니고, GitHub의 빈약한 FAQ 등이 겹쳐 복합적이긴 한데... 여튼 6시간을 뒹군 결과 겨우 올리고 커스텀 도메인까지 연결했다. 그 결과 눈물의 게시글 3개가 탄생했다. poison-dog-do-everything.tistory.com/5 [웹개발] GitHub Page에 CSS가 적용되지 않는 문제 포트폴리오 사이트를 만드는데 별안간 css가 ..

[웹개발] Vue.js, GitHub Pages에서 작동을 안 해요! GitHub Pages 사용법

오늘은 Vue로 개발한 나의 사이트를 GitHub Page에 등록하는 법을 알아볼 것이다. 중간중간 주의할 점을 알려주니 오류가 난 사람도 참고하기 좋을 것이다. 참고로 나는 VScode를 사용하니 주의바란다. 우리가 github pages를 사용하려면 평소에 하던 빌드와는 약간 다른 빌드가 필요하다. 평소에 빌드를 하면 dist 폴더가 생성되었지만, 우리에게 필요한 것은 docs폴더다. 따라서 빌드 설정을 바꿔줘야하는데, vue 3.0이상 버전의 사람이라면 vue.config.js 파일을 만들어 관리해준다. 제일 밑에 vue.config.js파일이 보인다. 파일 만드는 건 별거없고 그냥 새파일 만들기해서 이름만 vue.config.js로 바꿔주면 된다. 이제 vue.config.js 파일에 내용을 채워..