Javascript Tips

Javascript로 캐릭터 메신저 구현기(모아보기)

탐훈 2025. 4. 3. 23:12
728x90

html, js, css로 제작중인 캐릭터가 있는 메신저 구현을 하며 알게 된 내용들을 정리

 

캐릭터 선택 후 

방을 이동하며 메신저가 가능한 프로그램이다. 

 

회사 동기들과 우리만의 메신저로 사용하기 위해 만들기 시작함

 


 

 

https://tomhoon.tistory.com/789

 

캐릭터메신저구현기 - getBoundingClientRect, offsetTop(Left), clientWidth(Height)

캐릭터 이동을 할 때 필요했던 값은캐릭터의 위치를 계산해1. 첫위치 값2. 제한된 구역을 더이상 이동 못하게 할 기준값두 가지가 필요했다. 1. clientWidth  clientWidth와 clientHeight 값은 배경이 되

tomhoon.tistory.com