lovable 맥북 바탕화면 포트폴리오 만들기
출근하자마자 팀장님이 주말동안 만드신 웹사이트 보여주시는데 아주 때깔이 좋길래 뭐 쓰셨냐 하니..Lovable AI라고 새로 나온 UI/UX용 AI라고 함다주말동안 크래딧 무제한 이벤트를 했다는데, 이걸 왜 지금 알려주시는지요 요즘 이런 맥북 화면같은 포트폴리오가 유행이기도 하고, 이거 만들기 참 어렵기 때문에 lovable로 해보면 어떨까 싶었다 웹사이트 접속 & 깃으로 가입https://lovable.dev/ LovableBuild software products, using only a chat interfacelovable.dev 어차피 깃으로 연동해서 볼거라 로그인은 깃으로! 프롬프트: make landing page for my portfolio. design as macbook main ..
cursor AI 사용기
설치 패키지 다운로드cursor은 위에 홈페이지에서 다운로드 가능합니다https://www.cursor.com/ Cursor - The AI Code EditorBuilt to make you extraordinarily productive, Cursor is the best way to code with AI.www.cursor.com nodejs가 깔려있어야 하니, nodejs도 같이 다운받아 줍니다https://nodejs.org/ko Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org
Figma Config 2025 핵심 요약
https://www.youtube.com/watch?v=i35O5aU6NvQ 피그마가 피그마 사이트, 메이크, 버즈, 드로우 라는 4개의 신제품을 발표하며 디자인, 개발, 콘텐츠 제작 도구의 경계를 허물고 있습니다. 특히 피그마 사이트는 디자인 시안을 웹사이트로 바로 퍼블리싱 할 수 있게 해 워드프레스와 같은 cms 없이도 웹사이트 구축이 가능하게 합니다. 피그마메이크는 AI 기반 프로토타입 제작을, 피그마버즈는 마케팅 템플릿대량 제작을 지원하며, 피그마드로우는 일러스트레이터와 유사한 벡터 디자인기능을 제공합니다. 이번 발표는 피그마가 디자이너 업무 영역을 확장하고 워크플로우를 가속화하려는 전략을 보여줍니다. 피그마는 사용자 니즈를 파악하고 생태계 통합을 통해 디자인 업계의 표준을 만들어가고 있습니다..
UTM 무료 오픈소스 가상머신 (윈도우, 우분투, 리눅스)
페러렐즈 대신 무료 오픈소스 가상머신 써보자!내 기준 프록스목스보다 설치 쉬웠음요 https://mac.getutm.app/ UTMSecurely run operating systems on your Macmac.getutm.app UTM 다운로드 및 설치위 링크에 들어가서 Download 클릭 설치파일을 애플리케이션에 드래그해서 드랍 설치가 되고 창이 열리면, 가상화 선택 원하는 운영체제를 선택합니다저는 윈도우가 필요해서 Windows를 선택했어요 보이는 모든 것에 체크해주세요!!특히 아래 ⭐️ 드라이버 및 SPICE는 꼭 선택하기 ⭐️추후 네트워크 설정 시 필요합니다첫번째 Windowns 11 ARM64 미리보기 VHDX 다운로드를 클릭해서 VHDX 파일을 다운 받습니다그 후 부팅 이미지 찾아보기에..
2025 디자이너라면 꼭 알아야 할 레퍼런스 사이트 9선
디자인이 막힐 때, 스타일이 떠오르지 않을 때, 영감이 고플 때.그럴 때마다 열어보게 되는, 디자이너의 '비밀 창고' 같은 사이트들이 있죠.그래픽 디자인부터 웹, 영상, 아트, UI/UX까지, 오늘은 분야별로 유용한 디자인 레퍼런스 사이트 10곳을 소개합니다.1. COSMOS – 취향 저격, 완성도 높은 작업물 큐레이션그래픽 디자인뿐만 아니라 영상, 사진, 아트 등 다양한 창작 분야의 레퍼런스를 한눈에 볼 수 있는 사이트예요.AI 기반 추천 기능이 있어, 사용자의 스타일에 맞춘 작업물을 자동으로 큐레이션해 줘요.협업 기능이나 그리드 레이아웃 조절 등 일부 유료 기능도 있지만, 무료 버전만으로도 충분히 높은 퀄리티의 영감을 얻을 수 있어요.🔹 장점: 큐레이션 기반 추천, 직관적인 인터페이스, 다양한 장르..
python을 활용한 파워포인트 → PNG로 만들기 (프로프리젠터 방송용)
발표용 슬라이드를 만드는 경우, 흰 배경보다 검은 배경 + 흰 글자가 훨씬 시인성이 좋을 때가 많습니다.하지만 이 슬라이드를 PNG 이미지로 뽑을 때, 배경은 제거하고 텍스트만 투명하게 남기고 싶은 경우가 있죠.최근에는 이를 위해 remove.bg, rembg, 또는 Inkscape 같은 AI 기반 도구를 사용하지만 정확도가 아직은 떨어집니다.저는 이번에 AI를 전혀 쓰지 않고, 커맨드라인만으로 자동 변환하는 방법을 정리해보았습니다. PowerPoint 설정슬라이드 배경을 검정색으로 전부 설정합니다. [배경색]은 검은색디자인 → 배경 서식 → 단색 채우기 (색상 선택에서 검정 (#000000) 선택)*서식창 하단에 '모두 적용' 클릭[글자색]은 흰색텍스트를 모두 선택한 후 글자색을 흰색(#FFFFFF) ..
word-break 종류
normal긴 문장이 줄바꿈 없이 부모 컨테이너 너비를 초과하지 않는 한 자연스럽게 문장이 다음 줄로 넘어갑니다기본 줄 바꿈 규칙(normal)은 CJK 언어의 중단점은 음절(일본어는 문자)이고, Non-CJK 언어의 중단점은 공백입니다 123456789 가나다라마바사아자차카타파하 abcdefghijklmnopqrstuvwxyz 일이삼사오육칠팔구십 자축인묘진사오미신유술해 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스break-all공백이 아닌 임의의 위치에서도 줄바꿈이 발생할 수 있습니다한국어 문장이 단어 중간에서 끊어져도 상관없는 경우 사용됩니다 123456789 가나다라마바사아자차카타파하 abcd..
티스토리 코드 박스 디자인 스타일 변경 (코드 수정 X)
티스토리 플러그인 수정티스토리 관리 창에서 플러그인 메뉴 선택 코드 문법 강조 플러그인 선택원하는 스타일 선택드롭다운 메뉴를 선택해서 원하는 스타일을 찾으세요
생키 다이어그램 (무료 온라인 프로그램)
생키 다이어그램이란?생키 다이어그램은 데이터 흐름을 나타내는 다이어그램 유형 중 하나입니다매출액, 지원자 수, 판매량 등 큰 줄기가 하나 있고, 그것이 어떻게 나눠지는지 나타내기 좋은 다이어그램 유형이에요 제가 즐겨보는 경제 매거진 에크케 ekke에서 자주 사용하는 다이어그램입니다 오늘은 무료 온라인 툴 생키매틱 SankeyMatic을 사용해서 이 다이어그램을 직접 만들어볼게요! 1. 값 작성법우선 생키 매틱에 들어갑니다https://sankeymatic.com/ SankeyMATIC: Make Beautiful Flow Diagramssankeymatic.com 다이어그램 유형이 4가지가 나옵니다여기서 Total Revenue 유형을 선택 다이어그램 Inputs에 있는 내용은 모두 삭제합니다 내..
페이퍼로지 폰트 워드프레스 추가 (엘리멘토)
페이퍼로지 뿐만 아니라 원하는 폰트 다 가능한 방법입니다필요한 파일은 Variable 혹은 WOFF와 TTF 파일이에요 1. 페이퍼로지 폰트 WOFF2. TTF 파일 다운로드아래 두 파일 모두 다운로드 후 압축 파일 풀기 2. 폰트 업로드Elemtor 엘리멘토 메뉴 → Custom Fonts 커스텀 폰트 → ADD NEW 새로 추가 원하는대로 폰트 이름 지정하고 Add Static Font 클릭참고로 Variable 폰트가 있다면 하나만 올리면 됩니다 (예. 프리텐다드) 폰트 두께 지정하고 WOFF2 파일과 TTF 파일을 알맞게 업로드하기 처음 폰트 올릴 때, 9가지 다 선택하고 업로드 해놓으면 나중에 편해요이렇게 하나하나 콕콕 찍어서 업로드 올리고 나면 위에 확장명에 쓰여진 두께가 지정한 WE..
노션 캘린더 반복 일정 (격주, 매주, 매월)
1. 노션 템플릿 생성캘린더의 우측 상단에 👉🏻새로 만들기 👉🏻새 템플릿 이름과 내용을 쓰되, 날짜는 비워두고 저장저장은 바깥 창을 누르면 닫히면서 알아서 저장됩니다.2. 규칙 추가그리고 다시 👉🏻새로 만들기를 누르면 템플릿이 추가되어 있어요옆에 •••을 눌러 편집하여 반복을 눌러서 반복 규칙을 추가하면 끝
무료 3D 아이콘, 벡터, 일러스트 사이트
1. Icons Icons (아이콘즈 아이콘즈)https://icon-icons.com/ko/ 무료 아이콘 SVG, PNG, ICO 또는 ICNSMingCute building - filledicon-icons.com홈페이지 상단의 아이콘 스타일에 3D로 들어가면 3차원 아이콘이 모두 보여요! #iconsicons2. Free 3D icon카테고리는 없고 직접 키워드를 입력해서 찾아야 함ㅠㅠhttps://free3dicon.com/ 3D icons and icon paks - Free3DiconAll 3D icons you need in one place. This is a collection of free, beautiful, trending 3D icons, that you can use in any..
[맥] 토익 성적표 PDF 저장 with. 패러렐즈, 모두의 프린터
*2025-05-21 업데이트패러렐즈의 유료화 및 구독형 전환으로.. 오픈소스 대체제를 찾았습니다내 맥북에 가상 윈도우 만드는 무료 오픈소스 가상화https://vision-coding.tistory.com/52 UTM 무료 오픈소스 가상머신 (윈도우, 우분투, 리눅스)페러렐즈 대신 무료 오픈소스 가상머신 써보자!내 기준 프록스목스보다 설치 쉬웠음요 https://mac.getutm.app/ UTMSecurely run operating systems on your Macmac.getutm.app UTM 다운로드 및 설치위 링크에 들어가서 Dovision-coding.tistory.com 토익 성적표를 뽑으려고 했는데, PDF 저장이 안 되고 게다가 맥북이라서 아예 문서 창이 열리지도 않더라구요ㅠㅠ..
GIF로 화면 캡쳐하는 프로그램 screentogif, LICEcap
알캡쳐 잘 쓰고 있지만, GIF로 저장이 되지 않는 아쉬움이 있어서 찾아본 GIF 캡처 프로그램 윈도우 유저라면 Screen To Gifhttps://www.screentogif.com/ ScreenToGif - Record your screen, edit and save as a gif or videoFree screen recorder tool. Record, edit and save as a gif or video.www.screentogif.com 우선 윈도우 유저를 위한 Screen To Gif는 위에 홈페이지에서 다운받을 수 있어요. Installer을 다운 받고 실행합니다. 신기하게도 언어를 영어로 지정하고 설치했는데, 한국어로 콘솔이 나와요 :) 녹화 기능프레임레이트, 화면 크기 등을..
도커, 가상화 이해해보려고 노력하기
https://www.youtube.com/watch?v=zh0OMXg2Kog
윈도우에 피그마 설치 & 폰트 추가하는 방법
프리텐다드 같은 폰트를 쓰고 싶었는데 그러려면 데스크톱에 설치를 해야한다고 해서 설치하는 피그마*최소 사양은 다음과 같습니다*Windows 8.1 혹은 이상macOS 11 혹은 이상1. 피그마 다운로드 Figma 다운로드 | 데스크톱 및 모바일용 웹 디자인 앱macOS 또는 Windows용 데스크톱에 Figma 웹 디자인 앱을 설치하세요. 그리고 글꼴 설치 프로그램과 디바이스 미리보기 앱도 다운로드하세요.www.figma.com 윈도우용 설치 프로그램을 클릭해서 다운로드 합니다 2. 데스크톱에서 열기다운로드가 완료되면 자동으로 로그인 창이 뜹니다Log in with browser 클릭하면 웹 로그인으로 이동합니다 웹에 로그인 정보가 저장이 되어 있으면 다시 데스크톱 앱으로 이동합니다 짜자잔... 3...
폰트 추천 웹사이트 (무료 & 유료 폰트)
디자이너의 수집용품 폰트, 하지만 언제 다운 받았는지 기억도 안 나는 폰트가 허다하죠😥오늘은 폰트 탐색하기 딱 좋은 웹사이트 5개를 소개해드리려고 합니다! 🖋️그래도 역시 근본, 눈누 웹폰트부터 파일 폰트, 무료부터 유료까지 엄청난 양의 폰트를 찾을 수 있는 눈누!서체 미리보기 기능, 허용 범위 필터링으로 원하는 폰트 찾기 아주 쉬워요 회원가입하면 폰트 즐겨찾기 기능도 쓸 수 있답니다 🐥https://noonnu.cc/ 눈누상업용 무료한글폰트 사이트noonnu.cc 🔎 깔끔한 웹 폰트 찾니? 구글 폰트 주로 웹사이트에 사용할 목적으로 폰트를 찾는다면, 구글 폰트를 꼭 확인하세요!정렬순서를 최신순으로 바꾸면 따끈따끈한 웹폰트를 만날 수 있어요 깔끔한 아이콘도 찾을 수 있으니 일석이조 (..
프록스목스 설치 (세세한 스텝 바이 스텝)
USB 디스크 굽기가 뭔지도 모르는 사람이 설치하는 프록스목스.. 참고한 글!https://svrforum.com/os/132771 서버용 가상화 OS Proxmox VE 설치하기.안녕하세요. 달소입니다. 오늘은 예~~전에 시도했다가 포기한 Proxmox는 들고왔습니다 ㅎㅎ Promox는 ESXi와 같은 가상화 OS이나 오픈소스로 무료사용이 가능한 점이 가장 큰데요. 오픈소스답게 ZFS, LXsvrforum.com1. 프록스목스 다운로드최신 버전의 프록스목스를 다운로드 합니다.https://www.proxmox.com/en/downloads DownloadsProxmox VE 8.2 ISO Installer Version 8.2-1 File Size 1.39 GB Last Updated April 24,..
