위어드섹터 공식 블로그

✏️ 안녕하세요 디자이너 JJ입니다. 오늘은 Figma를 사용하면서 가장 유용하게 사용할 수 있는 사실 반드시 알아야 할 component에 대해 소개해 보겠습니다. 1. Component(컴포넌트)란 무엇일까요? 디자인작업에서 생산성과 효율성을 높여주는 component란 무엇일까요? compenet의 사전적 의미는 요소, 부품 등을 의미합니다. Figma에서도 컴포넌트는 화면을 구성하는 모든 요소들입니다. (텍스트, 이미지, 버튼, 아이콘 등) 이런 요소들중 재사용하는 요소들을 정의해 필요할 때마다 검색해 사용할 수 있도록 만든 것이 바로 컴포넌트 기능입니다. 2. Componet 만들기 (1) 자주사용하는 버튼을 제작합니다. (2) 버튼을 클릭후 위에 2개의 버튼 중 맨 왼쪽 다이아 4개짜리를 선택..

구글 스프레드시트의 내용을 변경하면 자동으로 구글 폼에 연동되도록 하는 프로젝트를 맡아 진행하였습니다. 처음 해보는 것이라 아래 영상을 참고하여 먼저 어느 정도 감을 익힌 후, 실제 프로젝트에 맞게 코드를 수정했습니다. 스프레드시트의 내용을 변경하면 구글 폼에 실시간으로 연동되는 프로그램(스크립트 코드) 작성 이번 글에서는 위 링크의 영상에서 충분히 다루지 못했던 코드 설명을 위주로 글을 작성하겠습니다. 1. 구글 시트와 구글 폼 만들기 1-1 구글 계정에 로그인합니다 1-2 아래 이미지에서 빨간 박스로 표시된 아이콘을 클릭하여 시트와 폼을 만듭니다 2. 스프레드시트에 문제와 보기 작성 2-1 아래 이미지처럼 1행은 문제, 각 열은 문제에 해당하는 보기 옵션으로 적었습니다. 3. Apps Script 작..

안녕하세요. 위어드섹터의 이상한 연구소 래빗입니다. 위어드섹터에서는 기존에 ‘래빗’ 사이트를 운영하며 구글 애즈의 검색 캠페인을 광고로 집행하고 있었는데요 더 효율적인 광고 집행을 위해 설정해야 할 사항들이 있어 한 단계씩 진행한 과정을 공유드리도록 하겠습니다. 우선 기존에 진행되던 래빗 캠페인의 최적화 점수는 73.7%입니다. (구글 애즈에서는 타 경쟁 광고들과 비교우위를 점할 수 있도록 현재 내 광고의 최적화 정도를 점수로 제공합니다.) 이제 이 점수를 최대한 올려 보도록 하겠습니다. * 왜 ‘최적화 점수’라고 해 놓고 단위는 퍼센트(%)일까요? 그 이유는 점수로만 표시하면 앞으로 최적화 작업을 얼마나 더 진행해야 하는지 알 수 없고 직관적이지 않기 때문입니다. 타깃 *CPA 입찰(가장 추천하는 사항..

Android application을 Google Play Console (https://play.google.com/intl/ko/console/about/ ) 에 업로드하기 위해선 배포하려는 어플리케이션의 설치 파일을 Google Play Console에 업로드해야 합니다. 오늘은 Flutter 프로젝트에서 aab 파일을 추출하는 방법을 적어보려 합니다. 다음은 aab 파일을 release 하기 위한 step 입니다. Step 1. 디지털 서명하기 기존에는 안드로이드 앱을 배포하기 위해 upload key와 signing key를 모두 개발자가 관리하고 서명했었습니다. 하지만 해당 키를 분실하면 두 번 다시 업데이트를 할 수 없는 문제가 발생했습니다. 문제를 보완하고자, 2017년 5월부터 signi..

최근 프로젝트를 진행하면서 Flutter iOS 앱으로 통해 사용자가 어떤 버튼을 클릭했는지 확인하기 위해 Facebook SDK 설치 후 테스트를 진행했습니다. 기업 입장에서는 사용자가 어떤 버튼을 많이 클릭했고, 어느 분야를 좋아하는지 알고 싶지만 기본 기능으로는 확인할 수 없기 때문에 Facebook SDK를 활용해서 그 방법을 적어보려고 합니다. 페이스북 SDK iOS 가이드 같은 경우 네이티브 기준이기 때문에 외부 플러그인을 사용해야 합니다. 사용자가 어떤 버튼을 클릭했는지 확인하기 위해서는 페이스북 SDK 플러그인과 페이스북 개발자 계정이 있어야 합니다. facebook_app_events 플러그인 : (https://pub.dev/packages/facebook_app_events) Meta..

데이터너겟은 그로스해킹 방법론에 기인해서 만든 통합 데이터분석 관리 툴 입니다. ( ** 현재 베타버전 회원가입 하시면 서비스를 무료로 이용해보실 수 있습니다. ) 데이터, 중요하다고 하는데 여러분은 데이터를 잘 활용하고 계신가요? [ 혹시 이런 경험 있지 않으신가요? 🤔] 데이터 로그 분석 툴을 접해 보았는데 보는 법을 몰라서 막막했다. 데이터 수집을 시작했으나 잦은 개발이슈로 사용할 수 있는 데이터가 없다. 데이터에 근거한 인사이트를 내는 것보다 데이터를 해석하는데 시간을 다 써버렸다. 그로스해킹이라고 말하고 광고만 돌리는 것 같다. 진짜 중요한 일에 시간을 써야 하는데 책상 정리만 하다가 정작 중요한 것을 보지 못하는 경우도 많았습니다. 여러분의 소중한 시간을 지키고 싶습니다. [ Nugget에서는..

진행 중인 데이터너겟 프로젝트에서 d3를 활용한 곡선 그래프를 구현해야 했습니다. canvas 안에서는 html 코드를 삽입할 수 없어서 d3의 rect 를 이용하여 구현해보려고 시도해보았습니다. 하지만 두 가지 난관에 부딪혔습니다. 첫번째는 디자인과 똑같이 한쪽의 border-radius를 만드는 과정이었습니다. 그 이유가 양쪽의 border-radius는 속성 값으로 쉽게 변경할 수 있는데, 한쪽만 주는 경우는 svg의 path로 직접 좌표로 그려주어야 했기 때문입니다. 그 예시가 다음과 같습니다. function rightRoundedRect(x, y, width, height, radius) { return "M" + x + "," + y + "h" + (width - radius) + "a" +..