· software
CSS Grid 마스터하기: 반응형 레이아웃을 위한 포괄적인 가이드
CSS Grid 반응형 레이아웃 floats와 복잡한 media queries, 그리고 취약한 layout systems와 씨름하며 반응형 디자인을 구현하는 데 지치셨나요? 이제는…
-
- · software
CSS Max-Width 설명: 레이아웃 깨지는 것을 방지하세요
레이아웃을 깨지 마세요! CSS max-width 완전 가이드 노트북에서 완벽하게 보이는 디자인에 몇 시간을 투자했지만, 화면이 늘어나는 것을 본 적이 있다면…
- · software
고급 CSS Grid 및 Flexbox 기술 마스터하기: 반응형 레이아웃
현대 웹 디자인에서 CSS Grid와 Flexbox는 반응형이며 적응 가능하고 시각적으로 인상적인 레이아웃을 만들기 위한 기본 도구가 되었습니다. 두 기술 모두 ...
- · software
🚀 첫 웹사이트를 만들었어요 — 확인하고, 평가하고, 리뷰해 주세요 🙌
안녕 개발자 여러분 👋 저는 BSc IT 학생이자 초보 웹 개발자인 Tarun Mehra입니다. 첫 번째 personal website를 막 완성했으며, 이 프로젝트를 통해 t...
- · software
React 로직에서 Custom Hook으로 Media Queries를 처리하는 방법
소개 CSS 미디어 쿼리는 스타일링에 환상적입니다—화면 너비에 따라 **font sizes**, **padding**, 또는 **grid layouts**를 변경할 수 있습니다. 하지만 필요할 때는 어떻게 될까요?
- · software
Thai Lagoon 웹사이트 재구상
프로젝트 개요 프로젝트 목표는 현지 레스토랑인 Thai Lagoon의 기존 웹사이트를 재설계하는 것이었으며, 현재 온라인 존재감이 구식이 되었습니다.
- · software
🎨 나는 14살에 Developer Portfolio를 만들었어요 — 배운 점
안녕하세요 여러분! 저는 14살 프론트엔드 개발자이고, 방금 개인 포트폴리오 웹사이트를 완성했습니다. 여기에서 확인해 보세요: 👉 전체를 제가 직접 만들었습니다.
- · software
CSS는 제약 시스템이어야 할까요?
CSS는 어렵다. 레이아웃 규칙은 꽤 복잡하고 예시만으로는 익히기 힘들다. “centering a …” 같은 경우는 유명한 문제다. 혹은 기억하라…
- · software
현대 CSS 레이아웃 기법: Flexbox, Grid, 그리고 Subgrid (2025 가이드)
Flexbox 기본 원리와 일반적인 패턴 CSS Grid: 복잡하고 반응형 레이아웃 구축 Subgrid: 중첩 레이아웃 문제 해결 각 기술을 언제 사용할지 ef...
- · software
Desktop 레이아웃을 콘텐츠 손실 없이 깔끔한 Mobile UI로 변환하는 방법
후크: 약속과 문제 사용자는 데스크톱에서 얻는 것과 동일한 콘텐츠와 선명도를 휴대폰에서도 기대합니다. 하지만 데스크톱 레이아웃을 작은 스크린에 억지로 넣으면…
- · software
연습을 위해 간단한 미니 HTML/CSS 템플릿을 만들었어요 – 의견 부탁드립니다?
목표 - HTML 구조 연습 - 미니멀리스트 디자인 작업 - 반응형 페이지 만들기 배우기 - 템플릿을 조직하는 방법 이해하기 - ...