본문 바로가기

분류 전체보기

(922)
Specific - 사용자 피드백에서 패턴 찾기 여러 채널의 사용자 피드백을 통합하여 실제 문제를 정확히 찾도록 지원 텍스트를 드래그하여 제품 기능에 연결. 각 주제 별로 그룹화. 실시간 협업 등 웹 전용 무료로 100개의 인사이트 연결. 유료는 월 $30부터 시작 Specific - 사용자 피드백에서 패턴 찾기 여러 채널의 사용자 피드백을 통합하여 실제 문제를 정확히 찾도록 지원 www.specific.app 일간 ProductHunt 일간 ProductHunt는 ProductHunt에 올라오는 상위 5개 제품을 요약해서 슬랙, 디스코드를 통해 메시지를 전달하고 노션을 통해 전송 내역을 저장해줍니다. ProductHunt는 전 세계 450만 명 이상의 IT 메이커 slashpage.com
Vite 사용 시 발생하는 "Cannot use import statement outside a module" 오류 supabase를 사용하다가 갑자기 위와 같은 오류가 생겼습니다. 정확히는 @supabase/supabase-js 라이브러리를 쓰기 시작하니까 벌어진 일인데요, ES모듈로 작성된 라이브러리를 vite가 처리하지 못했기 때문에 벌어진 일이었습니다. 해결 방법은 다음 두 가지 방법을 사용합니다. vite는 3.1.3 버전 기준입니다. 1. optimizeDeps 설정 vite.config.js에서 다음과 같이 설정해줍니다. export default { ... optimizeDeps: { include: ["@supabase/supabase-js"] } } 2. external 설정 마찬가지로 vite.config.js에서 다음과 같은 값을 추가합니다. export default { build: { exte..
프론트엔드 개발자를 위한 간단한 백엔드 구축, Table Backend 주로 프론트엔드 개발을 하시는 분들은 사이드 프로젝트를 만들 때 백엔드 없이 만들기 힘들기 때문에, Firebase부터 Supabase까지 많은 BaaS(Backend as a Service)가 등장하게 됐습니다. 데이터베이스, 인증, 저장소 등을 쉽게 구축할 수 있도록 해주죠. 이번에 소개할 Table Backend는 간단한 프로젝트를 위한 백엔드 서비스를 제공합니다. Table Backend는 인증이나 저장소 같은 기능을 제공하는 것은 아니고, 말 그대로 데이터베이스의 기능만을 제공합니다. 새 테이블을 생성합니다. csv 파일을 임포트해서 만들 수도 있습니다. 생성한 테이블의 대시보드 화면입니다. UI는 아주 심플하네요. 칼럼은 텍스트 그리고 위와 같은 유형들을 지원합니다. API는 기본적인 CRUD..
초보자를 위한 HTML & CSS 코드 생성기, htmlcss.tools 근데 진짜입니다. 되게 편리한 기능이 많아서 모든 기능을 공유해 봅니다. (사이트 링크) 초보자들한테 큰 도움이 될 듯 합니다. 개발자인 저도 몇몇 툴들은 도움이 되네요. CSS 속성이나 HTML 태그 관련 코드를 짤 때 섬세하게 테스트하고 코드를 복사할 수 있습니다. 생성기라는 것은 코드를 편리하게 생성하는 도구를 말합니다. datalist는 자동 완성과 select가 합쳐진 태그라고 보시면 되겠습니다. marquee 태그의 경우 앞으로 최신 브라우저에서 지원되지 않을 기능이기 때문에 참고만 하시는 것이 좋겠습니다. 프로덕트헌트(ProductHunt)를 주목해야 하는 이유 (Feat. 좋은 아이디어가 떠오르지 않는다면) 많은 사람들이 창업의 꿈을 꾸곤 합니다. 하지만 우리는 어떤 아이디어가 대박을 터트..
AI로 사진 찍는 카메라, 이게 뭔 소리지? Paragraphica 이게 뭐로 보이시나요? 저는 처음에 꽃게인줄 알았습니다... 😅 하지만 뒤를 보시면 카메라와 비슷하게 생긴 모습이 보입니다. 프로덕트헌트에 올라온 이 신기한 카메라는 위치 데이터와 AI를 이용하여 사진을 찍는 카메라라고 합니다. ㅎㅎ 무슨 말인지 이해가 안되죠? 메이커는 이 카메라를 이렇게 소개합니다. Paragraphica는 위치 데이터와 인공 지능을 사용하여 특정 장소와 순간의 "사진"을 시각화하는Context-to-Image 카메라입니다. 카메라는 실제 프로토타입과 시도할 수 있는 가상 카메라로 존재합니다. 그러니까, 우리가 아는 기본적인 카메라는 렌즈가 기본적으로 활용되지만, 이 카메라는 사진을 찍는 순간에 위치 데이터를 받아온 뒤 AI가 데이터를 바탕으로 시각화하는 겁니다. HTML 삽입 미..
판매 수익의 1%를 기후 변화 개선에 기부하고 싶다면? Humance Connect 기후 변화에 대한 경각심은 이미 뉴스로도 많이 접해보았을 겁니다. 여기, 판매 수익의 1%를 글로벌 기후 변화 개선에 기부하도록 도와주는 서비스가 있다면 어떨까요? 소비자의 91%가 긍정적인 영향을 미치는 회사를 선호하는 세상에서 Humance Connect라는 회사가 프로덕트헌트에 등장합니다. 이 서비스는 B2C 비즈니스를 대상으로 하며, 사진의 오른쪽 화면처럼 구매 금액의 1%를 기후 변화에 기부하는 캠페인을 CMS 플러그인 혹은 API로 연동할 수 있도록 해줍니다. 판매 금액의 1%를 이 회사에 납부하는 것이 아닙니다. 이 금액은 회사가 발급하는 카드를 통해 여러분의 회사가 직접 관리하기 때문에 투명성을 유지할 수 있습니다. 메이커의 말에 따르면 판매 금액의 일부를 기후 변화에 기부하는 캠페인은 평..
프로덕트헌트(ProductHunt)를 주목해야 하는 이유 (Feat. 좋은 아이디어가 떠오르지 않는다면) 많은 사람들이 창업의 꿈을 꾸곤 합니다. 하지만 우리는 어떤 아이디어가 대박을 터트릴 아이디어인지 확신이 서지 않거나, 더 이상 지금 시대에는 좋은 아이디어란 없다고 치부하는 경우도 종종 있습니다. 그럴 때 우리는 프로덕트헌트를 매일 들여다 봐야 합니다. 그 이유에 대해 설명해보고자 합니다. 프로덕트헌트는 IT 메이커 플랫폼입니다. 프로덕트헌트에는 전 세계 350만 명의 회원 수를 보유한 최대 IT 메이커 플랫폼입니다. 이곳에는 미국뿐만 아니라 중국, 인도, 프랑스 등 전 세계 다양한 회원들이 개인 혹은 팀을 이뤄 제품을 홍보하고 창업에 관해 토론합니다. 프로덕트헌트는 영감을 떠올리기 좋은 곳입니다. 프로덕트헌트는 매월 6,000개 넘는 IT 제품들이 새롭게 업로드됩니다. 그중에는 우리가 익히 잘 알고 ..
스트리머에게 돈 대신 선물 도네, Throne 여기 크리에이터와 팬들을 이어 주는 플랫폼이 있습니다. Throne이라는 플랫폼인데요, 팬들이 크리에이터에게 현금 대신 선물로 도네이션 할 수 있도록 이어주는 서비스라고 볼 수 있습니다. 틱톡, 트위치, 트위터, 유튜브, 인스타그램 유저를 대상으로 합니다. 크리에이터는 자신이 선물로 받고 싶은 제품들을 위시리스트로 등록합니다. 방송에 필요한 헤드셋이나 식품 등 종류가 다양합니다. 제품 가격이 비쌀 수도 있기 때문에, 크라우드펀딩으로 모금받는 방식도 지원하고 있습니다. 위시리스트 등록이 끝나면 이를 팬들에게 게시하고, 팬들은 현금 대신 크리에이터에게 즉각적으로 도움이 되는 선물 등을 지원할 수 있게 됩니다. 제품은 직접 입력하는 것은 아니고 아마존과 같은 외부 이커머스 플랫폼 데이터를 가져오는 것 같습니다..