TS

goddmk's DEV
[React] 리액트 + TS 에서 한글 타이핑 효과 구현하기(type-hangul)
이번에 구현해 볼 것은 한글 타이핑 효과이다. 영어라면 글자 타이핑 효과를 css 애니메이션과 키프레임을 통해 나타낼 수도 있지만... 한글의 경우 타이핑 할 때 자음 모음 이런 게 조합되어서 나오다 보니 조금 부자연스럽다. (다음에는 css와 키프레임을 통해 표현하는 방법도 포스팅해 보겠다..) 그래서 조금 찾아보니 한글 타이핑을 구현한 라이브러리가 있었다. 자바스크립트로 되어있었고, 이걸 리액트에서 사용하기 위해서 useEffect를 활용해 코드를 완성해 보도록 하겠다. 아래의 사이트가 제작자의 사이트이다.https://sduck4.github.io/type-hangul/ type-hangul: ⌨️ 한글 타이핑 효과 라이브러리한글 두벌식 자판에서 한 글자씩 타이핑되는 과정을 보여줄 수 있는 라이브러..
[React] 카카오 지도 API 연동하기 (TS + Vite)
내가 원하는 지역의 지도를 화면에 표현해주고 싶어 React를 사용해 카카오 API를 연동해 보도록 하겠다. 1. kakaoDeveloper 사용하기먼저 아래의 사이트에 접속하여 로그인이 필요하다.https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com1-1. 프로젝트 생성 및 플랫폼 등록로그인을 한 후 내 애플리케이션에 들어가 프로젝트를 하나 생성 해 준다. 나는 toy-pj라고 미리 생성해두었다. 그런 다음 왼쪽 메뉴에서 플랫폼에 들어가 Web 부분의 플랫폼을 등록해 주면 된다. 여기서 웹플랫폼에 정확..
goddmk
'TS' 태그의 글 목록