전체 글

[Unity] Hinge Joint의 표기오류

Unity를 통해 VR 프로젝트를 개발하며, Hinge Joint로 문을 구현하고 있었다. 그런데 몇몇 문들이 알수 없는 버그가 있었는데, 게임을 실행하자마자 알수없는 힘에 의해 문이 강하게 열리는 현상이 있었다. 다른 모든 오브젝트와 충돌을 꺼봐도 같은 현상이 일어나서 충돌에 의한 현상은 아닌것으로 판단하고, 마지막 남은 용의자인 Hinge Joint를 건드렸다. 결과적으로는 Hinge Joint Limit의 표기오류로 일어난 현상이었다. 표기는 위와 같이 되지만, 실제로 열리는 범위는 파랑선으로 표기한 각도와 같다. 이와같은 현상이 나타날 때는 Hinge Joint가 표기해주는 각도가 아닌, 실제 오브젝트의 각도를 보고 넣어주면 되겠다. 최소로 열렸을 때와 최대로 열렸을 때의 각도를 잘 봐두고 수동으..

[Unity] 화면에 맞게 UI와 Sprite 크기 조절하기

정성 들여 만든 앱을 핸드폰에 설치하는 순간 내가 공들여 만든 UI의 배열이 깨지거나, UI의 크기가 들쭉 날쭉 해진다. 오늘은 그런 UI의 크기를 화면 크기에 맞게 조절하는 방법을 배울 것이다. 먼저 위와 같이 Canvas를 생성한 후, Render Mode를 Screen Space - Camera로 설정해 준다. 그리고 Render Camera에 Main Camera를 넣어준다. 여기까지 했다면 UI문제는 해결되었다. 이제 화면의 해상도에 맞게 조절되는 UI를 확인할 수 있다. 자 그렇다면 이제 문제는 Sprite다. 이놈의 Sprite는 크기가 고정된 것 마냥 화면의 해상도를 아무리 바꿔도 스스로의 크기를 고수한다. 화면이 작아져도 크기가 그대로라 화면 밖으로 삐져나오고, 배열도 그대로라 다루기가 ..

거지같은 Vue.js

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

[웹개발] GitHub Pages에 Custom Domain(커스텀 도메인)을 연결해보자!

지난번 GitHub Pages를 사용하는 방법과 css를 적용하는 방법을 알아보았다. 관련 링크 poison-dog-do-everything.tistory.com/6 [웹개발] Vue.js, GitHub Page에서 작동을 안 해요! GitHub Page 사용법 오늘은 Vue로 개발한 나의 사이트를 GitHub Page에 등록하는 법을 알아볼 것이다. 중간중간 주의할 점을 알려주니 오류가 난 사람도 참고하기 좋을 것이다. 참고로 나는 VScode를 사용하니 주의바란다 poison-dog-do-everything.tistory.com 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 파일에 내용을 채워..

[웹개발] GitHub Pages에 CSS가 적용되지 않는다..! 그 해결책

포트폴리오 사이트를 만드는데 별안간 css가 적용이 안된다. 다른건 다 적용되는데 나의 경우 여러가지 문제가 복합적으로 있었다. 먼저 원본 코드(index.html)이다. 여기서 는 ./였다. 문제 1. 경로의 문제 github에 Repository의 이름은 MyPortfolio였고, 포트폴리오 사이트 Url은 eden1109.github.io/MyPortfolio였다. 그렇다면 css파일이 index.html과 같은 파일에 있다는 가정하에, 경로가 /MyPortfolio/_font.css 가 되어야한다. 따라서 vue.config.js의 BASE_URL을 /MyPortfolio/ 로 변경하였다. 경로는 /Repository 명/폴더명/어쩌구.css가 되는 것이다. 여기서 폴더가 index.html 기준..