일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- UTM
- 그로스해커
- 그로스마케터
- 구글애즈
- 데이터분석
- frontend
- 위어드섹터
- GA4
- 데이터너겟
- 프론트엔드개발자
- 디자이너
- 인터뷰
- 피그마
- 개발자인터뷰
- 개발스터디
- 개발자
- Weirdsector
- LABBIT
- JavaScript
- 개발기록
- figma
- Datanugget
- UX디자이너
- UX
- 개발일지
- 그로스해킹
- 컴포넌트
- 프론트엔드
- ReactNative
- 개발공부
- Today
- Total
목록Datanugget (26)
위어드섹터 공식 블로그

안녕하세요. 위어드섹터의 이상한 연구소 래빗입니다. 래빗은 데이터 분석을 시작하고자 하는 여러 기업들의 환경 설정부터 실제 분석까지 함께하고 있는데요. :) GA4의 용어를 특히 많이 어려워하시는 것 같더라고요 아무래도 그동안 익숙하던 UA와 비교해서 수집기준도 많이 바뀌었고, 영어를 한국어로 번역하면서 모호한 부분이 생긴 게 아닌가 싶습니다. 이번 글에서는 활성사용자에 대해서 정리해 보도록 하겠습니다. 1. 활성사용자? 그게 뭔데? 구글 공식문서에서 보면 GA4에서 처음 도입 된 사용자 기준이라는 것을 알 수 있습니다. 결론부터 말씀드리면 ‘GA4가 실제로 중요한 사용자로 간주하는 사용자’를 나타냅니다. 예를 들어, 우리가 화장품 매장을 운영한다고 가정해 봅시다. 한 손님이 매장 문을 열다가 바로 닫고..

안녕하세요. 오늘은 주니어 디자이너라면 잘 모를 수밖에 없는 디자인 핸드오프에 대해 설명드리려 합니다. 디자인 핸드오프란 무엇일까? Hand off는 손을 떠나다라는 의미를 갖고 있습니다. 디자인 핸드오프(Design Hand off)는 완성된 디자인을 떠나보낸다라는 의미로 직역할 수 있습니다. 그러나 모든 디지털 화면에서 완성된 디자인은 존재하지 않습니다. 어떤 화면이라도 사용자와 상황에 따라 개선점이 분명히 존재합니다. 따라서 “완성된 디자인을 떠나보낸다”보다는 한 단계의 끝으로서 디자이너가 개발을 위해 자신의 디자인을 전달하는 과정이라고 생각하면 좋을것 같습니다. 핸드오프에서 중요한 5가지 1) 유저플로우(User Flow) : 화면 디자인에서 화면 흐름으로 2) 유즈케이스(Use Cases) : ..

Q UI/UX 디자이너가 왜 웹코딩(html, css, javascript)을 배워야 하는 걸까? 종종 회사 공고등을 보면 디자이너에게 개발 역량을 요구하는 경우가 있습니다. 왜 필요하다고 하는 걸까요? 디자이너는 개발로 구현 가능한 부분들과 불가능한 부분을 모르기 때문에 처음 디자인이 나와도 여러 번의 수정을 하게 되며 개발자와 많은 소통을 하게 됩니다. 이 과정에서 디자이너는 디자이너대로 고민해 만든 시안을 계속 수정해야하고 개발자는 개발자대로 계속 피드백을 하느라 개발하는 시간보다 소통하는 시간이 더 길어질 때도 있습니다. 디자이너가 웹 코딩에 대한 기초 지식만을 알고 있어도 이 소통비용이 확 줄어들 수 있습니다. 또한 디자인이 구현되는 매체에 대한 이해는 필수적입니다. 편집디자이너가 종이 재질과 ..

안녕하세요. 데이터를 연구하는 이상한 연구소 래빗입니다. 사이트를 이루는 작은 단위의 페이지, 페이지 하나하나가 모여 사용자가 사이트에 대한 인상을 기억하게 되는 것이 아닐까 싶습니다. 그만큼 페이지별 품질은 무척 중요한데요. 이번 글에서는 페이지별 인기도를 데이터를 통해 어떻게 확인하고 성과 향상을 위한 데이터 기반의 의사결정을 어떻게 이루어 내는지 살펴보고자 합니다. 1. 활성사용자, 세션, 이벤트 기본 개념 우선 고객 행동 분석을 위해서는 (활성)사용자, 세션, 이벤트를 알아야 할 것 같은데요. 간단하게 정리를 하고 들어가겠습니다. 우리가 일반적으로 사이트에 들어와서 클릭을 하고, 스크롤을 내려보고, 페이지를 보는 등의 모든 활동을 이벤트(event)라고 정의 합니다. 그리고 그 이벤트들의 모음이 ..

랜딩페이지라는 것은 무엇일까요? landing 이라는 언어로 ‘착륙’을 의미합니다. 사용자가 처음에 도착하는 페이지를 말합니다. 이로써 제품에 대한 첫인상을 전달할 수 있는 부분입니다. 랜딩페이지에서는 공통적으로 ‘전환’ 이라는 목표를 만들어야 합니다. 그렇기 때문에 랜딩페이지의 역할이 하나의 영업요소이며, 중요한 파트입니다. 그렇다면 저희는 이 ‘전환’을 만들기 위해서 어떤 방식으로 접근하여 디자인해야 할까요? 랜딩페이지를 리디자인 진행하면서 여러가지 디자인 시도를 해보았는데요. 이 과정을 통해 얻었던 인사이트를 정리하여 공유해보고자 합니다. 랜딩페이지를 설계하기 전에 .. 목표(mission)을 확인하고, 어떤 방법으로 문제를 해결 할 것인지 로드맵을 설계해보세요. 로드맵을 제작한다는 의미가 장황하게..

안녕하세요. 위어드섹터 하영 매니저입니다! ='ω'= 고마움을 전하고 싶은 가정의 달 5월, 모두 잘 보내고 계신가요? 요즘 날씨가 정말 따듯해서 벌써 여름이 찾아오고 있는 것 같아요! 오늘 소개해 드릴 분은 위어드섹터의 로봇 안성모 개발자님입니다. Q1 안녕하세요 안성모 개발자님, 간단한 소개 부탁드릴게요 :-) A1 안녕하세요. 위어드섹터의 nomal한 프론트 개발자 안성모입니다. Q2 위어드섹터를 합류하시게된 계기가 있을까요? A2 이전 직장을 그만 두고 새롭게 개발자로 구직활동을 하다가, 위어드 섹터라는 회사를 찾게 되었어요. 위어드섹터라는 이름에서부터 다양한 것에 도전 해볼 수 있겠구나라는 생각이 들었고, 면접 때에도 이상할 정도로 면접자를 생각해주시는 대표님의 마인드에 감명받아서 위어드 섹터에..

HTML에서 script 태그로 분리한 javascript 파일(.js)을 가져올 때, script 태그를 선언한 위치와 비동기 속성 추가로 인해 결정되는 스크립트 실행 순서에 대해서 알아봤습니다. “script 태그에 defer 속성 사용을 권장한다.” 라는 이유와 차이점에 대해 정리해봤습니다. ## 문제 상황과 원인 테스트를 위해 새로운 HTML 문서에 분리한 javascript 코드를 호출했습니다. DOM 요소를 찾기 위해 메서드를 사용했지만 null이 반환되어 에러가 발생했습니다. head에 script 태그를 사용하여, DOM 객체 생성 전에 조작하려고 했기 때문에 발생한 문제였습니다. ## 해결 방법 1 : script 태그의 위치 변경 가장 쉬운 방법으로는 HTML 상단에 정의한 script..