탐구하는 취르미

[Utility] 눈누 무료 폰트 6가지 추천｜상업적 이용 가능한 폰트 다운로드와 저작권 확인 방법

블로그나 인스타그램 콘텐츠, 유튜브 썸네일을 만들다 보면 디자인만큼 신경 쓰게 되는 것이 바로 폰트다.같은 문구라도 어떤 글꼴을 사용하느냐에 따라 분위기와 가독성이 달라진다. 특히 콘텐츠를 제작할 때는 디자인뿐 아니라 폰트의 상업적 이용 가능 여부도 함께 확인해야 한다.이번에는 상업적으로 사용할 수 있는 한글 폰트를 찾을 수 있는 눈누(noonnu) 사이트를 소개하고, 폰트 다운로드 방법과 라이선스 확인 기준, 콘텐츠 제작에 활용하기 좋은 무료 폰트 6가지를 정리해 보려고 한다.1. 눈누(noonnu) 란?눈누는 상업적 이용이 가능한 한글 폰트를 쉽게 검색하고 비교할 수 있도록 모아놓은 사이트다. 눈누상업적 이용 가능한 한글 폰트를 쉽게 찾아보세요.noonnu.cc 폰트 제작사나 디자이너가 배포하는 다양..

[Utility] 캡컷(CapCut) PC 사용법 총정리｜영상 자르기부터 자막, 음악, 내보내기까지

영상 편집을 공부하면서 가장 먼저 살펴본 프로그램은 캡컷(CapCut)이다.캡컷은 영상 자르기, 자막 삽입, 배경음악, 화면 전환 효과 등 숏폼 제작에 필요한 다양한 기능을 제공하는 영상 편집 프로그램이다.이번 포스팅에서는 캡컷 PC 버전을 기준으로 영상 불러오기부터 컷 편집, 자막과 음악 추가, 최종 영상 저장까지 기본 사용법을 정리해 보려고 한다. 1. 캡컷 설치 및 새 프로젝트 만들기먼저 아래 캡컷 공식 홈페이지에서 PC 버전을 다운로드해 설치한다. CapCut 데스크톱 | Dreamina Seedance 2.5를 탑재한 강력한 AI 사진 및 동영상 에디터전문 동영상 크리에이터를 위한 최첨단 도구 종합적인 툴킷: 풍부한 동영상 편집효과, 스마트 검색, 정밀한 컬러 휠, 키프레임 및 곡선, 숏컷 등 ..

Vue 컴포넌트를 공부하면서 부모에서 자식으로 데이터를 전달하는 props에 대해 알아봤다. [Vue] Vue3 + TypeScript 컴포넌트 기초 정리 | Props, Slot, v-if, v-for 이해하기Vue 프로젝트를 작업하다 보면 props, v-if, v-for, slot 같은 문법을 정말 자주 만나게 된다.처음에는 각각 따로 외우다 보니 헷갈렸는데, 실제로 컴포넌트를 하나 만들어보면서 정리해 보니 결국 핵심dev-chim.tistory.com 이전 포스팅에서 반대로 자식 컴포넌트에서 발생한 이벤트나 데이터를 부모 컴포넌트에 전달하려면 어떻게 해야 할까?이때 사용하는 것이 emit이다.이번 글에서는 Vue3의 defineEmits를 활용해 자식 컴포넌트에서 부모 컴포넌트로 이벤트와 데이터를..

인스타그램 릴스나 유튜브 쇼츠를 제작할 때 영상만큼 중요한 것이 썸네일이다. 콘텐츠의 첫인상을 결정하는 요소인 만큼 눈에 잘 띄는 제목과 통일된 디자인이 필요하다.그렇다고 매번 디자인 프로그램을 사용해 처음부터 작업하기에는 번거로울 수 있다.이번 글에서는 미리캔버스에서 숏폼·릴스용 무료 템플릿을 찾아보고, 직접 썸네일을 편집한 뒤 PNG 이미지로 저장하는 방법까지 정리해 보려고 한다.1. 미리캔버스미리캔버스는 다양한 디자인 템플릿과 이미지, 글꼴, 그래픽 요소를 제공하는 온라인 디자인 플랫폼이다.블로그 썸네일, 인스타그램 피드, 카드뉴스, 유튜브 썸네일, 프레젠테이션 등 여러 콘텐츠를 제작할 수 있다.무료 요금제로도 시작할 수 있으며, 일부 프리미엄 템플릿과 콘텐츠, 기능은 유료 요금제가 필요하다. ..

증권·금융 관련 프로젝트를 작업하다 보면 주가 변동, 투자 수익률, 자산 비중 등 다양한 데이터를 시각적으로 표현해야 하는 경우가 많다.차트는 복잡한 수치를 직관적으로 전달하고, 데이터의 흐름과 변화를 쉽게 파악할 수 있도록 도와주는 중요한 UI 요소다.최근 Vue3 + Nuxt 기반의 증권 프로젝트를 진행하면서 Highcharts를 활용해 막대 차트, 스택형 차트, 도넛 차트 등 다양한 데이터 시각화 UI를 구현했다.처음에는 데이터를 차트로 출력하는 정도였지만, 디자인 시안에 맞춰 작업하다 보니 막대 너비와 간격, 그라데이션, 툴팁, SVG 라운드 처리 등 생각보다 많은 옵션을 다루게 되었다. 이번 글에서는 실제 프로젝트에서 자주 사용했던 Highcharts의 주요 속성과 커스터마이징 방법을 정리해 보..

최근 AI를 활용한 콘텐츠 제작에 관심이 생기면서 다양한 도구를 하나씩 사용해보고 있다.블로그와 숏폼 콘텐츠를 제작하다 보면 썸네일이나 카드뉴스처럼 반복해서 만들어야 하는 디자인 작업이 꽤 많다.매번 처음부터 디자인하기보다는 일정한 템플릿을 만들어두고 사진과 텍스트만 교체하면 훨씬 효율적이지 않을까?그러다 ChatGPT에서 Figma를 연결해 디자인 작업을 요청할 수 있다는 것을 알게 됐다.이번에는 ChatGPT와 Figma를 연결하고, 실제로 편집 가능한 썸네일 템플릿 제작을 요청해 본 과정을 정리해보려고 한다. ChatGPT와 Figma를 연결하면 무엇을 할 수 있을까? Figma: The collaborative canvas for design, code, and AIFigma is the canv..