본 연구는 최근 비용의 문제로 인해 기획과는 무관하게 디자인이 획일화된 반응형 웹이 증가함에 따라 해당 웹 사이트의 목적을 체계화한 웹 서비스 유형에 따른 그리드 패턴 동향을 도출, 완성도 있는 반응형 웹을 보다 효율적으로 개발하는 데에 목적이 있다. 이를 위하여 1차로 그리드 시스템 및 반응형 웹의 5개 그리드 패턴과 서비스산업 분류체계에 대하여 이론 적으로 고찰한 후 이를 토대로 웹 서비스 유형을 체계화하였다. 2차로 반응형 웹과 적응형 웹의 비중을 알아볼 목적으로 웹 어워드 코리아(I-award)의 2016, 2017, 2018년도 910개 수상작을 분석한 결과 반응형 웹의 비중은 약 40%로 파악되었으며, 356개 반응형 웹의 그리드 패턴 비중을 분석한 결과 Mostly Fluid 62.9%, Column Drop 21.9%, Tiny Tweaks 8.4%, Layout shifter 5.3%, Off Canvas 1.9% 순으로 높은 비중을 차지했다. 또한 개발 연도에 따른 그리드 패턴의 경우 유의미한 동향이 나타나지 않았으나 웹 서비스 유형에 따른 그리드 패턴의 경우 유의미한 동향을 도출하였다. 디자이너 및 개발자는 본 연구의 결과를 참고하여 개발하고자 하는 웹 사이트의 목적을 웹 서비스 유형에 도입하여 그리드 패턴 비중을 파악, 더욱 효율적인 개발이 가능할 것으로 기대한다.

There have recently been increases in reactive webs that designs are standardized and developed regardless of planning and development purposes due to the issue of costs. Therefore, the purpose of this study is to draw grid pattern trends according to the web service types which systemize purposes of developing the applicable website and develop the reactive web with the degree of completion more efficiently. For this, first, grid system and 5 grid patterns of the reactive web and the classification system of the service industry were theoretically studied and the types of web services were organized based on this analysis. And second, the result which analyzed 910 award winning works by Web Award Korea (I-award) in 2016, 2017, and 2018 has found that the reactive web is about 40%. And the result which analyzed grid patterns of 356 reactive webs has found that Mostly Fluid (62.9%), Column Drop (21.9%), Tiny Tweaks (8.4%), Layout shifter (5.3%), and Off Canvas (1.9%) have the higher percentage in order. Grid patterns according to development years did not show significant trends but grid patterns according to web service types drew the significant trends. The designer and developer expects that more efficient development can be done by referring to the results in the study, introducing purposes of the web sites to try to be developed to web service types, and grasping grid patterns.

1. 서론
2. 이론적 고찰
3. 반응형 웹 그리드 패턴 동향 분석
4. 결론
참고문헌

• 이지훈(서경대학교 일반대학원) | Lee Ji Hoon
• 이재익(서경대학교 디자인학부) | Lee Jae Ik