깃허브

거지같은 Vue.js

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

[Git] GitHub와 GitLab, Sourcetree로 연동하고 Push 해보자!

나는 처음 Git을 사용한 날을 잊지못한다. 어떻게 잊을까, 내가 하루종일 한 작업물을 잘못된 클릭으로 싹 날렸는데. 그때를 생각하면 아직도 혈압이 오른다. 심지어 뭘 클릭했는지 버젼관리에 용이한 Git의 저장물이 싹 날아가서 살릴수가 없었다. 슈발탱 이런 불상사를 막기위해 오늘은 Sourcetree를 이용한 GitHub 혹은 GitLab의 Push 법을 알려줄 것이다. 먼저 Sourcetree를 설치하자. 사이트 들어간 김에 회원가입도 해놓으시라. 어차피 해야한다. www.sourcetreeapp.com/ Sourcetree | Free Git GUI for Mac and Windows A Git GUI that offers a visual representation of your repositorie..

[웹개발] 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 파일에 내용을 채워..