웹개발6 [번역] 모바일 우선 웹 디자인이 데스크톱에 미치는 부정적인 영향 출처: The Negative Impact of Mobile-First Web Design on Desktop 요약: 모바일 우선 웹 디자인은 데스크톱에서 볼 때 심각한 사용성 문제를 일으킵니다. 콘텐츠가 공백이 넓고 이미지와 글꼴이 확대된 긴 스크롤 페이지에 지나치게 분산되어 사용자가 정보를 소비하고 이해하기 어렵습니다. 많은 최신 웹사이트는 모바일 우선 접근 방식으로 설계되었습니다. 이러한 페이지가 데스크톱 디바이스에서 렌더링될 때 콘텐츠가 지나치게 크고 길게 표시될 수 있습니다. 화면을 가리는 이미지, 크고 부풀려진 텍스트, 과도한 음수 공간으로 인해 페이지가 길어지고 모든 콘텐츠를 소비하기 위해 더 많은 스크롤이 필요합니다. 이러한 디자인 트렌드를 콘텐츠 분산이라고 부릅니다. 이 페이지에서: 콘텐.. 2023. 11. 11. [번역] 상위 10가지 소프트웨어 개발 KPI 출처: Top 10 Software Development KPIs 목표를 설정한 후에는 지속적으로 목표를 달성하고 있는지 확인해야 합니다. 소프트웨어 개발도 마찬가지입니다. 모든 성공적인 소프트웨어 개발 수명 주기(SDLC)는 측정 가능한 목표를 설정하는 것에서 시작됩니다. 소프트웨어 개발의 핵심 성과 지표 또는 KPI는 소프트웨어 개발의 진행 상황을 평가하는 데 도움이 됩니다. 모든 개발 팀에서 KPI가 항상 동일하지는 않습니다. 성공을 측정하는 가이드 역할을 하지만, 각 조직은 현재 프로젝트 및 전반적인 비즈니스 목표와 관련된 지표를 설정해야 합니다. 그러나 소프트웨어를 성공적으로 빌드, 배포 및 확장하려면 전반적으로 잘라내야 하는 지표도 있습니다. 팀이 살펴봐야 할 소프트웨어 개발의 상위 10가지 .. 2023. 11. 8. 시맨틱 마크업을 위한 HTML 작성법 시맨틱 마크업이란? 시맨틱(Semantic)이란 "의미론적인"의 뜻을 가지며 마크업(Markup)이란 HTML 태그로 문서를 작성하는 것을 말합니다. 시맨틱 마크업이란 웹페이지의 의미를 전달하기 위해 구조적으로 의미를 지닌 마크업을 뜻합니다. 이는 곧 검색엔진최적화(SEO)에도 영향을 미치며, 웹 페이지의 가독성과 접근성을 높일 수 있어 전체적인 웹 페이지의 정보전달을 꾀할 수 있습니다. 시맨틱 마크업 예시 웹 페이지의 머리말을 나타냅니다. 사이트 제목, 로고, 주요 내비게이션 등을 포함할 수 있습니다. 웹사이트 제목 메뉴1 메뉴2 메뉴3 웹 페이지의 주요 내비게이션을 나타냅니다. 메뉴1 메뉴2 메뉴3 문서의 주요 섹션을 나타냅니다. 각 섹션은 일반적으로 제목( ~ )을 가지며 뉴스, 블로그 게시물 등과.. 2023. 10. 30. [번역] 지루한 개발자를 위한 10가지 재미있는 웹 개발 프로젝트 아이디어 출처: 10 Fun Web Development Project Ideas for Bored Coders to Do 지루함을 느끼고 흥미로운 프로젝트를 찾고 있는 웹 개발자이신가요? 더 이상 고민하지 마세요! 이 글에서는 기술 향상은 물론 참여와 동기 부여에 도움이 되는 10가지 웹 개발 프로젝트 아이디어를 살펴볼 것입니다. 이제 소매를 걷어붙이고 좋아하는 코드 편집기를 들고 창의적인 웹 개발 프로젝트에 뛰어들어 보세요! 참고: 제공된 코드 스니펫은 시작점을 제공하기 위한 간단한 예제입니다. 필요한 리소스나 기본 코드에 대한 대략적인 아이디어만 제공하므로 이를 확장해 나가야 합니다. 1. Personal Portfolio Website Goal: 시각적으로 매력적인 인터랙티브 포트폴리오 웹사이트를 만들어 .. 2023. 10. 28. [번역] Up: 클라우드를 위한 휴대용 마이크로서비스 준비 출처: https://www.uber.com/en-GB/blog/up-portable-microservices-ready-for-the-cloud/ 소개 매주 4,500명의 엔지니어와 수많은 자율 시스템이 4,000개 이상의 Uber 마이크로서비스를 10만 번 이상 배포합니다. 이러한 서비스는 전 세계에서 독립적으로 활동하는 수백 개의 개별 팀에 의해 개발, 배포, 운영됩니다. 내부 운영에 사용되는 소규모 서비스부터 대규모 실시간 연산에 사용되는 대규모 서비스까지 그 규모와 형태, 기능이 다양합니다. 이러한 서비스는 모두 다르지만 공통적인 특성을 공유하며, 간소화를 위해 통합할 수 있는 측면이 많습니다. 저희가 집중한 측면은 배포, 용량 관리, 규정 준수 및 일상적인 운영이었습니다. 이 글에서는 기본 구.. 2023. 10. 26. HTML 이란? HTML이란? HTML은 HyperText Markup Language의 약자로, 웹 페이지를 구성하는 표준 마크업 언어입니다. HTML은 웹 브라우저에게 웹 페이지의 구조와 내용을 알려주는 역할을 합니다. 간단하게 말해서, 웹 브라우저는 HTML 문서를 읽어들여서 웹 페이지를 표시하게 됩니다. HTML은 기본적으로 태그(tag)라고 불리는 요소로 구성되어 있습니다. 각각의 태그는 각자의 용도가 있으며, 웹 페이지의 구조와 내용을 정의하는 데 사용됩니다. 예를 들어, ``, ``, ``, ``와 같은 태그는 각각 HTML 문서의 시작, 타이틀 등을 정의하는 데 사용됩니다. HTML 특징 태그는 ``으로 시작해서 ``으로 끝납니다. 시작 태그와 끝 태그로 둘러싸인 부분이 해당 태그의 콘텐츠(content).. 2023. 10. 25. 이전 1 다음
