본문 바로가기 메뉴 바로가기

cs09g 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

cs09g 블로그

검색하기 폼
  • 분류 전체보기 (61)
    • Git (10)
    • Open source (2)
    • 프론트엔드 (16)
    • Javascript (15)
    • Mozilla (0)
    • 개발환경 (13)
      • Windows (4)
      • Linux (5)
      • Mac (3)
    • 생각 (3)
    • 여행 (1)
  • 방명록

Open source (2)
[Mapbox-gl-js] 문서에서 누락된 설명 추가

PR 링크: https://github.com/mapbox/mapbox-gl-js/pull/12264 라인 좌표를 따라 지도를 부드럽게 이동하는 기능을 구현하고 있었다. 특정 좌표로 이동할 때 애니메이션을 적용하면, 가속도가 붙은 효과가 적용된다. (점점 빨라지면서 출발하고 다시 점점 느려지면서 도착; easing) 좌표가 단 두개인 경우에는 아주 자연스럽지만 경로를 나타내는 라인처럼 수 많은 좌표가 존재하는 경우 각 구간마다 가속도가 붙은 애니메이션을 적용하면 상당히 어색하고, 구간의 길이가 다 다르기 때문에 그에 따라 이동하는 속도도 다르게 되었다. 좀 일정한 속도를 갖게 할 순 없나 싶어서 easeTo, flyTo 옵션들을 살펴보고 있는데, 이상하게 어디에도 명시되어 있지 않은 옵션이 있는게 아닌가..

Open source 2022. 10. 27. 21:46
[turf] 누락된 디펜던시 추가 #2345

PR링크: add missing dependency on @turf/dissolve #2345 토이프로젝트로 deno fresh 라는 프레임워크를 사용한 지도 기반의 서비스를 진행하고 있다. 지도를 사용하다보니 지도 위에서 공간정보를 더 잘 다룰 수 있게 해주는 turf 라이브러리가 절실했다. node 프로젝트였다면 npm 으로 쉽게 설치해서 사용했을텐데 fresh는 deno를 기반의 프로젝트이다보니까, ES Module 형태로 라이브러리를 로드해야했다. turf를 모듈 형태로 내려주는 CDN을 찾다가 skypack에서 제공하는 URL이 있어서 사용해봤는데 했더니 에러가 발생했다. (deno fresh에서 import는 이런식으로 json 파일로 관리한다.) { "imports": { ... "turf"..

Open source 2022. 10. 13. 22:45
이전 1 다음
이전 다음
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
링크
  • Firefox
  • Mozilla Hacks Korea
TAG
  • csv-parser
  • 사이트성능측정
  • bigsur
  • fetch
  • chrome
  • GIT
  • Android
  • Safari
  • Karma
  • ubuntu
  • setter
  • Mac
  • 블랙스크린
  • 크롬
  • 리소스모니터
  • event
  • writeStream
  • git-tag
  • git-checkout
  • nodejs
  • abortcontroller
  • readStream
  • Windows
  • react
  • getter
  • JavaScript
  • testing
  • no_fcp
  • ios
  • bouncscroll
more

Blog is powered by Tistory / Designed by Tistory

티스토리툴바