Tistory Discord UI Skin 개발Discord 느낌을 최대한 살리면서 개발한 티스토리 스킨입니다. Stroke 스킨에 이어 이번이 두번째로 만든 티스토리 스킨이네요. 왜 스킨 개발 대상으로 디스코드를 골랐나?제가 예전에 세븐나이츠 라는 모바일 게임을 엄청 즐겨 했었는데, 아쉽게도 최근에 서비스 종료를 하게되었습니다. 그런데 세븐나이츠가 세븐나이츠:리버스 라는 이름으로 리메이크 되고 있다는 소식을 접했고 해당 커뮤니티가 디스코드로 운영되고 있었습니다. 디스코드 UI 를 보고 나니 이걸 티스토리 스킨으로 만들면 재밌을 것 같단 생각에 스킨 개발을 시작하게 되었습니다. 스킨 특징이전에 공개했던 Stroke 스킨의 특징과 크게 유사합니다. 한가지 차이점이라고 한다면 Stroke 는 현재 화면 사이..

안녕하세요. 이번에는 원형으로 휠을 하며 항목을 선택할 수 있는 컴포넌트를 개발해 보았습니다. 패키지 설치 방법 npm i @wisdomstar94/react-circle-wheel-select-box 테스트 영상 및 사용 예제 확인 https://github.com/wisdomstar94/react-circle-wheel-select-box 의 README.md 파일을 참고해주세요. 개발 시 참고 UI 아래와 같이 네이버에서 사용중인 원형 UI 를 참고하여 비슷하게 직접 구현해보았습니다. 고려 사항 포인터가 시작된 지점과 휠 컨테이너 중앙 지점에 대한 좌표와 역탄젠트 함수를 이용하여 각도를 계산하고 그 각도만큼 항목들을 회전 시켜주어 휠을 구현하였습니다.