최근에 작업한 홈페이지 자랑을 올릴까 합니다. ㅎ

좀 거만해 보이지만 자랑도 하면서 관련 기술에 관한 도움이 되었으면 합니다.

 http://madestar.net 스타만들기라는 사이트입니다. 물론 기획 및 디자인은 일을 맡은 회사에서 했고 전 재택프리랜서로 프로그램 작업을 하였습니다.

사이트 특징은 다음과 같습니다.

1. 큐레이션 형태의 웹사이트

시각 즉 비주얼을 강조한 웹사이트입니다. 하나하나의 데이타를 비주얼하게 나열합니다. 그리고 보기 쉽게 나열합니다.

2. 실시간 처리가 주를 이룹니다.

가능하면 실시간 ajax 처리를 하였습니다. 스크롤을 내리면 자동적으로 데이터를 보여줍니다.

댓글을 달든지 요청을 하게 되면 저장 및 재로딩이 모두 실시간으로 처리됩니다.
 

3. 시각 효과를 위해 제이쿼리를 최대한 활용하였습니다.

특히 이미지 슬라이더 기능등을 위해 최대한 제이쿼리를 이용하여 구현하였습니다. 모바일로는 터치 슬라이드가 가능합니다.

4. 대용량 이미지 스토리지를 위해 설계되었습니다.

많은 이미지들이 등록될 것을 대비하여 관련 처리를 하였습니다.

5. 소셜네트워크와의 연동에 신경썼습니다.

카카오톡,카카오스토리,페이스북,트위터등 소셜 네트워크와의 연동에 신경썼습니다.

6. 다양한 브라우저에서 모두 동작하도록 프로그래밍하였습니다.

좀 까다롭고 시간이 걸리긴 했지만 익스플로러, 크롬, 파이어폭스등 다양한 브라우저에서 모두 사용가능하도록 하였습니다.

7. 모바일에서도 실시간등의 처리를 하였습니다.

모바일에서도 PC와 동일한 기능을 사용할 수 있도록 처리하였습니다.

8. 아쉬운 점

모바일에서 제이쿼리모바일을 활용하지 못했습니다. 제이쿼리모바일을 활용할 경우 카카오스토리처럼 페이지 이동 역시 실시간으로 처리되어 마치 네이티브 앱처럼 자유롭게 사용이 가능합니다.

제작기간등의 문제로 페이지 이동에 있어서는 실시간이 배제되었습니다.

9. 현재 웹프로그래밍의 변화

예전에는 사실 PHP,ASP 등을 할 줄 알면 지금보단 더 쉽게 프로그램을 할 수 있었습니다. 하지만 지금은 상황이 조금 바뀌었습니다.

다양한 브라우저에서 모두 동일한 결과를 보여줘야 하고 특히 익스플로러에서는 버전별로 실제 적용시 디자인이 틀어지거나 기능이 작동하지 않는 경우가 있어 이러한 처리에서 더 어려워졌습니다.

그리고 실시간 처리가 점점 많아지고 있어 코드의 길이가 길어졌습니다. 실시간 처리는 단순한 버그 하나만으로도 페이지 전체가 먹통이 될 수 있는 맹점이 있습니다. 그만큼 까다로워졌습니다.

이전에는 제이쿼리를 활용하지 않아도 충분히 작업이 가능했지만 지금은 다양한 기능을 구현해야 하기에 제이쿼리 또한 학습할 필요가 생겼습니다.

사이트 제작 수요 또한 많이 바뀐 듯 합니다. 이전에는 홍보용 웹사이트 제작이 많았지만 지금은 홍보용은 블로그나 카페를 이용하는 경우가 훨씬 많습니다. 반면에 고기능이 필요한 경우에 웹사이트 제작 의뢰가 들어오는 경우가 많습니다.

점점 웹프로그래머로서 갖춰야하는 기술이 많아지는 것 같습니다.

그리고 웹프로그래밍 기술과 스마트폰을 접목하여 ​하이브리드 앱 제작 요청이 늘어나고 있습니다.

시대적 변화에 발맞추어서 어느 정도 모바일 프로그래밍에도 대비해야 할 듯 합니다.