본문으로 건너뛰기
피클웹
피클웹 소개
서비스 소개고객사 프로젝트오시는 길
서비스 안내
홈페이지 제작쇼핑몰 제작수정 및 유지보수검색등록 최적화웹호스팅 관리
포트폴리오
홈페이지 제작 사례쇼핑몰 제작 사례홈페이지 유지보수 사례SEO 사례
문의 및 도움말
견적 문의자주 묻는 질문피클웹 블로그결제 안내
제작 상담
피클웹
Contact
  • 온라인 상담
  • 02-304-3265
Channel
  • 네이버 블로그
  • 카카오톡 채널
Company
  • 제이에스웍스
  • 대표자. 김중환
  • 서울시 마포구 양화로 64, 8층
  • 사업자. 105-09-39050
  • 통신판매업. 2017-서울마포-1888
© 제이에스웍스. 2026
개인정보처리방침이용약관고객지원

Search

"웹 디자인" 검색 결과

총 24건의 결과가 있습니다.

웹 디자인 한글 폰트, 산돌폰트
웹 디자인 한글 폰트, 산돌폰트
Blog2개월 전1,452
산돌은 1984년 설립된 한국 최초의 폰트 회사로, 산돌고딕, 산돌명조, 산돌광수, 산돌비상, 산돌성경, 산돌제비 등 다양한 인기 폰트를 개발했습니다. 산돌고딕, 산돌명조, 산돌광수, 산돌비상, 산돌성경 등을 다룹니다.
윤폰트로 만드는 아름다운 웹 디자인
윤폰트로 만드는 아름다운 웹 디자인
Blog2개월 전1,115
윤디자인은 1989년 설립된 글꼴 제작 회사로, 윤명조, 윤고딕, 서울서체 등의 글꼴을 제공하며 폰트 온라인 스토어 폰코를 운영합니다. 윤고딕 700, 윤고딕 300, 윤명조 300 등을 다룹니다.
디자이너들이 즐겨 찾던 참고 사이트
디자이너들이 즐겨 찾던 참고 사이트 모음, 웹디자인부터 산업, 인테리어까지
Blog5개월 전203
디자이너들이 실무에서 즐겨 찾는 참고 사이트는 포트폴리오 쇼케이스(Behance, Dribbble, Awwwards, ArtStation, DeviantArt), 디자인 매거진(Dezeen, Designboom, Smashing Magazine, Netdiver, 디자인로그), 이미지·…
카페24 HTML 편집
카페24 쇼핑몰 페이지, 파일질라와 코드 편집기로 직접 수정하기
Blog2개월 전68
카페24 쇼핑몰 페이지 수정 시 파일질라를 이용한 FTP 접속 과정과 스마트디자인 코드 편집기 사용법을 화면 단계별로 설명합니다. 수정 전 디자인 보관함에서 백업하는 방법과 두 방식의 차이도 함께 정리했습니다.
반응형 웹사이트 이미지 사이즈, 해상도 그리고 비율
반응형 웹사이트 이미지 사이즈, 해상도 그리고 비율
Blog2개월 전1,565
웹사이트 이미지 제작 시 필요한 가로 폭 기준, 화면 비율 선택, WebP 변환, srcset 적용 방법을 사례 중심으로 정리한 실무 가이드입니다. 웹 이미지 사이즈 가이드, 웹 이미지 비율 안내, 최신 웹 이미지 트렌드와 최적화 전략, 컴퓨터 모니터 (16, SNS 프로필 및 포스트 …
홈페이지와 쇼핑몰을 위한 무료 폰트 다운로드
홈페이지와 쇼핑몰을 위한 무료 폰트 다운로드
Blog2개월 전990
구글, 네이버, 눈누, 카페24 등에서 제공하는 상업적 무료 사용 가능한 한글, 영문 폰트와 웹폰트를 소개합니다. 저작권 걱정 없이 웹사이트와 쇼핑몰에 적용하세요. 무료 폰트를 찾고 적용하는 방법, 오픈소스와 공공기관 무료 서체, 무료 폰트 선택 시 확인할 점, 웹폰트 라이브러리 및 폰…
숏폼 영상 비율과 웹사이트 설계 가이드
숏폼 영상 비율과 웹사이트 설계 가이드
Blog2개월 전1,028
숏폼 영상의 권장 비율과 해상도를 기준으로 홈페이지, 쇼핑몰에서 왜곡 없이 노출하는 방법과 레이아웃 설계 포인트를 정리했습니다. 왜 중요할까?, 플랫폼 현황, 웹사이트 제작 설계에 미치는 영향, 권장 비율과 사이즈 맵, 반응형 구현 예시 등을 다룹니다.
홈페이지 및 쇼핑몰 제작 기간과 비용 절감 방법
홈페이지 및 쇼핑몰 제작 기간과 비용 절감 방법
Blog2개월 전631
홈페이지·쇼핑몰 제작 기간은 규모와 복잡성에 따라 며칠~수개월까지 다양하며, 일반적인 기업 사이트나 쇼핑몰은 약 1개월이 기준입니다. 카페24·워드프레스 등 기존 플랫폼을 활용하면 기간과 비용을 크게 줄일 수 있으며, 정확한 견적을 위해서는 참고 사이트를 2~3개 미리 준비하는 것이 중…
모바일 최적화, 성공적인 웹사이트 구축의 핵심 전략
모바일 최적화, 성공적인 웹사이트 구축의 핵심 전략
Blog2개월 전283
모바일 환경에서 이탈률을 줄이기 위해 반응형 레이아웃, 속도, 터치 UX를 점검하는 핵심 최적화 항목을 정리했습니다. 반응형 웹 디자인으로 모든 기기에 완벽 대응, 폰트와 콘텐츠, 모바일 친화적으로 설계, 빠른 로딩 속도가 만드는 신뢰, 사용자 친화적인 네비게이션 설계, 매출로 이어지는…
SVG 변환 도구
SVG 변환 도구
Blog2개월 전217
SVG 파일을 URL-safe 문자열로 변환하는 온라인 도구를 소개합니다. CSS background-image 등에서 인라인으로 사용할 수 있도록 SVG를 인코딩할 수 있습니다. URL-encoder for SVG 등을 다룹니다.
SVG 벡터 이미지 아이콘
SVG 아이콘 장점과 활용법
Blog5개월 전235
SVG 아이콘은 해상도 저하 없이 선명하게 표시되는 벡터 이미지 형식으로, 웹사이트 제작과 UI 디자인에서 널리 활용됩니다. 이 글에서는 SVG 아이콘의 주요 장점과 적용 방법, 실제 활용 예시를 함께 정리합니다.
제이에스웍스, 2002년 홈페이지
제이에스웍스, 2002년 홈페이지
Blog2개월 전190
JSWORX 2002년 홈페이지 화면과 당시 서비스 구성, 레이아웃 특징, 회사 소개 방식을 아카이브 관점에서 정리한 기록입니다. 심플하고 직관적인 웹 디자인, 주요 서비스 소개, 위치와 연락처 안내, 2002년 홈페이지 화면 등을 다룹니다.
캐러셀 슬라이더(Carousel Slider)의 정의 및 무료 프레임워크 소개
캐러셀 슬라이더(Carousel Slider)의 정의 및 무료 프레임워크 소개
Blog2개월 전680
Swiper, Slick 등 무료 슬라이더 프레임워크로 반응형 캐러셀을 구현하는 방법을 소개합니다. 캐러셀 슬라이더의 정의와 주요 기능도 함께 정리했습니다. 캐러셀 슬라이더의 주요 기능, 무료 캐러셀 슬라이더 프레임워크, 추천 슬라이더 라이브러리, Swiper, Owl Carousel …
웹사이트 디자인 아이콘 폰트
웹사이트 아이콘 폰트와 SVG 아이콘, 무엇을 써야 할까?
Blog2개월 전654
아이콘 폰트는 클래스 추가만으로 적용하기 쉽지만 전체 폰트 파일을 불러와 용량이 큽니다. SVG 아이콘은 필요한 것만 불러와 가볍고 선명하지만 마크업 관리가 늘어납니다. 사이트 제작 방식에 맞춰 선택하는 것이 좋습니다.
HTML 메타태그 기초 가이드 – SEO와 소셜 공유를 위한 필수 태그
HTML 메타태그 기초 가이드, SEO와 소셜 공유를 위한 필수 태그
Blog2개월 전469
메타태그는 웹 페이지의 정보를 정의하는 중요한 HTML 요소입니다. SEO, 반응형 웹, SNS 공유 설정에 자주 사용하는 메타태그를 정리했습니다. 자주 사용하는 메타태그, 페이지 자동 이동 등을 다룹니다.
12다음
검색

인기 키워드
웹사이트155홈페이지195검색엔진최적화8쇼핑몰182디자인186유지보수103seo90무료109네이버102ai97카페2474반응형75최적화103서비스174웹 디자인234http157영상51https141모바일107html91