본문으로 건너뛰기
Blog

피클웹 블로그

웹사이트 제작과 운영에 필요한 실무 인사이트를 정리합니다.

153 2주 전 웹개발

웹 호스팅, 카페24

카페24 웹호스팅을 운영할 때 확인해야 할 기본 개념과 실무 점검 항목을 초보자 관점에서 이해하기 쉽게 정리했습니다. 업로드 용량 늘리기, 도메인, 호스팅 미로그인 연장 등을 다룹니다.

170 2주 전 아카이브

2019년 피클웹 홈페이지

2019년 피클웹 홈페이지 개편 사례를 바탕으로 서비스 전달 구조, 포트폴리오 배치, 상담 전환 동선 설계 포인트를 정리했습니다. 개편 배경, 서비스 중심 구성, 포트폴리오와 고객 사례, 상담 전환 강화, 푸터 구성 등을 다룹니다.

241 2개월 전 웹 개발

AI 이전, 프론트엔드 개발자들이 매일 열어두던 사이트들

AI 도구가 보편화되기 이전, 프론트엔드 개발자와 웹 퍼블리셔들은 Stack Overflow, GitHub, MDN Web Docs, CodePen, CSS-Tricks, Dribbble, Behance, Awwwards, Smashing Magazine, Codrops, Can I use 등을 실무 참고 사이트로 활용했습니다. 문제 해결은 Stack Overflow와 MDN, 코드 실험은 CodePen, 디자인 영감은 Dribbble과 Awwwards가 주요 거점이었습니다.

171 2주 전 웹개발

부트스트랩 스타일 버튼, 탭, 테이블

부트스트랩 버튼, 탭, 테이블 컴포넌트를 빠르게 적용하는 방법과 기본 커스터마이징 포인트를 실무 관점에서 정리했습니다. 스타일 1, 스타일 2, 스타일 3, 스타일 4 등을 다룹니다.

150 2주 전 아카이브

팝스메일 배너

1999년 무료 통합 메세징 서비스 팝스메일(PopsMail)의 웹 배너 디자인 모음. N세대를 위한 이메일 서비스의 광고 배너 아카이브입니다. 팝스메일 배너 디자인 등을 다룹니다.

145 2주 전 웹 개발

홈페이지에 넣을 회사 로고는 어떻게 하나요?

회사 로고가 있는 경우와 없는 경우 각각 어떻게 준비해야 하는지 안내합니다. AI 로고 제작 도구 Tailor Brands 링크도 함께 제공합니다. 기존 로고가 있는 경우, 로고 파일이 없는 경우, 간편한 로고 제작 방법이 필요하다면? 등을 다룹니다.

178 2주 전 아카이브

2000년대 초, ‘팝스메일’이 돋보였던 이유

무료 이메일 경쟁이 치열하던 시기 팝스메일이 차별화됐던 배경을 용량, 기능, 사용자 경험 관점에서 정리한 아카이브 글입니다. 기본 용량만으로도 차별화된 서비스, 비즈니스 환경에 최적화된 기능, 업무 효율을 고려한 설계 철학, 이메일을 넘어선 커뮤니케이션 허브, 팝스메일이 남긴 의미 등을 다룹니다.

131 2주 전 웹 개발

정규 표현식

정규 표현식(Regular Expressions) 레퍼런스입니다. POSIX 문자 클래스 표와 PHP에서 전화번호 하이픈 삽입 등 실무 예제를 정리했습니다. POSIX 문자 클래스 (POSIX Character Classes), PHP 정규식 예제 등을 다룹니다.

156 2주 전 아카이브

아마존닷컴의 실험적인 글로벌 네비게이션 시스템

2002년 시점에서 아마존 글로벌 네비게이션 구조를 분석한 글로 탭 시스템, 정보 구조, 실험적 UI 흐름을 아카이브 관점에서 정리했습니다. "Analysis Navigation Systems of Global Web Sites, 지금은 위험한 곡예실험 중, 글로벌 네비게이션이 선사하는 6가지 신비로운 약초, 급하면 급할수록 돌아가시오! 아마존님! 등을 다룹니다.