#ui-developer
Read more stories on Hashnode
Articles with this tag
뭐? 이제 ‘인라인 요소/블록 요소’라는 개념이 사용되지 않는다고? · The RED : 견고한 UI 설계를 위한 마크업 가이드 by 정찬명 강의 中 “Part 1.HTML“ 내용을 기반으로 작성한 포스팅입니다. 1. 글의 목적 이미지 출처 :...
OpenWeather API를 사용해 현재 날씨와 대기 오염 정보를 프로젝트에 적용하는 방법을 알아보자 · 1. 글의 목적 인천광역시청 웹사이트를 클론하면서 작성해두었던 헤더 영역의 날씨부분을 실제 데이터 기반으로 동작할 수 있도록 업데이트 해야했다. OpenWeather...
다양한 디바이스에서 일관된 이미지 품질을 유지하는 방법 · 1. 글의 목적 웹 개발을 하다 보면, 실제로 표시될 크기보다 훨씬 큰 이미지 파일을 준비해야 하는 상황이 자주 발생한다. 예를 들어, 800px 너비의 배너 이미지를 표시할 때 1600px 이상의 이미지를...
인터랙티브 효과의 극대화를 위한 커스텀 마우스 포인터 제작기 · 1. 글의 목적 롯데백화점 메인 페이지를 클론하며 커스텀 마우스 포인터를 구현하게 되었다. 처음에는 단순히 포인터를 커스터마이징하는 작업이라고 생각했지만, 특정 UI에 따라 반응하는 커스텀 포인터를 구현하면서...
요소를 중앙 정렬하는 방법들과 상황에 맞는 적절한 속성을 사용할 수 있도록 정리하는 글 · 1. 글의 목적 요소를 중앙 정렬할 때, display: flex; justify-content: center; align-items: center; 조합을 자주 사용하고 있는...
웹, 모바일 반응형 대응 연습 프로젝트 · 해당 작업은 타이어픽 공식사이트의 페이지 구조를 참고해 만들었습니다. 모바일, 태블릿, 웹 반응형 100% 대응 🛞 Tire Pick 사이트명: 타이어픽 제작기간: 2024.03 ~ 2024.04 주요 기술 스택:...
