가을기 Workspace

본 포스팅에서는 사이드프로젝트 스케치데브를 개발하며 경험한 구글 애널리틱스를 연동하는 법을 설명하고 있습니다. 스케치데브가 궁금하시다면: https://sketchdev.kr 스케치데브 - 개발자 캐치마인드 스케치데브는 개발자들만의 IT용어로 즐기는 스케치퀴즈 연상 캐치마인드 게임입니다. 고득점을 한번 노려보세요! sketchdev.kr 지난 포스팅에서 호기롭게 google analytics 를 연동했지만, 아쉽게도 페이지별로 추적할 수 없었습니다. react에선 google analytics를 다른 방법으로 연동해야 하는 것 같습니다. React-ga 설치 $ npm i react-ga 누군가 개쩌는 라이브러리를 만들어줬습니다. 사용합시다. index.js에 연동 import ReactGA from '..

react-copy-to-clipboard 사용 $ npm i react-to-clipboard export default function Home() { return alert("링크가 클립보드에 복사되었어요!")}> }

본 포스팅에서는 사이드프로젝트 스케치데브를 개발하며 사용한 페이스북 공유하기 기능 연동 방법을 얘기하고 있습니다. 스케치데브가 궁금하시다면: https://sketchdev.kr 스케치데브 - 개발자 캐치마인드 스케치데브는 개발자들만의 IT용어로 즐기는 스케치퀴즈 연상 캐치마인드 게임입니다. 고득점을 한번 노려보세요! sketchdev.kr 빠르게 구현하기 { window.open(`https://www.facebook.com/sharer/sharer.php?u=${window.location.href}`, '페이스북 공유하기', 'width=600,height=800,location=no,status=no,scrollbars=yes'); }}> 좀 더 자세히 찾아보기 https://developers...

본 포스팅에서는 사이드프로젝트 스케치데브를 개발하며 활용한 카카오톡 공유하기 기능을 설명하고 있습니다. 스케치데브가 궁금하시다면: https://sketchdev.kr 스케치데브 - 개발자 캐치마인드 스케치데브는 개발자들만의 IT용어로 즐기는 스케치퀴즈 연상 캐치마인드 게임입니다. 고득점을 한번 노려보세요! sketchdev.kr 사전 설정 화면 우상단 [내 애플리케이션] 클릭 로그인은 필수겠죠? 생성한 애플리케이션을 누르시면 아래와 같이 각종 정보들을 확인할 수 있습니다. 요약 정보부터 시작해서 일반, 비즈니스, 앱 키, 플랫폼, 팀 관리 등 굉장히 다양한 기능을 제공합니다. 그리고 요약 정보에는 저희가 생성한 애플리케이션을 사용할 수 있는 앱 키가 존재합니다. 해당 키는 외부에 노출되지 않도록 잘 관..

본 포스팅에서는 사이드프로젝트 스케치데브를 개발하며 경험한 구글 애널리틱스를 연동하는 법을 설명하고 있습니다. 스케치데브가 궁금하시다면: https://sketchdev.kr 스케치데브 - 개발자 캐치마인드 스케치데브는 개발자들만의 IT용어로 즐기는 스케치퀴즈 연상 캐치마인드 게임입니다. 고득점을 한번 노려보세요! sketchdev.kr IT 서비스에 있어서 디지털 마케팅은 약장 속의 약이라 할 수 있을 정도로 필수죠. 서비스를 함에 있어서 시장을 파악하고 고객을 이해하려면 사용자가 어디에서 유입이 많이 되었고 어느 화면에서 길게 머무르는지를 반드시 알고 있어야 합니다. 네이버, 카카오, 구글, 페이스북과 같은 IT 대기업들이라면 자체 데이터 인프라가 있겠지만, 그렇지 않다면 그 인프라를 모두 직접 만들..