'웹 개발'에 해당되는 글 1건

 
오늘은 웹 개발 특히 홈페이지젲작할 때 필요한 프로그램을 소개합니다.

 웹 개발를 위한 것들 제로보드xe+그누보드+워드프레스+부트스트랩(Bootstrap)+제이쿼리모바일+제이큐터치

제로보드 XE

공식홈 : www.xpressengine.com

마켓 : www.xemarket.co.kr

설치형 무료게시판으로 제로보드 3 때부터 워낙 유명한 오픈소스 툴.

xe는 한번도 사용해보진 않았지만, 요즘 보니 한번 사용해보고 싶은 호기심이..

어라 ? 마켓도 있네?

 그누보드

공식홈 : www.sir.co.kr

한창 제로보드4 를 사용할때 알게된 또다른 설치형 무료 게시판.

당시 어떤면에서는 제로보드4 보다 깔끔한 ui에 더 괜찮아 보였던 오픈소스 인데, 지금은 무언가 많이 바뀐듯.

 워드프레스 (WordPress)

공식홈 : https://wordpress.org/

한글홈 : http://ko.wordpress.org/

정말 간편히 블로그 형태 및 기타 웹사이트를 손쉽게 만들어주는 프레임워크.

기본적으로 워드프레스를 사용하기 위해선 데이타베이스(mysql) 사용이 필수 이다.

(현재 데이타베이스 종류로는 mysql만 지원하는 걸로 알고 있음)

웹표준으로 제작이 되어 있으며, 여러 무료 테마들과 플러그인등으로 몇번의 클릭으로 상당히 기능적인 웹사이트를 생성할 수 있다.

요즘 한창 뜨고 있는 반응형 웹을 지원하며, 간단한 플러그인 추가로 모바일페이지까지 추가 작업없이 생성이 가능하다.

위의 제로보드와 그누보드 처럼 설치형 이며, 설치는 위의 두 오픈소스들 처럼 간단하다.

부트스트랩 (Bootstrap)

공식홈 : http://getbootstrap.com/

한글홈 : http://bootstrapk.com/BS3/

개인적으로 가장 관심가지고 있는 프레임워크.

html, css, js 로만 구성하여 상당히 다이나믹하고 미러한 사이트를 구성할 수 있다.

설치가 아닌 템플릿을 다운받아 소스 수정 및 추가 태그로 나만의 개성있고 기능성 넘치는 사이트를 구성할 수 있다.

많은 샘플들과 소스코드 와 클래스들을 제공하며, 다소 컨텐츠 수가 너무 많고 다양한 사이트 보단,

쓸데없이 화려한 기교없는 비교적 심플하고 시원한 페이지를 구성하는 사이트에 최적화 된 툴이라고 볼수 있다.

부트스트랩 역시 웹표준 및 반응형 웹을 지원하여, 해상도나 브라우저 종류,  디바이스 기기에 상관없이 최적화된 화면을 보여준다.

물론 그런 부분등을 고려하여 웹 레이아웃을 잡아야 겠지만~ ^^

제이쿼리모바일 (jquerymobil)

공식홈 : http://jquerymobile.com/

너무나도 유명한 제이쿼리~

요즘 어지간한면 제이쿼리 스크립트를 활용하지 않은 사이트를 보지 못한 듯 하다.

위의 부트스트랩 역시 제이쿼리 스크립트를 활용한 프레임워크이다

그런 제이쿼리에서 css 와 js 를 활용하여 마치 어플리케이션에서 구동하는 듯한  ui를 구현한 것이 이 제이쿼리모바일 이다.

이름 그대로 모바일페이지를 빌드 하기 위해 만들어진 툴로 소스툴을 다운받아 사용자가 수정 및 원하는 소스코드를 사용하여,

모바일 페이지를 생성하면 된다.

JQtouch (제이큐터치)

공식홈 : http://jqtjs.com/

jQT

www.jqtjs.com

모바일 개발 관련 정보를 검색하다 우연히 알게된 모바일 웹 개발 킷.

훓어 보니 이 역시 제이쿼리 스크립트로 개발된 소스이다.

모바일에서 데모 페이지를 테스트해보니 제이쿼리모바일과 크게 차이를 느끼지 못하겠고,

그리고 제이쿼리 모바일에 비해 동작 애니메이션 등 무언가 깔끔하지 못한듯한 툴이라 깊이 정보를 파고들지 않은 툴이기도 하다.

제이쿼리모바일과 다른점을 찾지 못하겠지만, 일단 정보상 기록.