vision-coding의 등록된 링크

키자드에 등록된 총 33개의 포스트를 확인하실 수 있습니다.

Tistory

폰트 추천 웹사이트 (무료 & 유료 폰트)

디자이너의 수집용품 폰트하지만 언제 다운 받았는지 기억도 안 나는 폰트가 허다하죠오늘은 폰트 탐색하기 딱 좋은 웹사이트 5개를 소개해드리려고 합니다!   ️그래도 역시 근본, 눈누 웹폰트부터 파일 폰트, 무료부터 유료까지 엄청난 양의 폰트를 찾을 수 있는 눈누!서체 미리보기 기능, 허용 범위 필터링으로 원하는 폰트 찾기 아주 쉬워요 회원가입하면 폰트 즐겨찾기 기능도 쓸 수 있답니다 https://noonnu.cc/ 눈누상업용 무료한글폰트 사이트noonnu.cc      깔끔한 웹 폰트 찾니? 구글 폰트 주로 웹사이트에 사용할 목적으로 폰트를 찾는다면, 구글 폰트를 꼭 확인하세요!정렬순서를 최신순으로 바꾸면 따끈따끈한 웹폰트를 만날 수 있어요 깔끔한 아이콘도 찾을 수 있으니 일석이조 (｡•̀..

원문보기 내부링크
Tistory

윈도우에 피그마 설치 & 폰트 추가하는 방법

프리텐다드 같은 폰트를 쓰고 싶었는데 그러려면 데스크톱에 설치를 해야한다고 해서 설치하는 피그마  최소 사양은 다음과 같습니다 (｡•̀ᴗ-)Windows 8.1 혹은 이상macOS 11 혹은 이상 1. 피그마 다운로드 Figma 다운로드 | 데스크톱 및 모바일용 웹 디자인 앱macOS 또는 Windows용 데스크톱에 Figma 웹 디자인 앱을 설치하세요. 그리고 글꼴 설치 프로그램과 디바이스 미리보기 앱도 다운로드하세요.www.figma.com 윈도우용 설치 프로그램을 클릭해서 다운로드 합니다  2. 데스크톱에서 열기다운로드가 완료되면 자동으로 로그인 창이 뜹니다Log in with browser 클릭하면 웹 로그인으로 이동합니다 웹에 로그인 정보가 저장이 되어 있으면 다시 데스크톱 앱으로 이동합니다 ..

원문보기 내부링크
Tistory

도커, 가상화 이해해보려고 노력하기

https://www.youtube.com/watch?v=zh0OMXg2Kog

원문보기 내부링크
Tistory

클로드로 게임 만들기 ( 2048 말고 6561)

클로드 AI로 게임을 만들어 봤습니다앤트로픽에서 공개한 간략 데모 영상만 봐도 재밌어 보여서 당장 해봤어요!  무료 버전도 가능하고, 한국어도 ChatGPT 보다 잘 알아듣는 것 같은 것은 기분탓...?저는 기존에 2048게임의 3 제곱 버전을 만들고 싶었어요뭔가 더 숫자가 크고 계산이 어려우니까 더 복잡하게 느껴지지 않을까..? 싶었죠   최종 게임 화면은 이렇습니다 https://www.youtube.com/watch?v=I6OrHiimG3M ️ 수정 사항 요청첫 결과물은 이러했습니다!틀은 잡혔지만, 버튼으로 이동해야 한다는 불편함과 처참한 굴림체가 저를 반겨주었어요..허허 게다가 1, 3, 9, 27 등 숫자가 늘어나도 색이 바뀌지 않으니, 게임의 진행 상황을 알기 어려웠습니다 1. 파이썬 대..

원문보기 내부링크
Tistory

고퀄 일러스트 사이트(엔피쯔소자이, 언드로우)

엔피쯔소자이연필로 그린듯한 일러스트 사이트https://enpitsu-sozai.com/ えんぴつ素材商用利用可能！おしゃれで可愛いえんぴつ手描きのフリーイラスト素材サイトです。enpitsu-sozai.com 일본 웹사이트라 그런지 일본 갬성 낭낭     프리픽 Freepik이제는 너무나도 유명한 무료 일러스트, 벡터, 사진 사이트https://www.freepik.com/ https://www.freepik.com/search?format=search&last_filter=query&last_value=plants&query=plants&selection=1&type=vectorCopyright 2010- 2024 Freepik Company S.L. All rights reserved .www.freepi..

원문보기 내부링크
Tistory

CSS Grid를 사용해 반응형 디자인을 구축하기

오늘은 CSS Grid를 사용해 반응형 디자인을 구축하는 방법에 대해 알아보려고 합니다. CSS Grid는 강력한 레이아웃 시스템으로, 복잡한 웹 페이지 레이아웃을 간단하게 만들 수 있도록 도와줍니다. 이 글에서는 CSS Grid의 기본 개념부터 시작해서, 실제 프로젝트에서 어떻게 활용할 수 있는지 구체적인 예제를 들어볼게요. CSS Grid란 무엇인가요?CSS Grid는 2차원 레이아웃 시스템으로, 행(row)과 열(column)을 사용하여 요소들을 배치할 수 있습니다. Flexbox가 1차원 레이아웃(단일 행 또는 열)을 다루는 데 비해, Grid는 2차원 레이아웃을 훨씬 쉽게 만들 수 있도록 도와줍니다.먼저, CSS Grid의 기본 개념을 알아볼까요?  그리드 컨테이너와 그리드 아이템 Grid 레이..

원문보기 내부링크
Tistory

HTML5에서 새롭게 추가된 기능들

오늘은 HTML5에서 새롭게 추가된 기능들을 탐구해보려고 합니다. HTML5는 웹 개발자들에게 많은 혁신적인 기능을 제공하여, 웹 애플리케이션의 성능과 사용자 경험을 크게 향상시킬 수 있게 해주었습니다. HTML5란 무엇인가요?HTML5는 HTML 표준의 최신 버전으로, 다양한 새로운 기능과 요소들을 포함하고 있습니다. 이 새로운 기능들은 웹 페이지를 더 인터랙티브하고, 동적으로 만들 수 있게 해주며, 사용자 경험을 크게 향상시킵니다. 이제 HTML5의 주요 기능들을 하나씩 살펴보겠습니다.  1. 멀티미디어 요소1.1 `` 요소HTML5에서는 웹 페이지에 비디오를 쉽게 삽입할 수 있는 `` 요소가 추가되었습니다. 이 요소를 사용하면 별도의 플러그인 없이도 비디오를 재생할 수 있습니다.html ..

원문보기 내부링크
Tistory

padding 속성으로 내부 여백 지정하기 (모든 경우의 수)

CSS에서 `padding`을 사용하여 요소의 내부 여백을 설정할 수 있습니다. `padding` 속성에는 네 개의 방향(위, 오른쪽, 아래, 왼쪽)에 대해 각각의 여백을 설정할 수 있습니다. 다양한 코드 조합을 통해 필요한 여백을 설정할 수 있으며, 그 조합들을 모두 정리해보았습니다! 1. 단일 값단일 값을 사용하면 모든 방향의 여백이 동일하게 설정됩니다.아래 코드는 요소의 모든 방향(위, 오른쪽, 아래, 왼쪽)에 20px의 여백을 설정합니다.padding: 20px; 2. 두 개의 값두 개의 값을 사용하면 첫 번째 값이 위와 아래 여백에, 두 번째 값이 왼쪽과 오른쪽 여백에 적용됩니다.아래 코드는 위와 아래 여백을 10px, 왼쪽과 오른쪽 여백을 20px로 설정합니다.padding: 10px 20px..

원문보기 내부링크
Tistory

맥 Homebrew 홈브루 설치

Homebrew는 macOS와 Linux용으로 개발된 패키지 관리자입니다. 이 프로그램은 사용자가 시스템에 소프트웨어 패키지를 쉽게 설치하고 관리할 수 있도록 도와줍니다. Homebrew는 주로 명령줄 인터페이스를 통해 사용되며, 다양한 오픈 소스 소프트웨어를 간편하게 설치하고 업데이트할 수 있게 해줍니다. 같이 맥에서 홈브루를 설치해보아요! 1. 웹 접속아래 링크로 들어갑니다. https://brew.sh/ HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh Install Homebrew 아래 코드를 복사합니다.  2. 터미널에 복사한 링크 넣기고 엔터맥 터미널은 Dock의 Launchpad에서 검색하면 뜹니다.  복사한 코드를 넣고 엔터..

원문보기 내부링크
Tistory

프록스목스 설치 (세세한 스텝 바이 스텝)

USB 디스크 굽기가 뭔지도 모르는 사람이 설치하는 프록스목스.. 참고한 글!https://svrforum.com/os/132771 서버용 가상화 OS Proxmox VE 설치하기.안녕하세요. 달소입니다. 오늘은 예~~전에 시도했다가 포기한 Proxmox는 들고왔습니다 ㅎㅎ Promox는 ESXi와 같은 가상화 OS이나 오픈소스로 무료사용이 가능한 점이 가장 큰데요. 오픈소스답게 ZFS, LXsvrforum.com  1. 프록스목스 다운로드최신 버전의 프록스목스를 다운로드 합니다.https://www.proxmox.com/en/downloads DownloadsProxmox VE 8.2 ISO Installer Version 8.2-1 File Size 1.39 GB Last Updated April 2..

원문보기 내부링크
Tistory

CSS 박스 모델

CSS 박스 모델은 웹 디자인에서 핵심적인 개념 중 하나로, 웹 페이지 내 모든 HTML 요소가 사각형 상자로 표현됩니다. 이 모델은 웹 페이지의 레이아웃을 구성하는데 필수적이며, 요소의 크기, 간격, 위치 등을 정밀하게 조정할 수 있게 해줍니다. 박스 모델을 이해하는 것은 효과적인 웹 페이지를 디자인하기 위한 기본이며, CSS를 활용한 깊이 있는 스타일링 능력을 배양하는데 도움을 줍니다. 박스 모델의 구성박스 모델은 네 가지 주요 구성 요소로 이루어져 있습니다: 콘텐츠(content), 패딩(padding), 테두리(border), 마진(margin).1. 콘텐츠(Content): 이는 요소의 실제 내용을 포함하는 영역으로, 텍스트, 이미지 또는 다른 요소들이 위치합니다. 이 영역의 크기는 `width..

원문보기 내부링크
Tistory

CSS 색상 활용법

CSS 색상 코드의 기초CSS에서 색상을 지정하는 방법은 크게 네 가지가 있습니다: 키워드, RGB, RGBA, HEX, HSL, HSLA입니다. 각각의 방법을 사용하여 원하는 색상을 정확하게 표현할 수 있습니다.1. 키워드(Keywords)가장 간단하고 직관적인 방법은 색상의 이름을 직접 사용하는 것입니다. 예를 들어, red, blue, green과 같이 일반적인 색상 이름을 사용할 수 있습니다.body { color: blue; background-color: lightgray;}  2. HEX 코드HEX 색상 코드는 # 다음에 6자리 또는 3자리의 16진수 값을 사용합니다. 이 방식은 웹 디자인에서 가장 널리 사용되며, 색상을 정확하게 지정할 수 있습니다.h1 { color: #F..

원문보기 내부링크
Tistory

애니메이션 버튼 만들기

CSS 애니메이션을 활용하여 버튼에 다양한 효과를 주는 것은 사용자 경험을 향상시키고 웹 페이지의 인터랙티브 요소를 강화하는 좋은 방법입니다. 여기서는 버튼에 호버(hover) 및 활성(active) 상태에서 애니메이션 효과를 주는 방법을 자세히 살펴보겠습니다. 1. button 스타일 지정background-color, border, color, padding 등을 사용해서 버튼의 평상 시 상태의 스타일을 작성합니다..button { background-color: #006769; /* 버튼의 기본 배경색 */ border: none; /* 테두리 없음 */ color: white; /* 텍스트 색상 */ padding: 15px 20px; /* 패딩: 상하 15px, 좌우 20p..

원문보기 내부링크
Tistory

체크박스, 라디오 버튼, 토글 스위치의 차이점

설문조사를 만들 때, 가장 먼저 알아야 할 체크박스, 라디오 버튼, 토글의 차이점과 활용법에 대해 알아봅시다.체크박스, 라디오 버튼, 토글 스위치는 모두 웹 폼에서 사용자 인터페이스 요소로 사용되지만, 그 사용 목적과 동작 방식은 다릅니다. 1. 체크박스 (Checkbox)- 체크박스는 하나 이상의 옵션을 선택할 수 있는 경우에 사용- 각 체크박스는 독립적이므로 여러 개의 체크박스를 동시에 선택하거나 해제할 수 있음예시 질문: "관심 있는 주제를 모두 선택하세요."와 같은 질문에 여러 개의 답변을 제공할 때. 예시 코드:옵션 1 옵션 2  옵션 1 옵션 2 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스  2. 라디오 버튼 (..

원문보기 내부링크
Tistory

커스텀 체크박스 만들기

체크박스는 여러 선택지를 다중으로 선택할 수 있는 인터페이스입니다.  체크 박스 예시  좋아하는 음식 돈까스 제육볶음 상하이 디럭스 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 1. 체크박스 위치와 나열 방법체크박스를 세로로 길게 나열하고, margin-bottom 속성으로 간격을 조정합니다./* 체크박스 컨테이너 스타일 */.checkbox-container { margin-bottom: 15px; /* 체크박스 ..

원문보기 내부링크
Tistory

[css] Display 종류와 예시

CSS의 display 속성은 다양한 값으로 요소를 표시하는 방법을 제어합니다.주요한 display 속성 값과 각각의 예시를 아래 HTML 코드에서 Display 요소만 변경하여 작성했습니다. 1. block블록 요소는 문단처럼 세로로 쌓이는 상자입니다.한 줄에 하나씩 있고, 너비를 지정할 수 있어요. block 예시 Block 1 Block 2 Block 3 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 2. inline인라인 요소는 문장 안에서 같은 줄에 들어가는 상자입니다.가로 너비는 내용의 크기에 따라 자동으로 결정돼요. ..

원문보기 내부링크
Tistory

[css] CSS의 구조 (선택자, 요소, 값)

CSS는 Cascading Style Sheets의 약자로, HTML이나 XML과 같은 마크업 언어로 작성된 문서의 스타일을 정의하는 스타일 시트 언어입니다. CSS는 웹 페이지의 레이아웃, 디자인, 색상, 폰트 등을 다룹니다. 이를 통해 웹 페이지의 디자인을 더욱 멋지게 만들고, 사용자 경험을 향상시킬 수 있습니다. CSS는 기본적으로 다음과 같은 구조로 이루어져 있습니다.선택자(Selectors)CSS 규칙의 첫 번째 부분으로, 스타일을 적용할 HTML 요소를 선택합니다. 선택자는 요소의 이름, 클래스, 아이디 등으로 정의됩니다. 속성(Properties)스타일을 적용할 HTML 요소의 특성이나 스타일 속성을 지정합니다. 폰트, 색상, 너비, 높이 등 다양한 스타일 속성을 지정할 수 있습니다. 값(V..

원문보기 내부링크
Tistory

[css] CSS 속성의 종류 (display, font 등)

CSS에는 많은 속성이 있지만, 가장 일반적으로 사용되는 CSS 속성과 그에 대한 일반적인 값들을 적어봤습니다. 1. 색상과 배경 속성(Color and Background Properties)   - color: 텍스트 색상    - background-color: 배경 색상    - background-image: 배경 이미지    - background-size: 배경 이미지 크기 조절    - background-position: 배경 이미지 위치 조절 2. 폰트와 텍스트 속성(Font and Text Properties)   - font-family: 글꼴    - font-size: 글꼴 크기    - font-weight: 글꼴 두께    - font-style: 글꼴 스타일    - tex..

원문보기 내부링크
Tistory

[css] 그라데이션 폰트 만들기

Gradient란?그라데이션(Gradient)은 CSS를 사용하여 요소에 부드러운 색상 변화를 적용하는 기술입니다. CSS 그라데이션은 다양한 색상을 블렌딩하여 그라데이션 효과를 만들어냅니다. 1. 선형 그라데이션(Linear Gradient)선형 그라데이션은 한 쪽 끝에서 다른 쪽 끝으로 색상이 서서히 변하는 효과를 만듭니다. 이는 linear-gradient() 함수를 사용하여 정의할 수 있습니다. 함수의 매개변수로는 그라디언트의 방향과 사용할 색상들을 지정합니다./* 위에서 아래로 그라데이션 */background: linear-gradient(to bottom, red, blue);/* 45도 각도로 그라데이션 */background: linear-gradient(45deg, red, blue);..

원문보기 내부링크
Tistory

색 조합 웹사이트 추천 (무료 웹사이트)

무료 컬러 팔레트 생성기 웹사이트 추천1. Coolorshttps://coolors.co/ Coolors - The super fast color palettes generator!Generate or browse beautiful color combinations for your designs.coolors.co연동되는 프로그램이 많은 것이 장점!사용자 정의 색상 팔레트 생성 및 저장 가능컬러 팔레트를 무작위로 생성하거나 특정 색상을 기반으로 생성다양한 팔레트를 찾고 공유할 수 있는 커뮤니티 기능 제공Adobe, Figma, Sketch와 같은 다른 디자인 도구와 호환 가능  2. Color Hunthttps://colorhunt.co/ Color Palettes for Designers and Art..

원문보기 내부링크
Tistory

CSS란 뭘까

CSS, 즉 Cascading Style Sheets는 웹 페이지의 레이아웃, 폰트, 색상 등을 조정하여 사용자에게 시각적으로 매력적인 경험을 제공하는 스타일시트 언어입니다. CSS가 중요한 이유웹 페이지를 만드는 데 HTML만으로도 충분할까요? 기술적으로는 가능하지만, 그 결과는 흰 배경에 검은 글자로 가득한 지루한 페이지일 것입니다. HTML은 웹의 골격을 구성하지만, CSS는 그 골격에 살을 붙이고 색을 입힙니다. 디자인은 사용자 경험의 핵심 요소이며, 매력적인 디자인 없이는 사용자의 관심을 끌기 어렵습니다. CSS는 이런 맥락에서 웹 페이지에 생명을 불어넣는 역할을 합니다. CSS 작동 원리CSS는 선택자와 선언 블록으로 구성됩니다. 선택자는 스타일을 적용할 HTML 요소를 지정하고, 선언 블록은..

원문보기 내부링크
Tistory

노션 폰트, 디자인 바꾸기 (무료)

노션 기본 폰트는 왜 마음에 안 드는 걸까.. 프리텐다드나, 노토 산스라도 지원해주면 참 좋겠다 이러한 고민을 해결해줄 노션 인핸서! 1. Notion Enhancer을 다운 받거나 크롬에 추가한다 나는 어차피 웹페이지에서 자주 사용하니까 크롬에 추가했다 크롬 확장프로그램 링크: https://chromewebstore.google.com/detail/notion-enhancer/dndcmiicjbkfcbpjincpefjkagflbbnl notion-enhancer an enhancer/customiser for the all-in-one productivity workspace notion.so chrome.google.com 2. 확장 프로그램에서 폰트를 찾아 켠다 확장 프로그램에서 폰트 선택기 fo..

원문보기 내부링크
Tistory

크롬 폰트/글씨체 바꾸기 (플러그인 없이)

크롬 점 세개 → 설정 혹은 URL 주소창에 chrome://settings/ 좌측 메뉴 중 모양 선택 → 글꼴 맞춤설정 원하는 폰트 선택하면 끝!

원문보기 내부링크
Tistory

IT 블로거를 위한 ChatGPT 프롬프트 작성 예시

IT 스타트업 블로그를 담당하고 있는 마케터에게 ChatGPT는 빠질 수 없는 툴입니다. 적절한 프롬프트만 있다면, 우리가 원하는 블로그 글 요소를 쭉쭉 뽑아낼 수 있습니다. ChatGPT 프롬프트는 무엇인가? 프롬프트는 컴퓨터에게 사용자가 말한 것을 이해하고 답변할 수 있도록 하는 문장입니다. ChatGPT의 프롬프트는 사용자와 모델 간의 대화를 유도하고 제어하는 데 사용되며, 사용자가 입력한 문장은 모델의 이해를 돕고 모델이 자연스럽고 의미 있는 응답을 생성하는 데 도움이 됩니다. ChatGPT 프롬프트를 잘, 정교하게 써야 하는 이유 프롬프트를 통해 모델에게 사용자의 의도나 문맥을 명확하게 전달할 수 있습니다. 이렇게 하면 모델이 더 정확하고 의미 있는 답변을 생성할 수 있습니다. 또한, 프롬프트를..

원문보기 내부링크
Tistory

3D 사람 캐릭터 리소스 사이트 (피그마 연동)

1) humans.wannathis.one무료 데모 버전도 있지만 더 다양한 포즈와 의상을 원한다면 유료 버전 구매가 필요하다 1회성 구매 $482 characters & dog82 different poses6 unique outfitsSuper Heroes12 short animationsFigma, Blender, PNG $10/월 정기 구독1회성 구매 혜택 + 1,200개 추가 에셋 + 매월 신규 디자인 증정    2) products.ls.graphics조금 더 몸이 동글동글하고 귀여운 그래픽사물 그래픽도 다수 있고, 일러스트 외 Mockup도 많으니까 꼭 한번 들려보시길 추천 1회성 구매 $5930+ Chacacters60+ Icons..

원문보기 내부링크
Tistory

[티스토리] 코드 블럭에 코드 복사 버튼 만들기

AligeJung님의 블로그를 참고하였는데, 일부 수정해서 올려본다!(원본글) 티스토리 코드 복사하는 버튼 만들기티스토리 스킨 편집하다가 검색 기능이랑 더 보기 기능이 눌리지 않아 티스토리 스킨을 복구하면서 기록을 남긴다. 혹시 모르니 이걸 보는 분들이 있다면 더 많은 기능을 추가하기 전에 보관 버agilejung.tistory.com 버튼 작동 방식코드 블럭 밖에 마우스 커서가 있을 때는 아래와 같이 반투명한 상태로 있다가, 코드 블럭 위로 커서가 올라오면 어두워지고, Copy 버튼 위로 커서가 올라오면 (Hover) 배경과 글씨의 색이 반전된다. 그리고 버튼을 클릭하면 Copied! 로 바뀌고 2초 뒤에 원래의 Copy 버튼으로 되돌아 온다.예시 1. clipboard.js 다운로드  2. CodeB..

원문보기 내부링크
Tistory

VScode 단축키 (맥용) Visual Studio Code

맥북에서 사용하는 Visual Studio Code의 단축키를 몇 가지 주요 카테고리로 나누어 보았다. 파일 및 편집파일 열기: Cmd + O 파일 저장: Cmd + S 파일 저장: Cmd + Shift + S열린 파일 모두 저장: Cmd + Option + S닫기: Cmd + W 전체 창 닫기: Cmd + K, W 되돌리기: Cmd + Z 재실행: Cmd + Shift + Z 잘라내기: Cmd + X 복사: Cmd + C 붙여넣기: Cmd + V 찾기: Cmd + F 찾기 및 바꾸기: Cmd + Option + F 다음 일치 항목 찾기: Cmd + G 이전 일치 항목 찾기: Cmd + Shift + G   창 및 탭새 창 열기: Cmd + N 사이드바 토글: Cmd + B 탭 사이 이동: Cmd + O..

원문보기 내부링크
Tistory

애플의 UI 디자인 에셋 파일 무료로 사용하기

애플이 개발자들, 디자이너와 마케터들을 위해 무료로 디자인 에셋들을 배포하고 있어요 오늘은 피그마로 애플 리소스를 가져오겠습니다 1. 공식 디자인 리소스 페이지 아래 사이트에 접속합니다 https://developer.apple.com/design/resources/ Apple Design Resources Design apps quickly by using Sketch and Photoshop templates, plug-ins, and preconfigured UI elements. developer.apple.com 2. 원하는 디자인 에셋 선택 iOS 및 iPadOS도 있고, 아래로 쭉 내리면 맥북 OS도 있어요 저는 디자인 템플릿 중 피그마 파일을 선택했습니다 에셋 불러오기 혹은 다운로드를 클릭..

원문보기 내부링크
Tistory

엘리멘토 섹션 필터링 만들기 (무료 플러그인)

그 어떤 섹션도! 필터링할 수 있다는 플러그인을 찾았습니다 홈페이지에서 섹션 분류를 만들고 싶을 때 유용하게 활용할 수 있는 무료 플러그인 1. 플러그인 다운로드 플러그인 소개 링크: https://danielvoelk.de/en/blog/create-a-filterable-team-section-in-elementor/ How to create a filterable team section in Elementor? You can get the layout as Elementor Template for free at the bottom of this post. danielvoelk.de 다운로드 페이지: https://danielvoelk.de/en/elementor-filter/ Free Eleme..

원문보기 내부링크
Tistory

토익 성적표 PDF 저장 with. 패러렐즈, 모두의 프린터

토익 성적표를 뽑으려고 했는데, PDF 저장이 안 되고 게다가 맥북이라서 아예 문서 창이 열리지도 않더라구요 https://modu-print.tistory.com/628 모두의 PDF v0.12 - 테스트 베타 모두의 PDF v.0.12 업데이트 입니다. 슬슬 완성에 가까워져 가는군요 .. 1. PDF오류 수정 기능 PDF파일은 역사가 꽤나 오래된 파일 포맷입니다. 최근에 들어서는 가장 보편적으로 많이 사용되는 문서 modu-print.tistory.com 모두의 프린터를 설치하고 패러렐즈에서 YBM창을 열어서 해봤더니 맥북 바탕화면에 PDF가 생성이 되었어요 다만 맥과 가상 윈도우의 폴더 연동을 해제해야합니다 *폴더 연동 설정하는 법* https://blog.naver.com/emily_1..

원문보기 내부링크
Tistory

워드에서 찾기/바꾸기 (글씨색, 글씨체 등) 워드 글씨체 바꾸기

오늘도 찾아온 맥북 초보자의 워드 배우기입니다 맥북에서 특정 단어 바꾸기, 단어의 색깔이나 글꼴 서식 등 바꾸기가 맥에서 어떻게 하는지! 맥북 워드 상단에 보면 '문서에서 검색'이 있습니다. 이게 바로 '찾기' 기능이에요! 저기 검색창에 바로 '단어'를 검색하니까 '단어'가 모두 하이라이트 됩니다 :) 그럼 바꾸기는 어케 하냐! 사이드바에서 바꾸고 싶은 단어를 위에, 바꿀 단어를 아래에 넣으면 됩니다. 그리고 바꾸기를 눌러주세요. 하지만 단어만 단순하게 바꾸는게 아니라, 글씨체/서식/글자색 등을 바꾸고 싶다면 톱니바퀴 버튼을 눌러 '고급 찾기 및 바꾸기'로 들어갑니다. 그럼 아래와 같은 창이 떠요! 찾을 내용을 기입하고, 바꿀 내용을 넣습니다. 저는 단어는 바꾸지 않고 색만 바꿀거기..

원문보기 내부링크
Tistory

메인 컬러 넣으면 색 조합 추천해주는 사이트

1. 머터리얼 디자인 https://m2.material.io/design/color/the-color-system.html#tools-for-picking-colors Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. m3.material.io 메인 컬러를 넣으면 서브 컬러를 추천해주고 서브까지 넣으면 그 외의 색 조합을 추천해준다 2. 컬러 스페이스 https://mycolor.space/ ColorSpace - Color Palet..

원문보기 내부링크
Tistory

중학생 엠티 나눔지 (미리캔버스 디자인 공유)

중등부 찬양팀 엠티 때 썼던 미리캔버스 나눔지 https://www.miricanvas.com/v/12t5o9x 우리 더! 친해지장께 www.miricanvas.com 하단에 + 누르고 복제하기 선택하면 쓸 수 있습니다 :)

원문보기 내부링크
1