일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- homebrew
- 개발세팅
- 환경설정
- 비디오플레이어
- VirtualBox
- React.js
- shaka player
- 버추어박스
- node
- yarn classic
- Yarn
- brew
- Video
- DRM
- mysql설정
- 커스텀훅
- Next.js
- yarn berry
- react
- 프론트엔드
- 채널톡
- shaka
- 세팅
- npm
- ReactJS
- MAC
- nextjs
Archives
- Today
- Total
목록커스텀훅 (1)
코딩 요정 버터링
next.js (react.js) 에서 채널톡 커스텀 훅으로 만들어 사용하기
회사에서 맡아 운영하는 서비스에서 채널톡을 도입하였다. 공식문서에 보면 자바스크립트로 밖에 되어있지 않아서 도입을 하려면 커스텀훅을 사용해서 도입해야했다. 구글링을 했지만 딱히 뭔가 확 오는 방법이 없어서 직접 커스텀훅을 만들기로 결정! ts 파일을 hook 디랙토리에 생성 후 일단 공식 문서에 있는 인터페이스들을 긁어왔다. 그 후 스크립트를 function으로 작성 후 채널톡에서 제공하는 기본 함수들을 타입스크립트로 변경하여 적용하였다. declare global { interface Window { ChannelIO?: IChannelIO; ChannelIOInitialized?: boolean; } } interface IChannelIO { c?: (...args: any) => void; q?:..
프론트엔드 개발
2023. 5. 11. 22:01