Blog

홈페이지 블로그

홈페이지 기획부터 디자인과 제작까지, 실무에 필요한 정보를 정리합니다.

홈페이지 제작 쉽게 하는 방법 - CMS 종류와 특징
1,025홈페이지

홈페이지 제작 쉽게 하는 방법, CMS 종류와 특징

CMS로 홈페이지를 쉽고 빠르게 제작해보세요. 그누보드, 워드프레스, XE, 깃허브 페이지, 드루팔 등 인기 CMS의 특징과 선택 기준을 소개합니다. 인기 CMS 소개, 추천 CMS 목록, 그누보드 5, 워드프레스, XE3 등을 다룹니다.

홈페이지 디자인을 위한 최적 해상도 가이드
1,626홈페이지

홈페이지 디자인을 위한 최적 해상도 가이드

홈페이지 제작 시 화면 깨짐을 줄이기 위한 PC, 모바일, 태블릿 해상도 기준과 레이아웃 설계 포인트를 정리한 실무 가이드입니다. 데스크탑 PC, 스마트폰, MacBook Pro, 1440x900, Surface Pro 7, 912x1368 등을 다룹니다.

임베드 코드로 홈페이지에 다양한 콘텐츠 추가하기
1,562홈페이지

임베드 코드로 홈페이지에 다양한 콘텐츠 추가하기

임베드 코드를 활용해 유튜브, 지도, 소셜 콘텐츠를 홈페이지에 삽입하는 방법과 적용 시 주의사항을 예제 중심으로 정리했습니다. 소셜 미디어 게시물, Embed Responsively, Iframely 등을 다룹니다.

웹디자인 인사이트를 얻을 수 있는 국내외 유명 사이트
6,444홈페이지

웹디자인 인사이트를 얻을 수 있는 국내외 유명 사이트

국내외 웹디자인 레퍼런스 사이트를 모아 트렌드 파악, UI 벤치마킹, 프로젝트 기획 단계에서 바로 활용할 수 있게 정리했습니다. 국내 웹디자인 플랫폼, 글로벌 디자인 커뮤니티 및 어워드, 디자인 영감 및 리소스, 지디웹, 비핸스 등을 다룹니다.

티스토리로 무료 홈페이지 만드는 방법
685홈페이지

티스토리로 무료 홈페이지 만드는 방법

티스토리를 홈페이지처럼 운영하는 방법을 도메인 연결, 스킨 구성, 메뉴 설계, 유지관리 관점에서 단계별로 정리했습니다. 티스토리로 홈페이지를 만들면 좋은 점, 티스토리 홈페이지 만들기 단계별 안내, 어떤 용도로 활용할 수 있을까?, 티스토리의 한계와 향후 확장, 지금 바로 시작해 보세요! 등을 다룹니다.

Illustrator 없이 AI 파일을 웹용 SVG로 변환하는 쉬운 방법
1,594홈페이지

Illustrator 없이 AI 파일을 웹용 SVG로 변환하는 쉬운 방법

일러스트레이터 없이 AI 파일을 웹용 SVG로 변환하는 방법과 변환 후 코드 최적화, 웹 적용 시 주의사항을 정리했습니다. Illustrator 파일을 Inkscape로 여는 이유, 왜 Inkscape에서 만든 SVG를 Figma에서 다시 다듬는가?, Inkscape에서 AI 파일 열기 및 SVG 저장, Figma에서 SVG 다듬기, 웹 최적화를 위한 SVG 정리 등을 다룹니다.

그누보드
547홈페이지

그누보드, 20년 넘게 살아남은 국산 게시판의 모든 것

그누보드는 2003년 개발된 국산 오픈소스 CMS로, 커뮤니티·게시판 중심의 웹사이트 제작에 특화되어 있습니다. 무료로 사용할 수 있고 국내 결제 연동과 소셜 로그인이 기본 내장되어 있어 소상공인, 동호회, 커뮤니티 사이트에 적합합니다. 현재 그누보드 5가 주력 버전이며, 워드프레스보다 가볍고 한국 환경에 최적화되어 있지만 디자인 자유도와 SEO 기본 설정이 부족한 편입니다.

반응형 웹사이트 이미지 사이즈, 해상도 그리고 비율
1,573홈페이지

반응형 웹사이트 이미지 사이즈, 해상도 그리고 비율

웹사이트 이미지 제작 시 필요한 가로 폭 기준, 화면 비율 선택, WebP 변환, srcset 적용 방법을 사례 중심으로 정리한 실무 가이드입니다. 웹 이미지 사이즈 가이드, 웹 이미지 비율 안내, 최신 웹 이미지 트렌드와 최적화 전략, 컴퓨터 모니터 (16, SNS 프로필 및 포스트 (1 등을 다룹니다.

코딩 없이 홈페이지 만들기, 노코드 & CMS 도구 가이드
1,200홈페이지

코딩 없이 홈페이지 만들기, 노코드 & CMS 도구 가이드

노코드(no-code)는 코드를 직접 작성하지 않아도 홈페이지나 쇼핑몰을 만들 수 있는 방식입니다. 이 글에서는 노션, 구글 사이트, Webflow 같은 홈페이지 제작 도구부터 Wix, 아임웹, 카페24, Shopify 같은 쇼핑몰 제작 서비스, 그리고 워드프레스와 그누보드 같은 설치형 솔루션까지 쉽게 정리했습니다. 처음 홈페이지를 만들려는 분이라면 목적 정하기, 구조 계획, 도구 선택, 디자인 수정, 콘텐츠 작성, 도메인 연결, SEO 설정, 유지보수 순서로 준비하면 보다 수월하게 시작할 수 있습니다.

홈페이지 HTML 수정, 어디서부터 시작해야 할까?
612홈페이지

홈페이지 HTML 수정, 어디서부터 시작해야 할까?

홈페이지 HTML 파일을 직접 수정하는 방법을 단계별로 안내합니다. 텍스트, 이미지, 링크 수정부터 CSS, JavaScript, FTP 업로드, 테스트까지 실무자가 바로 적용할 수 있는 실용 가이드입니다. HTML 파일 수정 전 준비사항, 원본 파일 백업은 필수, HTML 코드 수정하기, CSS와 JavaScript 함께 수정, 수정된 파일 서버에 업로드 등을 다룹니다.

웹 디자인 한글 폰트, 산돌폰트
1,470홈페이지

웹 디자인 한글 폰트, 산돌폰트

산돌은 1984년 설립된 한국 최초의 폰트 회사로, 산돌고딕, 산돌명조, 산돌광수, 산돌비상, 산돌성경, 산돌제비 등 다양한 인기 폰트를 개발했습니다. 산돌고딕, 산돌명조, 산돌광수, 산돌비상, 산돌성경 등을 다룹니다.