본문 바로가기

Develop75

서버(Server)가 필요한 이유 API(Application programming interface) 프로그램을 쉽게 제작할 수 있게 미리 만들어 놓은 도구 모음으로 생각하면 쉽다. 예 ) 안드로이드 앱 개발자는 안드로이드 앱 API를 이용하여 버튼, 텍스트뷰 등을 쉽게 만들 수 있다. width: 100dp와 같이 가로 : 100dp라는 수치만 줬는데, API 내부에서는 이를 해석하고 계산하여 컴퓨터 화면상에 그 크기만큼 띄울 수 있는 복잡한 계산과정을 거치게 되는 것이다. 안드로이드 앱에 있어서는 안드로이드 API를 이용하여 개발한다는 것은 알았다. 이제 다음과 같은 경우를 생각해보자. - 안드로이드 기기 A와 아이폰 유저 B가 채팅을 주고 받고 싶은데 어떻게 해야 할까? - 인터넷에서 데이터를 가져와 보여주는 것은 어떻게 할 수 .. 2021. 2. 28.
vanilla js를 이용하여 bottom sticky button 만들기 이번 포스팅에서는 Vanilla js를 활용하여 하단 Sticky Button을 만들어보겠다. 목표: 스크롤을 특정 구간 이상으로 내릴 때 Sticky버튼이 보이고, 올릴 때 사라지도록 만들기 1. 새로운 엘리먼트 동적으로 추가해보기 html에 미리 코드를 만들어 놓고 실행할 수도 있지만, javascript를 이용해서 추가하는 경우를 만들어 보았다. sticky버튼을 감싸고 있는 컨테이너로 div를 만들었고, 텍스트를 위한 p 태그를 만들었다. 이후 sticky_container에 스타일을 지정해주기 위해 sticky_container라는 class이름을 주었다. not_show라는 것은 뒤에 나오겠지만, sticky 버튼을 숨겼다가 보여지게 하기 위함이다. 2. 버튼에 스크롤 이벤트 달기 사용자가 s.. 2021. 2. 26.
javascript 웹 페이지 크기 알아내기 웹 개발을 하며, 화면 크기가 필요한 때가 있다. 브라우저의 크기를 알아내거나, 브라우저 내부의 화면 크기를 알아내고 싶은 경우 어떻게 해야할까? 오늘 알아볼 속성은 innerWidth, innerHeight, outerWidth, outerHeight이다. 각각 의미하는 바는 위 그림과 같다. 이를 구하는 방법은 window.innerWidth와 같이 해주면 된다. console.log(window.innerWidth); console.log(window.innerHeight); console.log(window.outerWidth); console.log(window.outerHeight); 2021. 2. 26.
믹스패널 데이터 QA 방법? 지난 글(믹스패널 데이터 수집 계획에 따라 개발하기)에서는 직접 개발을 통해 mixpanel의 추적 코드를 심어보았습니다. 이번에는 데이터가 알맞게 들어가고 있는지를 확인하기 위한 QA(Quality Assurance)를 진행하는 방법에 대해 알아보겠습니다. 믹스패널 데이터 수집 계획에 따라 개발하기 지난 글(믹스패널 도입(Mixpanel Implementation)할 때, 반드시 계획 문서는 만드세요)에서는 믹스패널에서 어떤 데이터를 수집할지 꼼꼼한 계획이 필요하다고 말씀드렸습니다. 이번 글에서는 작성된 chjune0205.tistory.com 믹스패널 데이터 QA 방법? 데이터 수집 작업 가이드 글에서는 Dev 프로젝트와 Production 프로젝트를 나눠서 작업한다고 말씀드렸습니다. Dev 프로젝.. 2021. 2. 26.
믹스패널 데이터 수집 계획에 따라 개발하기 지난 글(믹스패널 도입(Mixpanel Implementation)할 때, 반드시 계획 문서는 만드세요)에서는 믹스패널에서 어떤 데이터를 수집할지 꼼꼼한 계획이 필요하다고 말씀드렸습니다. 이번 글에서는 작성된 데이터 수집 계획 문서에 따라 믹스패널 이벤트를 수집하는 방법에 대해 알아보겠습니다. 믹스패널 도입(Mixpanel Implementation)할 때, 반드시 계획 문서는 만드세요 지난 글(Mixpanel Implementation 기본 지식 알아보기)에서는 Mixpanel을 Implementation하기 앞서, 필요한 기본 지식들에 대해 다뤄보았습니다. 이번에는 Mixpanel을 도입하기 위한 기획 문서를 만드는 것에 대 chjune0205.tistory.com *유의사항 Implementati.. 2021. 2. 26.
믹스패널 도입(Mixpanel Implementation)할 때, 반드시 계획 문서는 만드세요 지난 글(믹스패널, 도입 절차 및 기본 정보)에서는 Mixpanel을 Implementation하기 앞서, 필요한 기본 지식들에 대해 다뤄보았습니다. 이번에는 Mixpanel을 도입하기 위한 기획 문서를 만드는 것에 대한 이야기를 해보겠습니다. 믹스패널, 도입 절차 및 기본 정보 Mixpanel이란? 믹스패널은 사용자 행동 데이터 분석을 지원하는 툴로, 사용자의 행동 데이터를 수집하고 SQL 없이 클릭 몇 번 만으로도 분석 환경을 제공해주는 서비스입니다. Mixpanel 도입 절차? 그 chjune0205.tistory.com 믹스패널 도입 시, 계획 문서가 필요한 이유? 우리 비즈니스에서 일어나는 사용자 행동의 데이터를 수집하고, 분석하여 활용하기 위해서는 사용되지 않는 데이터는 수집하지 않고, 정말 .. 2021. 2. 23.
반응형

티스토리툴바