넘버스
넘버스
인포월드는 6가지 인기 있는 CSS 기술의 개발자들과 대화를 나누며 이러한 도구를 개발하게 된 동기를 알아보고 끊임없이 확장되는 스타일 도구 스펙트럼에서 이들의 프로젝트가 갖는 의미에 대해 알아봤다. editor@itworld.co.kr
베이스(Base) 베이스는 가벼운 CSS 프리프로세서로, SASS(Syntactically Awesome CSS) 또는 LESS(Leaner CSS)로 컴파일된다. 베이스를 설계한 매튜 하트맨에 따르면 다른 많은 프레임워크가 인터넷 익스플로러를 외면하는 것과 달리 베이스는 IE를 지원한다. 하트맨은 디자이너가 더 깔끔하고 잘 구조화된 CSS 코드를 짤 수 있도록 하기 위해 베이스를 고안했다. 현재 버전은 데스크톱에 치중하지만 하트맨은 모바일을 우선하는 방향으로 코드베이스를 전체적으로 개조한 두 번째 버전을 개발 중이다. 하트맨은 "베이스는 매우 기본적인 형태에서 시작했지만 점점 더 많은 웹 사이트에 구현되면서 빠르게 성장했다. 시행착오가 많지만 멋지고 재미있는 경험"이라고 말했다.
컴파스(Compass) 컴파스 CSS 저작 프레임워크는 디자이너에게 더 깔끔한 마크업과 재사용 가능한 패턴, 손쉬운 스프라이트 이미지 생성을 비롯한 다양한 기능을 제공한다. 개발자 로린 태켓은 "컴파스는 흔히 사용되는 사전 정의된 클래스 이름 집합이 아니다. 컴파스에는 다른 어떤 CSS 프레임워크보다 더 많은 도구가 있다"고 말했다. 태켓은 프레임워크에 포함된 그리드 계산기도 만들어다. 향후 브라우저에서 컴파스의 기능이 지원되지 않을 수 있음을 고려하여 각 기능을 선택적으로 끌 수 있도록 했다. 태켓은 컴파스가 복잡한 웹 사이트의 스타일 시트를 관리하는 용도로 최적이라고 말했다.
파운데이션(Foundation) 파운데이션 프레임워크의 특징은 응답성 높은 디자인, 즉 사용자 기기의 브라우징 환경에 자동으로 적응하는 웹 사이트와 웹 앱을 구축한다는 전략이다. 파운데이션의 디자인 책임자이자 웹 디자인 에이전시 저브(Zurb)의 파트너인 조나단 스마일리는 "파운데이션은 모든 기기에서 작동하는 응답성 높은 사이트를 구축하도록 지원하는 최초의 CSS 프레임워크"라며 "첫 공개 릴리스부터 응답성 높은 사이트에 집중했으며, 5개 버전을 거치는 동안 다중 기기를 목표로 사이트를 제작하는 사람들이 직면하는 여러 문제를 파악하고 이를 해결하도록 도울 수 있었다"고 말했다. 파운데이션은 SCSS(Sassy CSS)를 활용하며, 레이아웃과 프로토타이핑을 촉진하기 위한 구성 요소를 내장했고 프론트 엔드를 맞춤화하기 위한 오버라이드를 허용한다.
검비(Gumby) 1970년도 이전에 태어난 사람이라면 어린이용 텔레비전 프로그램에 등장했던, 유연한 초록색 클레이메이션 캐릭터인 검비를 기억할 것이다. 똑같은 이름의 CSS 프레임워크가 있다. 검비 프레임워크를 만드는 디지털 서전스(Digital Gurgeons)의 크리에이티브 디렉터인 피터 세나는 "검비라는 이름은 프레임워크의 유연성에 착안한 이름이다. 빠른 프로토타이핑이 가능하다"고 말했다. 검비는 다양한 형태의 컬럼으로 여러 가지 그리드를 제공하며 UI 키트에는 버튼, 글꼴, 양식 필드가 있다. 세나는 검비를 통해 수백 줄의 코딩 작업을 덜 수 있다고 말했다. 현재 버전 2.6이며 검비 3에는 일부 HD 태블릿과 터치스크린 노트북에 포함된 것과 같은, 현재 지원되지 않는 화면 크기와 기기가 추가된다.
큐브(Kube) 큐브는 스스로를 "프로페셔널" CSS 프레임워크로 내세운다. 큐브의 주요 개발자 중 한 명인 아템 로스노브스키는 다른 프레임워크들은 사전 정의된 스타일링을 제공하고 그 결과 사이트의 모양이 서로 비슷한 반면 큐브는 훨씬 더 단순하다고 말했다. 로스노브스키는 "큐브는 스타일 규칙이나 양식을 강제하지 않으며 따라서 전문 디자이너와 개발자만 제대로 쓸 수 있다"면서 "초급자들은 색, 그리드, 버튼, 양식 등 사전 정의된 방식을 통해 제공되는 일종의 가이드를 선호하지만 큐브는 디자이너와 개발자에게 완전한 자유를 제공한다. 이를 활용하려면 기술과 노력, 그리고 달성하고자 하는 목표에 대한 완전한 이해가 필요하다"고 말했다.
리스폰시브 그리드 시스템(Responsive Grid System) 개발자인 그레이엄 밀러에 따르면 리스폰시브 그리드 시스템은 프레임워크도, 보일러플레이트도 아니면서 응답성 높은 웹 사이트를 "빠르고 쉽게" 만들기 위한 방편을 제공한다. 리스폰시브 그리드 시스템은 기존 HTML 및 CSS에 연결된다. 밀러는 "응답성 높은 웹 사이트를 만들기 시작하면서 간단히 코드에 연결이 가능하며 어떤 프로젝트에서도 사용할 수 있는 무언가가 필요하다는 사실을 발견했다"며 "많은 프레임워크와 보일러플레이트를 사용해봤지만 하나같이 그리드를 구축한 다음 그 안에 콘텐트를 넣는 방식이었다. 나의 신조는 '콘텐트 먼저'이므로 나만의 응답성 높은 그리드 시스템을 만들었다"고 말했다. 모바일 버전은 시스템에 이미 내장되어 있지만 개발자가 직접 자기만의 버전을 만들 수도 있다.
Tags
함께 보면 좋은 콘텐츠
Sponsored
Surfshark
“유료 VPN, 분명한 가치 있다” VPN 선택 가이드
ⓒ Surfshark VPN(가상 사설 네트워크, Virtual Private Network)은 인터넷 사용자에게 개인 정보 보호와 보안을 제공하는 중요한 도구로 널리 인정받고 있다. VPN은 공공 와이파이 환경에서도 데이터를 안전하게 전송할 수 있고, 개인 정보를 보호하는 데 도움을 준다. VPN 서비스의 수요가 증가하는 것도 같은 이유에서다. 동시에 유료와 무료 중 어떤 VPN을 선택해야 할지 많은 관심을 가지고 살펴보는 사용자가 많다. 가장 먼저 사용자의 관심을 끄는 것은 별도의 예산 부담이 없는 무료 VPN이지만, 그만큼의 한계도 있다. 무료 VPN, 정말 괜찮을까? 무료 VPN 서비스는 편리하고 경제적 부담도 없지만 고려할 점이 아예 없는 것은 아니다. 보안 우려 대부분의 무료 VPN 서비스는 유료 서비스에 비해 보안 수준이 낮을 수 있다. 일부 무료 VPN은 사용자 데이터를 수집해 광고주나 서드파티 업체에 판매하는 경우도 있다. 이러한 상황에서 개인 정보가 유출될 우려가 있다. 속도와 대역폭 제한 무료 VPN 서비스는 종종 속도와 대역폭에 제한을 생긴다. 따라서 사용자는 느린 인터넷 속도를 경험할 수 있으며, 높은 대역폭이 필요한 작업을 수행하는 데 제약을 받을 수 있다. 서비스 제한 무료 VPN 서비스는 종종 서버 위치가 적거나 특정 서비스 또는 웹사이트에 액세스하지 못하는 경우가 생긴다. 또한 사용자 수가 늘어나 서버 부하가 증가하면 서비스의 안정성이 저하될 수 있다. 광고 및 추적 위험 일부 무료 VPN은 광고를 삽입하거나 사용자의 온라인 활동을 추적하여 광고주에게 판매할 수 있다. 이 경우 사용자가 광고를 보아야 하거나 개인 정보를 노출해야 할 수도 있다. 제한된 기능 무료 VPN은 유료 버전에 비해 기능이 제한될 수 있다. 예를 들어, 특정 프로토콜이나 고급 보안 기능을 지원하지 않는 경우가 그렇다. 유료 VPN의 필요성 최근 유행하는 로맨스 스캠은 인터넷 사기의 일종으로, 온라인 데이트나 소셜 미디어를 통해 가짜 프로필을 만들어 상대를 속이는 행위다. 이러한 상황에서 VPN은 사용자가 안전한 연결을 유지하고 사기 행위를 방지하는 데 도움이 된다. VPN을 통해 사용자는 상대방의 신원을 확인하고 의심스러운 활동을 감지할 수 있다. 서프샤크 VPN은 구독 요금제 가입 후 7일간의 무료 체험을 제공하고 있다. ⓒ Surfshark 그 외에도 유료 VPN만의 강점을 적극 이용해야 하는 이유는 다음 3가지로 요약할 수 있다. 보안 강화 해외 여행객이 증가함에 따라 공공 와이파이를 사용하는 경우가 늘어나고 있다. 그러나 공공 와이파이는 보안이 취약해 개인 정보를 노출할 위험이 있다. 따라서 VPN을 사용하여 데이터를 암호화하고 개인 정보를 보호하는 것이 중요하다. 서프샤크 VPN은 사용자의 개인 정보를 안전하게 유지하고 해킹을 방지하는 데 유용하다. 개인정보 보호 인터넷 사용자의 검색 기록과 콘텐츠 소비 패턴은 플랫폼에 의해 추적될 수 있다. VPN을 사용하면 사용자의 IP 주소와 로그를 숨길 수 있으며, 개인 정보를 보호할 수 있다. 또한 VPN은 사용자의 위치를 숨기고 인터넷 활동을 익명으로 유지하는 데 도움이 된다. 지역 제한 해제 해외 여행 중에도 한국에서 송금이 필요한 경우가 생길 수 있다. 그러나 IP가 해외 주소이므로 은행 앱에 접근하는 것이 제한될 수 있다. VPN을 사용하면 지역 제한을 해제해 해외에서도 한국 인터넷 서비스를 이용할 수 있다. 따라서 해외에서도 안전하고 편리하게 인터넷을 이용할 수 있다. 빠르고 안전한 유료 VPN, 서프샤크 VPN ⓒ Surfshark 뛰어난 보안 서프샤크 VPN은 강력한 암호화 기술을 사용하여 사용자의 인터넷 연결을 안전하게 보호한다. 이는 사용자의 개인 정보와 데이터를 보호하고 외부 공격으로부터 사용자를 보호하는 데 도움이 된다. 다양한 서버 위치 서프샤크 VPN은 전 세계 곳곳에 여러 서버가 위치하고 있어, 사용자가 지역 제한된 콘텐츠에 액세스할 수 있다. 해외에서도 로컬 콘텐츠에 손쉽게 접근할 수 있음은 물론이다. 속도와 대역폭 서프샤크 VPN은 빠른 속도와 무제한 대역폭을 제공하여 사용자가 원활한 인터넷 경험을 누릴 수 있도록 지원한다. 온라인 게임, 스트리밍, 다운로드 등 대역폭이 필요한 활동에 이상적이다. 다양한 플랫폼 지원 서프샤크 VPN은 다양한 플랫폼 및 디바이스에서 사용할 수 있다. 윈도우, 맥OS, iOS, 안드로이드 등 다양한 운영체제 및 디바이스에서 호환되어 사용자가 어디서나 안전한 인터넷을 즐길 수 있다. 디바이스 무제한 연결 서프샤크 VPN은 무제한 연결을 제공하여 사용자가 필요할 때 언제든지 디바이스의 갯수에 상관없이 VPN을 사용할 수 있다.
추천기사
