프론트엔드 서비스 타겟 환경 및 브라우저 지원 범위 선정
: 데스크탑(기본), 태블릿, 모바일
서비스의 주요 목표는 코드 템플릿의 저장 및 공유, 탐색의 신속성, 그리고 사용의 편의성입니다. 이러한 목표를 달성하기 위해 개발의 보편적인 환경인 데스크탑을 기본 플랫폼으로 설정하였습니다. 또한, 모바일과 태블릿 환경에서도 코드 템플릿을 탐색하고 조회할 때 높은 사용자 경험(UX)을 제공하기 위해 세심한 설계와 최적화를 고려합니다. 이를 통해 다양한 기기에서 사용 목적에 따른 일관되고 효율적인 사용자 경험을 제공하도록 합니다.
: Chrome, Edge, Safari, Firefox, Opera
- 2024년 6월 기준, 데스크탑 브라우저 점유율은 위와 같습니다. 따라서 상위 5위권에 있는
Chrome,Edge,Safari,Firefox,Opera를 지원합니다. - 이외 others는 고려하지 않습니다.
- 다양한 브라우저에서 동일한 화면을 보여주기 위해 각 브라우저에서 지원하는 기본 스타일링을 모두 초기화하는 Global Style 을 적용합니다.
- 필요한 경우 polyfill을 추가하여 해당 기능을 지원하지 않는 브라우저에서도 동일한 기능을 사용할 수 있게 돕습니다.
- 모바일: 360px - 480px
- 태블릿 세로: 481px - 768px
- 태블릿 가로: 769px - 1024px
- 데스크톱: 1025px - 1200px
- 대형 데스크톱: 1201px 이상