Mobile-First Engineering: 왜 나는 개인 포트폴리오를 위해 서브도메인을 만들었는가

Source: Dev.to

웹 트래픽의 60%가 모바일인 세상에서, “반응형” 웹사이트만으로는 충분하지 않다. 나는 단순히 축소되는 것이 아니라 손바닥에 딱 맞는 네이티브한 느낌을 주는 무언가를 만들고 싶었다.

Check out the live mobile‑optimized site at

전략: 첫 번째 서브도메인

이 프로젝트를 시작할 때, 나는 이를 별도의 서브도메인 portfolio.shaurya.online에 호스팅하기로 전략적인 결정을 내렸다. 모든 것을 하나의 URL에 억지로 넣는 대신, 서브도메인은 이동 중에도 빠르게 탐색할 수 있도록 설계된 고성능의 맞춤형 인터페이스를 제공하고, 메인 사이트는 여전히 고수준 허브 역할을 유지한다.

무엇이 이를 “모바일 맞춤형”으로 만들까?

모바일 퍼스트로 구축한다는 것은 데스크톱 퍼스트 사고방식을 넘어서는 것을 의미한다. 나는 세 가지 핵심 영역에 집중했다:

• 터치 친화 UI – 모든 인터랙션 포인트는 “엄지 손가락 도달 범위”를 고려해 설계했다. 작은 버튼이나 미세한 링크는 없다.
• 핵심 성능 – AVIF와 같은 최신 이미지 포맷 및 가벼운 CSS를 사용해 사이트는 성능 지표에서 거의 완벽에 가까운 점수를 얻으며, 느린 4G 연결에서도 즉시 로드된다.
• 앱 같은 경험 – 부드러운 전환과 통합된 소셜 그리드 덕분에 사이트가 리사이즈된 데스크톱 페이지가 아니라 프리미엄 모바일 애플리케이션처럼 느껴진다.

백링크 혜택

이와 같이 웹 존재를 조직하는 것은 웹 아키텍처에 대한 놀라운 교훈이 되었다. 서브도메인을 사용함으로써 기본 도메인의 안정성에 영향을 주지 않고 최첨단 CSS와 인터랙티브 레이아웃을 실험할 수 있다.

당신이 채용 담당자이든 동료 개발자이든, 이 사이트를 휴대폰에서 열어 흐름을 체험해 보길 바란다.

프로젝트 보기: