indietools

shadcn에서 제공하는 기본 theme 뿐만 아니라, 내가 원하는 색상의 custom color를 쉽게 사용하는 방법에 대해서 알아보겠습니다. shadn에 대한 자세한 설명은 지난 1편과 2편에서 소개하였으니, 좀 더 자세한 내용이 알고 싶으신 분들은 1편과 2편을 참고해 주세요.

2주간의 “plug finder” 사이드 프로젝트를 통해서 실제로 Programming SEO를 적용해 보았습니다. 사용된 기술 스택, SEO를 최적화한 방법과 구체적인 성과까지 자세하게 공유해 드립니다.

구식인줄만 알았던 SEO. Zaiper와 EquityZen이 접근하는 방식을 내 스타일대로 사이드 프로젝트에 적용해보려고한다. 하나하나 컨텐츠에 집중하지 않고, 빠르게 구글 검색 엔진에 노출되는 방법을 하나씩 알아 가보자. 덤으로 돈들이지 않고, 서비스 만드는 방법까지

저와 같이 디자인 능력이 한없이 부족한 개발자에게 매번 사이드 프로젝트마다 혼자서 로고를 만드는게 이만저만 어려운 것이 아닙니다. 그럼에도 불구하고, 요즘 AI가 많이 발전함에 따라 디자이너가 아니더라도, 예전보단 조금 더 이쁜 로고를 만들 수 있게 되었는데, 그 중 무료로 로고를 만들 수 있는 3가지 방법(IconBuddy, Canva, ChatGPT)에 대해서 소개해 보려고 합니다.

지난번 포스팅에서 이야기했던 복사 붙여넣기만으로 완성되는 UI: Shadcn UI 사용기 에서 소개했던 Shadcn UI에서 새로운 컴포넌트 4가지가 발표되어서 가볍게 알아보려고 합니다. 지난 번과 마찬가지로 이번 컴포넌트 역시 코드 전체를 내 코드에 붙여넣는 방식(커스터마이징)으로 진행되며, Drawer, Carousel, Pagination, Resizable, Sooner 컴포넌트가 추가 되었습니다.

사이드 프로젝트를 지도 기반 서비스로 하였다보니, naver map과 kakao map 간에 고민이 많았는데, Next에서 좀 더 사용하기 쉽게 설정되어 있는 react-kakao-map 라이브러리를 사용하여 프로젝트를 만들어 보았습니다.

사이드 프로젝트를 json 파일을 기반으로한 SSG 페이지를 SSR로 변경하면서 Supabase로 백엔드를 구성했습니다. 빠르고, 싸게 서비스를 구성할 있었지만, 그에 못지 않게 불편한 점 혹은 조심해야 할 점들을 공유해보도록 하겠습니다.

최근에 여러 사이드 프로젝트(파크골프가자, nomorebg) 를 하면서 하면서 해외에서 핫한 shadcn을 접하게 되었고, 기존의 어떤 프로젝트보다 빠르게 웹 UI를 구성할 수 있었습니다. shadcn이 갖고 있는 몇가지 특징과 그리고 한계에 대해서 알아보도록 하겠습니다.