개발 연구소

안녕하세요! 오늘은 공들여 만든 크롬 익스텐션을 마이크로소프트 엣지(Edge) 스토어에 아주 쉽게 이식하는 방법을 공유해 보려고 합니다.많은 분이 "크롬용인데 엣지에서도 돌아갈까?" 고민하시지만, 사실 둘 다 Chromium 기반이라 코드를 고칠 필요가 거의 없습니다. 무엇보다 엣지는 등록비가 무료라는 점! 추가 비용 없이 사용자 층을 넓힐 기회이니 바로 따라와 보세요. 1. 마이크로소프트 파트너 센터 가입먼저 MS 파트너 센터에서 개발자 계정을 만들어야 합니다. 구글은 최초 1회 5달러를 결제해야 하지만, MS는 무료로 열려 있습니다.체크: 가입 시 개인 개발자(Individual)로 등록하세요. 승인 프로세스가 있을 수 있으니 미리 가입해 두는 것이 정신 건강에 이롭습니다. 1. 접속 및 로그인M..

구글 익스텐션(Chrome Extension) 등록 과정, 처음 하시는 분들도 따라 하기 쉽게 핵심만 콕콕 집어서 정리해 드릴게요. 블로그에 바로 올리실 수 있도록 구성해 봤습니다. 🛠️ 구글 익스텐션 등록, 5단계면 끝! (초보자 가이드)내가 만든 유용한 도구를 전 세계 사람들과 나누고 싶나요? 어렵게 느껴지는 구글 익스텐션 등록, 생각보다 간단합니다. 이 순서대로만 따라오세요! 1단계: 내 프로젝트 '압축'하기 (ZIP)등록 전 가장 먼저 할 일은 내 소스 코드 폴더를 ZIP 파일로 압축하는 것입니다.주의: manifest.json 파일이 압축 파일의 가장 바깥(Root)에 있어야 합니다. 폴더를 통째로 압축하지 말고, 폴더 안으로 들어와서, 내용물들을 선택해서 압축하세요. 2단계: 개발자 계정 ..

사용자 이탈을 줄이는 실전 가이드웹 서비스를 처음 방문했을 때“무엇부터 해야 할지 모르겠다”라는 느낌이 들면,사용자는 대부분 아무 행동도 하지 않고 페이지를 떠나게 됩니다. 이러한 문제를 해결하기 위해 많은 서비스에서는웹 페이지 튜토리얼(Onboarding / In-app Guide) 을 활용하고 있습니다. 이번 글에서는웹 페이지 튜토리얼을 어떤 방식으로 구성해야 하는지,그리고 실무에서 실제로 많이 사용되는 구조와 구현 방법을 정리해 보겠습니다.웹 페이지에 튜토리얼이 필요한 이유서비스 기능이 많아질수록 사용자의 학습 부담은 커집니다.설명이 부족하면 사용자는 기능의 존재조차 인식하지 못합니다.첫 방문에서 이해하지 못한 서비스는 재방문 확률이 크게 낮아집니다.따라서 튜토리얼의 목적은모든 기능을 설명하는 것이..

오늘은 Google의 강력한 AI 모델인 Gemini를 내 터미널(Terminal)에 깔아두고, AI 비서처럼 사용하는 방법에 대해서 알아보겠습니다. 설치과정을 최대한 상세하게 작성했습니다. 1. 💾 설치하기 (30초 컷)Node.js가 설치된 환경이라면 npm으로 아주 간단하게 설치 할 수 있습니다. (Node.js 가 없다면, https://nodejs.org 해당 사이트로 이동해서, 자신의 컴퓨터에 맞는 환경을 다운 받습니다!) node.js가 있다면, 1. 터미널을 열고 아래 명령어를 실행 시키세요. npm i -g @google/gemini-cli node.js에 문제가 없다면, 설치가 완료 될텐데. gemini --version 이라는 명령어를 입력해서 버전 정보가 뜬다면 성공! ..

1. 티스토리 상단 오른쪽 닉네임 옆 아이콘을 클릭해줍니다. 2. 아래와 같은 화면이 펼쳐지면 [계정 관리]를 클릭해줍니다. 3. [새 블로그 만들기] 버튼을 클릭합니다. 4. 다음 창이 열리면 끝입니다.