퍼즐게임 개발일지 4편 게임 구성을 뒤엎어야 할거 같다;; 원래 Scroll View만 Canvas에 넣어두고 Cinemachine 때문에 그 외 요소는 Canvas 밖에 있었는데 같은 SpriteRenderer라고 해도 Canvas에 있느냐, 그 밖에 있느냐에 따라 사이즈가 달라지더라... 그래서 Scroll View가 있는 Canvas는 그대로 냅두고 World Space를 사용하는 Canvas(Background)를 만들었다 Canvas Render Mode를 World Space로 바꿔주고 사이즈를 맞춰주기 위해 0.01배로 줄여줬다 Prefab 퍼즐들은 World Transform을 사용하고 Image Component가 없어서 수정 해줄 것이다 사실 원래 sprite renderer 밖에 없어..
사실 갑자기 웹 개발을 하고 있는건 그냥 다른 개발을 하고 싶어서다 (번아웃 방지용) 저번에 사용한 기본 테마는 Poster 이번에는 Portfolio를 사용할 것이다 이게 기본 모습이다 사실 내가 반응형 웹을 배운적이 없어서.. 무식하게 9등분으로 나눴다..ㅎㅎㅎ 9등분을 해준 다음 양쪽 끝은 고정 사이즈, 가운데는 양쪽 끝 이미지가 떨어진 구간을 전부 채우는 식으로 만들었다 Default는 background-size를 contain으로 해줬지만 일정 비율 이상으로 사이트를 확대할 경우(이 경우에서는 110% 이상) 부터는 cover로 바꾸어주었다 "Background-Size: Contain" 배경 이미지가 요소의 전체 영역을 완전히 채우도록 크기가 조정. 이미지의 비율(aspect ratio)은 ..
오늘은 방명록을 수정해보겠다잘 보면 원래 싸이월드는 방명록 갯수에 따라 No.1, No.2 이런식으로 숫자를 부여하는데 내꺼는 그런게 없다 그래서 그걸 추가해주고 글씨체랑 색도 좀 변경해보겠다 레쭈고. 이게 원래 블로그의 댓글 구조인데 닉네임 위에 guest_number라는 이름의 span class를 하나 추가해줬다 옆에는 No.를 써주었고 저 자리에 번호를 하나씩 부여 해줄 것이다 window.addEventListener('DOMContentLoaded', (event) => { const comments = document.querySelectorAll('.comment-list ul li'); comments.forEach((comment, index) => { const numberSpan =..
오늘은 설 명절이니까. 놀았다. 조카랑 만나서 놀고 외삼촌 댁에서 쇠괴기 먹었다 존맛. 그러고 집 와서 자다가 갑자기 엉덩이가 간지러워졌다. 갑자기 엉덩이? "엉덩이가 간지럽다" 나는 갑자기 좋은 아이디어가 떠오르면 이상하게 엉덩이가 간지럽다 약간 엉덩이골........ 암튼 갑자기 블로그 스킨을 수정할 수 있는 방법이 뇌에 스쳐가서 바로 컴퓨터 켜서 고쳤다 블로그의 여백 공간이 늘 싫어서 저걸 어떻게 하면 좋을까 window.resize()는 엄청 옛날에만 지원되던거라 방법이 없을까 하다가 window의 사이즈가 일정 크기 이상이면 933x533의 크기로 다시 열게끔 하는 것 사실 뒤에 있는 것도 닫거나 최소화 하고 싶지만 얘도 보완상 문제로 안돼서 그냥 여기서 만족ㅠ 그리고 나는 구글 계정이 2개인데..
Github Readme 삽질 2편 이미지 수정 이미지를 조금 수정해주고 코드 구성은 아주 심플한데 a 태그 안에 이미지가 들어가있어서 어딜 눌러도 이동 한다ㅋㅋㅋㅋ 그래서 이미지를 저렇게 자르고 왼쪽 이미지는 링크를 오른쪽은 # 링크만 걸려고 했는데 readme에서 저 둘이 옆에 챡! 붙지 않더라... 쩝 위 아래로는 챱 붙는데 옆으로 붙일 때는 간격이 생겨서 이상했다 암튼 잘만 이동되면 된거지..암 참고로 이동하지 않는 a 태그도 # 링크를 걸어두는게 좋다 저거 없으면 이미지 클릭 할 때 새 탭으로 이미지가 열려버림;;;; 그리고 정렬 할 때도 안이쁨
Github Readme 삽질 1편 Readme? github readme란 저런식으로 github project의 설명하는 페이지를 말한다 사실 readme를 많이 안써서 html css를 지원하긴 하지만 엄청 기초적인 것만 지원하는걸 아까 처음 알았다;;;; 버튼을 배치해서 hover나 클릭하면 이미지를 띄우려고 했는데 안된댄다 그래서 github page에 동적인 페이지를 만들어두고 iframe으로 보여줄까 했는데 안된단다;;;;;;;; https://gist.github.com/ihoneymon/652be052a0727ad59601 마크다운(Markdown) 사용법 마크다운(Markdown) 사용법. GitHub Gist: instantly share code, notes, and snippets..